This repository was archived by the owner on Dec 10, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 55
Expand file tree
/
Copy pathindex.html
More file actions
256 lines (229 loc) · 15.8 KB
/
index.html
File metadata and controls
256 lines (229 loc) · 15.8 KB
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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="OpenCode is a 30-day long open-source festival that aggregates various open-source sessions on top of the exciting projects being built by the participants. Hosted on Github by IIITA students, Opencode organizers will be maintaining and mentoring numerous repositories with projects from a wide range of fields. Join us and discover the endless possibilities of code!">
<meta name="keywords" content="coding, programming, open source, collaborative, learning, opencode, development, developer, software, project, community, IIITA, Google Summer of Code, GSoc">
<meta name="author" content="OpenCode Team">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<title>OpenCode</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
/>
<link rel="stylesheet" href="styles.css" />
<link
rel="shortcut icon"
href="images/favicon (1).png"
type="image/x-icon"
/>
</head>
<body>
<!-- Hero Section -->
<div id="tiles"></div>
<div id="title" class="upperHeroPage">
<svg
class="logo"
width="100%"
height="100%"
viewBox="0 0 359 375"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M141.627 138.336L142.369 185.429M142.369 185.429L142.952 222.449C142.952 225.557 142.133 226.561 144.827 228.112M142.369 185.429C142.369 182.321 142.458 182.148 145.152 180.598L177.981 161.646M144.827 228.112L104.165 204.793M144.827 228.112L176.074 247.443C178.757 248.988 179.784 248.887 182.467 247.343M140.88 270.815L182.467 247.343M182.467 247.343L215.986 229.988C218.68 228.437 220.122 227.6 220.122 224.492M220.122 224.492L220.846 270.462M220.122 224.492L219.541 187.573C219.489 184.315 219.531 182.106 216.837 180.555M177.981 161.646L218.759 137.906M177.981 161.646C180.664 160.102 182.263 160.533 184.946 162.077L216.837 180.555M256.956 204.793L216.837 180.555M179.52 5L125.653 40.6601C121.598 43.3445 121.674 49.3221 125.795 51.9031L180.004 85.8491M179.52 5L242.53 46.5967M179.52 5L116.994 46.5967M294.876 158.646C295.361 188.373 294.876 269.991 294.876 289.027C294.876 308.899 267.734 349.613 252.224 365.122L351.322 275.508C352.724 274.24 353.524 272.438 353.524 270.548V197.905M294.876 158.646V81.1539M294.876 158.646L353.524 197.905M294.876 158.646L180.004 85.8491M294.876 81.1539L350.521 117.889C352.396 119.126 353.524 121.222 353.524 123.469V197.905M294.876 81.1539L242.53 46.5967M180.004 85.8491L242.53 46.5967M180.004 85.8491L64.6477 161.554M180.004 85.8491L116.994 46.5967M64.6477 161.554C64.6477 191.12 66.5865 269.991 66.5865 289.027C66.5865 319.077 106.816 355.913 124.265 369L8.4862 275.524C6.9139 274.255 6 272.342 6 270.321V197.905M64.6477 161.554V81.1539M64.6477 161.554L6 197.905M64.6477 81.1539L9.0028 117.889C7.128 119.126 6 121.222 6 123.469V197.905M64.6477 81.1539L116.994 46.5967M104.165 164.041V245.545C104.165 247.923 105.428 250.121 107.481 251.32L177.19 292.008C179.273 293.224 181.849 293.224 183.932 292.008L253.64 251.32C255.694 250.121 256.956 247.923 256.956 245.545V164.041C256.956 161.664 255.694 159.465 253.64 158.266L183.932 117.578C181.849 116.363 179.273 116.363 177.19 117.578L107.481 158.266C105.428 159.465 104.165 161.664 104.165 164.041Z"
stroke="url(#paint0_linear_1_4)"
stroke-width="10.0302"
stroke-linejoin="round"
/>
<defs>
<linearGradient
id="paint0_linear_1_4"
x1="179.762"
y1="5"
x2="179.762"
y2="369"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#03D4DA" />
<stop offset="0.9999" stop-color="#92F1F9" />
<stop offset="1" stop-color="#ABF6FF" stop-opacity="0" />
</linearGradient>
</defs>
</svg>
<svg
class="text"
width="100%"
height="10%"
viewBox="0 0 422 44"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20.624 43.403C16.8629 43.403 13.4089 42.52 10.2619 40.755C7.11484 38.989 4.62025 36.552 2.77809 33.444C0.935942 30.297 0.0148621 26.747 0.0148621 22.794C0.0148621 18.879 0.935942 15.368 2.77809 12.259C4.62025 9.112 7.11484 6.65601 10.2619 4.89001C13.4089 3.12501 16.8629 2.242 20.624 2.242C24.4234 2.242 27.8775 3.12501 30.9861 4.89001C34.1331 6.65601 36.6085 9.112 38.4123 12.259C40.2545 15.368 41.1755 18.879 41.1755 22.794C41.1755 26.747 40.2545 30.297 38.4123 33.444C36.6085 36.552 34.1331 38.989 30.9861 40.755C27.8391 42.52 24.3851 43.403 20.624 43.403ZM20.624 36.207C23.0418 36.207 25.1718 35.67 27.014 34.595C28.8561 33.482 30.2953 31.909 31.3315 29.875C32.3677 27.841 32.8858 25.48 32.8858 22.794C32.8858 20.107 32.3677 17.766 31.3315 15.771C30.2953 13.737 28.8561 12.182 27.014 11.108C25.1718 10.033 23.0418 9.496 20.624 9.496C18.2062 9.496 16.057 10.033 14.1764 11.108C12.3343 12.182 10.8951 13.737 9.8589 15.771C8.8227 17.766 8.3046 20.107 8.3046 22.794C8.3046 25.48 8.8227 27.841 9.8589 29.875C10.8951 31.909 12.3343 33.482 14.1764 34.595C16.057 35.67 18.2062 36.207 20.624 36.207ZM79.3517 15.253C79.3517 17.402 78.8336 19.417 77.7974 21.297C76.7996 23.178 75.2069 24.694 73.0193 25.845C70.8701 26.996 68.1453 27.572 64.8447 27.572H58.1094V43H50.0499V2.81799H64.8447C67.9534 2.81799 70.6015 3.35499 72.789 4.42999C74.9766 5.50399 76.6077 6.98201 77.6823 8.86301C78.7952 10.743 79.3517 12.873 79.3517 15.253ZM64.4993 21.067C66.7253 21.067 68.3755 20.568 69.4501 19.57C70.5247 18.534 71.062 17.095 71.062 15.253C71.062 11.338 68.8745 9.38101 64.4993 9.38101H58.1094V21.067H64.4993ZM96.0116 9.323V19.397H109.54V25.787H96.0116V36.437H111.267V43H87.9522V2.76001H111.267V9.323H96.0116ZM155.837 43H147.778L129.529 15.425V43H121.469V2.76001H129.529L147.778 30.393V2.76001H155.837V43ZM164.723 22.851C164.723 18.898 165.606 15.368 167.371 12.259C169.175 9.112 171.612 6.675 174.682 4.948C177.791 3.183 181.264 2.29999 185.102 2.29999C189.592 2.29999 193.526 3.451 196.903 5.754C200.28 8.057 202.641 11.242 203.984 15.31H194.715C193.794 13.391 192.489 11.952 190.801 10.993C189.151 10.033 187.232 9.55301 185.044 9.55301C182.703 9.55301 180.611 10.11 178.769 11.223C176.965 12.297 175.545 13.833 174.509 15.828C173.511 17.824 173.013 20.165 173.013 22.851C173.013 25.5 173.511 27.841 174.509 29.875C175.545 31.87 176.965 33.425 178.769 34.538C180.611 35.612 182.703 36.149 185.044 36.149C187.232 36.149 189.151 35.67 190.801 34.71C192.489 33.712 193.794 32.254 194.715 30.335H203.984C202.641 34.442 200.28 37.646 196.903 39.949C193.564 42.213 189.63 43.345 185.102 43.345C181.264 43.345 177.791 42.482 174.682 40.755C171.612 38.989 169.175 36.552 167.371 33.444C165.606 30.335 164.723 26.804 164.723 22.851ZM232.398 43.403C228.637 43.403 225.183 42.52 222.036 40.755C218.889 38.989 216.394 36.552 214.552 33.444C212.71 30.297 211.789 26.747 211.789 22.794C211.789 18.879 212.71 15.368 214.552 12.259C216.394 9.112 218.889 6.65601 222.036 4.89001C225.183 3.12501 228.637 2.242 232.398 2.242C236.197 2.242 239.651 3.12501 242.76 4.89001C245.907 6.65601 248.382 9.112 250.186 12.259C252.028 15.368 252.949 18.879 252.949 22.794C252.949 26.747 252.028 30.297 250.186 33.444C248.382 36.552 245.907 38.989 242.76 40.755C239.613 42.52 236.159 43.403 232.398 43.403ZM232.398 36.207C234.816 36.207 236.946 35.67 238.788 34.595C240.63 33.482 242.069 31.909 243.105 29.875C244.142 27.841 244.66 25.48 244.66 22.794C244.66 20.107 244.142 17.766 243.105 15.771C242.069 13.737 240.63 12.182 238.788 11.108C236.946 10.033 234.816 9.496 232.398 9.496C229.98 9.496 227.831 10.033 225.95 11.108C224.108 12.182 222.669 13.737 221.633 15.771C220.596 17.766 220.078 20.107 220.078 22.794C220.078 25.48 220.596 27.841 221.633 29.875C222.669 31.909 224.108 33.482 225.95 34.595C227.831 35.67 229.98 36.207 232.398 36.207ZM275.87 2.81799C280.092 2.81799 283.795 3.643 286.981 5.293C290.204 6.944 292.68 9.30399 294.407 12.374C296.172 15.406 297.055 18.937 297.055 22.967C297.055 26.996 296.172 30.527 294.407 33.559C292.68 36.552 290.204 38.874 286.981 40.525C283.795 42.175 280.092 43 275.87 43H261.824V2.81799H275.87ZM275.582 36.149C279.804 36.149 283.066 34.998 285.369 32.695C287.671 30.393 288.823 27.15 288.823 22.967C288.823 18.783 287.671 15.521 285.369 13.18C283.066 10.801 279.804 9.61099 275.582 9.61099H269.883V36.149H275.582ZM314.026 9.323V19.397H327.554V25.787H314.026V36.437H329.281V43H305.966V2.76001H329.281V9.323H314.026ZM341.095 2.81799H349.558L343.341 17.325H337.814L341.095 2.81799ZM359.827 33.904C363.512 30.834 366.448 28.282 368.635 26.248C370.823 24.175 372.646 22.026 374.104 19.8C375.562 17.574 376.292 15.387 376.292 13.238C376.292 11.28 375.831 9.74499 374.91 8.63199C373.989 7.51899 372.569 6.96301 370.65 6.96301C368.731 6.96301 367.253 7.61501 366.217 8.92001C365.181 10.187 364.644 11.933 364.605 14.159H356.776C356.93 9.553 358.292 6.061 360.863 3.681C363.473 1.302 366.774 0.112 370.765 0.112C375.14 0.112 378.498 1.28299 380.839 3.62399C383.18 5.92699 384.351 8.97801 384.351 12.777C384.351 15.771 383.545 18.63 381.933 21.355C380.321 24.08 378.479 26.459 376.407 28.493C374.334 30.489 371.629 32.907 368.29 35.747H385.272V42.424H356.834V36.437L359.827 33.904ZM395.762 33.904C399.446 30.834 402.382 28.282 404.57 26.248C406.757 24.175 408.58 22.026 410.039 19.8C411.497 17.574 412.226 15.387 412.226 13.238C412.226 11.28 411.766 9.74499 410.845 8.63199C409.924 7.51899 408.504 6.96301 406.585 6.96301C404.666 6.96301 403.188 7.61501 402.152 8.92001C401.116 10.187 400.578 11.933 400.54 14.159H392.711C392.864 9.553 394.227 6.061 396.798 3.681C399.408 1.302 402.708 0.112 406.7 0.112C411.075 0.112 414.433 1.28299 416.774 3.62399C419.115 5.92699 420.286 8.97801 420.286 12.777C420.286 15.771 419.48 18.63 417.868 21.355C416.256 24.08 414.414 26.459 412.341 28.493C410.269 30.489 407.563 32.907 404.224 35.747H421.207V42.424H392.768V36.437L395.762 33.904Z"
fill="#8BF0F9"
/>
</svg>
<img class="geekHavenLogo" src="images/geekhavendark.png" />
<!-- <div class="presentsText">Presents</div> -->
</div>
<!-- <div class="lowerHeroPage first-page">hi</div> -->
<!-- Hero Section ends-->
<!-- timer sections starts-->
<div id="timer">
<h2 id="message">HACKATHON ENDS IN</h2>
<div class="circle" style="--clr: #112996">
<div class="dots day_dot"></div>
<svg>
<circle cx="70" cy="70" r="70"></circle>
<circle cx="70" cy="70" r="70" id="dd"></circle>
</svg>
<div id="days">00 <br><span>DAYS</span></div>
</div>
<div class="circle" style="--clr: #1093b7">
<div class="dots hr_dot"></div>
<svg>
<circle cx="70" cy="70" r="70"></circle>
<circle cx="70" cy="70" r="70" id="hh"></circle>
</svg>
<div id="hours">00 <br><span>HOURS</span></div>
</div>
<div class="circle" style="--clr: #f732dd">
<div class="dots min_dot"></div>
<svg>
<circle cx="70" cy="70" r="70"></circle>
<circle cx="70" cy="70" r="70" id="mm"></circle>
</svg>
<div id="minutes">00 <br><span>MINUTES</span></div>
</div>
<div class="circle" style="--clr: #6e0877">
<div class="dots sec_dot"></div>
<svg>
<circle cx="70" cy="70" r="70"></circle>
<circle cx="70" cy="70" r="70" id="ss"></circle>
</svg>
<div id="seconds">00 <br><span id="s">SECONDS</span></div>
</div>
</div>
<!-- timer sections ends-->
<!-- about section starts -->
<div class="about-section ">
<div class="container">
<div class="image-section">
<img src="images/aboutus.jpg" />
</div>
<div class="content-section">
<div class="title">
<h1>About Us</h1>
</div>
<div class="content">
<h3>Opencode Collaborative 2022</h3>
<p>
OpenCode is a month long open source program organised by
GeekHaven IIIT Allahabad. OpenCode attracts talent from all over
the world. People contribute to various open source projects. We
welcome everyone to experience the awesome event and win exciting
prizes .
</p>
<div class="button">
<a href="">Read More</a>
</div>
</div>
</div>
</div>
</div>
<!-- about section ends -->
<!-- mentor section starts-->
<section id="mentors" class="lowerHeroPage">
<div class="main-tittle" style="text-align: center">
<h1 class="text-cyan">Mentors</h1>
</div>
<div id="mentors_cards"></div>
</section>
<!-- mentor section ends-->
<!-- Participant section starts-->
<div class="lowerHeroPage middle">
<div class="main-tittle" style="text-align: center">
<h3 class="text-cyan">Top Contributors</h3>
</div>
</div>
<div class="lowerHeroPage lbContainer none">
<div class="lbHeads">
<ul class="ulHead">
<li class="lb-li-heading">
<div class="leaderboardRank lbHeading">Rank</div>
<div class="lbHeading lbUsernameHeading">Username</div>
<div class="leaderboardPoints lbHeading">Points</div>
</li>
</ul>
</div>
<div class="lbButtons">
<button class="LBdownButton">
<img src="./images/leaderBoardDown.png" class="lbButton" />
</button>
<button class="LBupButton">
<img src="./images/leaderBoardUp.png" class="lbButton" />
</button>
</div>
<div class="leaderboard">
<!-- <div class="extraUserInfo"> </div> -->
<ul id="lbHeading"></ul>
</div>
</div>
<!-- top scorers section ends-->
<!-- project section starts-->
<div class="project_container">
<h1 class="headingg">Projects</h1>
<div id="projects"></div>
</div>
<!-- project section ends-->
<!-- Scroll to top button -->
<button onclick="topFunction()" id="myBtn" title="Go to top">
<img
src="https://img.icons8.com/ios-filled/50/000000/long-arrow-up.png"
style="width: 70%; color: white"
src="https://img.icons8.com/ios-filled/50/000000/long-arrow-up.png"
style="width: 70%; color: white"
/>
</button>
<!-- Footer starts-->
<div class="lowerHeroPage">
<footer>
<div class="container-logo1">
<img src="images/geekhavendark.png" alt="Logo 1" />
<img src="images/iita_logo.webp" alt="Logo 2" />
<img src="images/opencode.png" alt="Logo 3" />
</div>
<div class="container-logo">
<img src="images/geekhavendark.png" alt="Logo 1" />
<img src="images/iita_logo.webp" alt="Logo 2" />
</div>
<div class="social-container">
<div class="links-container">
<a href="#"><i class="fab fa-github"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-facebook"></i></a>
</div>
<div class="copyright">
<div class="text1">
© Copyright <strong>OC</strong>. All Rights Reserved
</div>
</div>
</div>
<div class="container-logo">
<img src="images/opencode.png" alt="Logo 3" />
</div>
</footer>
</div>
<!-- Footer ends-->
<!-- script files -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.0/anime.min.js"></script>
<script src="./javascript/timer.js"></script>
<script src="./javascript/mentors.js"></script>
<script src="./javascript/projects.js"></script>
<script src="./javascript/leaderBoard.js"></script>
<script src="./javascript/hero.js"></script>
<script src="./javascript/scroll.js"></script>
</body>
</html>