-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
184 lines (161 loc) · 8.24 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
---
layout: main
---
<div class="main-header">
<div class="intro">
<div class="container">
<div class="intro-text">
<div class="intro-heading"><BITS/></div>
<div class="intro-sub">[Recap site;]</div>
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#services"
style="visibility:hidden">Explore</a>
<br>
</div>
</div>
</div>
</div>
<div class="wave1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#000000" fill-opacity="0.2"
d="M0,160L20,186.7C40,213,80,267,120,277.3C160,288,200,256,240,256C280,256,320,288,360,261.3C400,235,440,149,480,122.7C520,96,560,128,600,128C640,128,680,96,720,106.7C760,117,800,171,840,176C880,181,920,139,960,106.7C1000,75,1040,53,1080,48C1120,43,1160,53,1200,101.3C1240,149,1280,235,1320,245.3C1360,256,1400,192,1420,160L1440,128L1440,320L1420,320C1400,320,1360,320,1320,320C1280,320,1240,320,1200,320C1160,320,1120,320,1080,320C1040,320,1000,320,960,320C920,320,880,320,840,320C800,320,760,320,720,320C680,320,640,320,600,320C560,320,520,320,480,320C440,320,400,320,360,320C320,320,280,320,240,320C200,320,160,320,120,320C80,320,40,320,20,320L0,320Z">
</path>
</svg>
</div>
<div class="wave2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#141517" fill-opacity="1"
d="M0,160L20,186.7C40,213,80,267,120,277.3C160,288,200,256,240,256C280,256,320,288,360,261.3C400,235,440,149,480,122.7C520,96,560,128,600,128C640,128,680,96,720,106.7C760,117,800,171,840,176C880,181,920,139,960,106.7C1000,75,1040,53,1080,48C1120,43,1160,53,1200,101.3C1240,149,1280,235,1320,245.3C1360,256,1400,192,1420,160L1440,128L1440,320L1420,320C1400,320,1360,320,1320,320C1280,320,1240,320,1200,320C1160,320,1120,320,1080,320C1040,320,1000,320,960,320C920,320,880,320,840,320C800,320,760,320,720,320C680,320,640,320,600,320C560,320,520,320,480,320C440,320,400,320,360,320C320,320,280,320,240,320C200,320,160,320,120,320C80,320,40,320,20,320L0,320Z">
</path>
</svg>
</div>
<div class="image1">
{% include svg/programmer.html %}
</div>
<div class="section-1">
<div class="topic">What is it?</div>
<div class="description">BITS, The First-Ever Task-Based Intra-School ICT competition, organized by the Ananda College
ICT Society to provide a platform for our school's students to polish and improve their ICT knowledge in many fields
of ICT.</div>
</div>
<div class="image2">
{% include svg/winner.html %}
</div>
<div class="section-2">
<div class="topic">Past Winners</div>
<div class="winners">
{% for detail in site.data.details %}
<div class="card mb-3">
<div class="card-body">
<h5 class="card-title">{{ detail.name }}</h5>
<p class="card-text">{{ detail.winner }}</p>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="section-3">
<div class="topic">Past Competitions Details</div>
<div class="detail-cards">
<div class="row row-cols-1 row-cols-md-3 g-4">
{% for detail in site.data.details %}
<div class="col">
<div class="card">
<a href="{{ detail.link }}" target="_blank">
<img src="{{ detail.img }}" class="card-img-top" alt="{{ detail.alt }}">
<div class="open">
<span class="material-icons">
open_in_new
</span>
</div>
</a>
<div class="card-body">
<h5 class="card-title">{{ detail.name }}</h5>
<p class="card-text">
Registered - {{ detail.registered }} <br>
Participants - {{ detail.participants }} <br>
Completed Tasks - {{ detail.tasks }} <br>
Duration - <br>
{{ detail.duration }} <br>
({{ detail.days }} Days)
</p>
<div class="tosite"><a href="" class="">to the Recap Site...</a></div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="chart-card card border-dark">
<div class="card-body">
<h5 class="card-title">Tasks Completed</h5>
<canvas id="alltasks" width="100%" height="100%"></canvas>
</div>
</div>
</div>
<div class="col-md-6">
<div class="chart-card card border-dark">
<div class="card-body">
<h5 class="card-title">Tasks Completed by Category</h5>
<canvas id="allcatogery" width="100%" height="100%"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wave3">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#212529" fill-opacity="0.2"
d="M0,64L14.1,101.3C28.2,139,56,213,85,229.3C112.9,245,141,203,169,160C197.6,117,226,75,254,69.3C282.4,64,311,96,339,96C367.1,96,395,64,424,58.7C451.8,53,480,75,508,122.7C536.5,171,565,245,593,272C621.2,299,649,277,678,245.3C705.9,213,734,171,762,165.3C790.6,160,819,192,847,186.7C875.3,181,904,139,932,133.3C960,128,988,160,1016,165.3C1044.7,171,1073,149,1101,149.3C1129.4,149,1158,171,1186,165.3C1214.1,160,1242,128,1271,122.7C1298.8,117,1327,139,1355,165.3C1383.5,192,1412,224,1426,240L1440,256L1440,320L1425.9,320C1411.8,320,1384,320,1355,320C1327.1,320,1299,320,1271,320C1242.4,320,1214,320,1186,320C1157.6,320,1129,320,1101,320C1072.9,320,1045,320,1016,320C988.2,320,960,320,932,320C903.5,320,875,320,847,320C818.8,320,791,320,762,320C734.1,320,706,320,678,320C649.4,320,621,320,593,320C564.7,320,536,320,508,320C480,320,452,320,424,320C395.3,320,367,320,339,320C310.6,320,282,320,254,320C225.9,320,198,320,169,320C141.2,320,113,320,85,320C56.5,320,28,320,14,320L0,320Z">
</path>
</svg>
</div>
<div class="wave4">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#343a40" fill-opacity="1"
d="M0,64L14.1,101.3C28.2,139,56,213,85,229.3C112.9,245,141,203,169,160C197.6,117,226,75,254,69.3C282.4,64,311,96,339,96C367.1,96,395,64,424,58.7C451.8,53,480,75,508,122.7C536.5,171,565,245,593,272C621.2,299,649,277,678,245.3C705.9,213,734,171,762,165.3C790.6,160,819,192,847,186.7C875.3,181,904,139,932,133.3C960,128,988,160,1016,165.3C1044.7,171,1073,149,1101,149.3C1129.4,149,1158,171,1186,165.3C1214.1,160,1242,128,1271,122.7C1298.8,117,1327,139,1355,165.3C1383.5,192,1412,224,1426,240L1440,256L1440,320L1425.9,320C1411.8,320,1384,320,1355,320C1327.1,320,1299,320,1271,320C1242.4,320,1214,320,1186,320C1157.6,320,1129,320,1101,320C1072.9,320,1045,320,1016,320C988.2,320,960,320,932,320C903.5,320,875,320,847,320C818.8,320,791,320,762,320C734.1,320,706,320,678,320C649.4,320,621,320,593,320C564.7,320,536,320,508,320C480,320,452,320,424,320C395.3,320,367,320,339,320C310.6,320,282,320,254,320C225.9,320,198,320,169,320C141.2,320,113,320,85,320C56.5,320,28,320,14,320L0,320Z">
</path>
</svg>
</div>
<!--
<!--footer--
<footer style="background:#dee2e6;">
<div class="container">
<div class="row">
<div class="col-md-4">
<span class="copyright"><h5 style="font-family: 'Saira', sans-serif !important;">Copyright © ACICTS 2018</h5></span>
</div>
<div class="col-md-4">
<ul class="list-inline social-buttons">
<li class="list-inline-item">
<a href="https://twitter.com/acicts" target="_blank">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.facebook.com/acicts" target="_blank">
<i class="fab fa-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.instagram.com/acicts" target="_blank">
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-inline">
<li class="list-inline-item">
<a href="https://acicts.io" target="_blank" style="font-family: 'Saira', sans-serif !important; color:#212529;">ACICTS</a>
</li>
<li class="list-inline-item">
<a href="https://bits.acicts.io" target="_blank" style="font-family: 'Saira', sans-serif !important; color:#212529">BITS</a>
</li>
</ul>
</div>
</div>
</div>
</footer> -->