forked from singhayushh/kgec-summer-of-code
-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
301 lines (296 loc) · 20.1 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
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
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
{{template "header.html" .}}
<section class="front">
<div id="landing">
<img src="./img/one.png" alt="" class="img-left img-left1" style="z-index: 2;">
<img src="./img/four.png" alt="" class="img-right img-right4" style="z-index: 2;">
<div class="container">
<div class="wrapper">
<div class="ksoc-title-wrapper">
<div class="ksoc-title">
<svg id="ksocTitle" width="368" height="94" viewBox="0 0 368 94" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M284.419 23.6912L284.417 23.6951C280.776 30.5539 278.968 38.3653 278.968 47.104C278.968 55.9239 280.775 63.8163 284.414 70.7564L284.418 70.7629L284.421 70.7693C288.147 77.6281 293.404 83.0121 300.177 86.9069L300.186 86.9116C306.968 90.7265 314.746 92.62 323.492 92.62C334.59 92.62 343.992 89.6735 351.634 83.7294L351.639 83.7251C359.277 77.6998 364.188 69.5528 366.382 59.3421L366.642 58.132H365.404H339.24H338.608L338.337 58.7029C336.839 61.8551 334.772 64.2212 332.142 65.8452L332.142 65.8451L332.131 65.8523C329.583 67.4738 326.592 68.3 323.12 68.3C317.77 68.3 313.554 66.4282 310.372 62.707C307.254 58.8828 305.644 53.7165 305.644 47.104C305.644 40.5719 307.255 35.4896 310.372 31.749C313.557 27.9421 317.773 26.032 323.12 26.032C326.592 26.032 329.583 26.8581 332.131 28.4797L332.131 28.4797L332.142 28.4868C334.772 30.1108 336.839 32.4769 338.337 35.6291L338.608 36.2H339.24H365.404H366.642L366.382 34.9899C364.188 24.7798 359.277 16.6724 351.637 10.7289C343.995 4.70112 334.592 1.712 323.492 1.712C314.744 1.712 306.964 3.6478 300.182 7.5467C293.402 11.361 288.144 16.749 284.419 23.6912Z"
stroke="#34A853" stroke-width="2" />
<path
d="M198.795 87.0342L198.803 87.0387C205.819 90.9271 213.51 92.868 221.856 92.868C230.202 92.868 237.893 90.9271 244.909 87.0387L244.917 87.0342C251.931 83.0623 257.474 77.6046 261.531 70.6732L261.534 70.6686C265.597 63.6424 267.62 55.7378 267.62 46.98C267.62 38.2232 265.597 30.3584 261.532 23.4127C257.475 16.3982 251.931 10.9374 244.911 7.04654C237.974 3.15558 230.282 1.216 221.856 1.216C213.51 1.216 205.819 3.15685 198.803 7.04534C191.784 10.9358 186.199 16.3954 182.059 23.4076L182.057 23.4108C177.991 30.357 175.968 38.2224 175.968 46.98C175.968 55.7378 177.991 63.6424 182.054 70.6686L182.058 70.6748L182.062 70.681C186.201 77.6081 191.783 83.0633 198.795 87.0342ZM235.744 62.5559L235.744 62.5558L235.736 62.5644C232.401 66.3651 227.816 68.3 221.856 68.3C215.804 68.3 211.179 66.4 207.848 62.6847C204.496 58.8623 202.768 53.6647 202.768 46.98C202.768 40.2057 204.499 35.0139 207.845 31.2792L207.845 31.2793L207.852 31.2716C211.184 27.4739 215.809 25.536 221.856 25.536C227.816 25.536 232.401 27.4709 235.736 31.2716L235.744 31.2797L235.751 31.2877C239.175 35.0227 240.944 40.2113 240.944 46.98C240.944 53.5749 239.179 58.7307 235.744 62.5559Z"
stroke="#FBBC05" stroke-width="2" />
<path
d="M105.282 85.4772L105.288 85.4821C112.03 90.4317 120.602 92.868 130.928 92.868C137.74 92.868 143.683 91.6487 148.725 89.1713C153.829 86.7039 157.743 83.3209 160.418 79.0092C163.17 74.7063 164.54 69.8483 164.54 64.464C164.54 59.1664 163.171 54.7194 160.361 51.2022C157.715 47.7047 154.504 45.0042 150.732 43.1158C147.117 41.1835 142.522 39.2649 136.962 37.3559C133.261 36.0401 130.484 34.9776 128.615 34.1661C126.8 33.2965 125.282 32.3206 124.048 31.2457C122.999 30.1864 122.504 28.9968 122.504 27.636C122.504 25.854 123.017 24.6201 123.92 23.7808C124.865 22.9039 126.097 22.436 127.704 22.436C129.909 22.436 131.598 23.0393 132.868 24.1674L132.878 24.1763L132.888 24.1849C134.182 25.275 134.936 26.9546 135.012 29.4032L135.043 30.372H136.012H162.424H163.473L163.423 29.324C162.997 20.4741 159.618 13.5329 153.244 8.62028C146.984 3.64904 138.642 1.216 128.324 1.216C121.931 1.216 116.176 2.26763 111.075 4.39292C105.957 6.52554 101.914 9.6982 98.9852 13.9179C96.0387 18.0795 94.588 23.0828 94.588 28.876C94.588 34.5676 95.9059 39.2986 98.6274 42.9859L98.6354 42.9967L98.6437 43.0073C101.368 46.4979 104.534 49.1989 108.144 51.0898L108.156 51.0964L108.169 51.1026C111.778 52.8652 116.453 54.6998 122.18 56.6087L122.18 56.6087L122.189 56.6116C127.548 58.3432 131.347 59.887 133.646 61.2347C135.769 62.4789 136.748 64.1511 136.748 66.324C136.748 68.0168 136.133 69.2879 134.905 70.2442C133.716 71.1524 132.129 71.648 130.06 71.648C127.78 71.648 126.006 71.0077 124.651 69.7948C123.343 68.6246 122.489 66.6819 122.253 63.7632L122.178 62.844H121.256H95.34H94.2834L94.3415 63.899C94.8518 73.1696 98.4864 80.4023 105.282 85.4772Z"
stroke="#EA4335" stroke-width="2" />
<path
d="M53.8386 91.5817L54.1378 92H54.652H84.04H86.0389L84.8403 90.4004L51.564 45.9912L83.2252 4.18372L84.4397 2.57999H82.428H54.404H53.8919L53.5926 2.99548L28.248 38.1771V3.57999V2.57999H27.248H2.944H1.944V3.57999V91V92H2.944H27.248H28.248V91V55.8012L53.8386 91.5817Z"
stroke="#4285F4" stroke-width="2" />
</svg>
</div>
</div>
<h1>KGEC Summer of Code</h1>
<h1><span>a_season_of_learning</span></h1>
<p class="long-text">KSoC is a month long program aimed at providing a collaborative environment to
budding developers of our community to connect, learn, teach and build projects collaboratively.</p>
<a href="#register" class="btn">Get yourself registered</a>
</div>
</div>
<ul class="bg-bubbles">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</section>
<div class="container">
<div className="trailer" style="position: relative;
margin: 40px 0;
padding-bottom: 56.25%; /* 16:9 */">
<iframe width="640" height="100%" src="https://www.youtube.com/embed/BgGj9dp8JHE?rel=0&version=3&autoplay=1&controls=0&showinfo=0&loop=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;"></iframe>
</div>
</div>
<section>
<div class="container">
<div class="wrapper">
<div class="row">
<div class="content">
<p class="short-text">=== Domains Included</p>
<h2 class="h2-28">Learn and explore <div class="green">new_fields</div>
</h2>
<p class="long-text">
There are 15+ projects that you can choose to work on and contribute, based on:
<ul>
<li>-> App Development</li>
<li>-> Cybersecurity & Cryptography</li>
<li>-> Machine Learning</li>
<li>-> Web Development</li>
<li>-> IoT and Electronics</li>
</ul>
</p>
</div>
</div>
<div class="row">
<div class="img-wrapper">
<img alt="React"
src="https://img.shields.io/badge/-React-45b8d8?style=for-the-badge&logo=react&logoColor=white" />
<img alt="TypeScript"
src="https://img.shields.io/badge/-TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white" />
<img alt="Insomnia"
src="https://img.shields.io/badge/-Insomnia-5849BE?style=for-the-badge&logo=insomnia&logoColor=white" />
<img alt="git"
src="https://img.shields.io/badge/-Git-F05032?style=for-the-badge&logo=git&logoColor=white" />
<img alt="npm"
src="https://img.shields.io/badge/-NPM-CB3837?style=for-the-badge&logo=npm&logoColor=white" />
<img alt="html5"
src="https://img.shields.io/badge/-HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white" />
<img alt="MongoDB"
src="https://img.shields.io/badge/-MongoDB-13aa52?style=for-the-badge&logo=mongodb&logoColor=white" />
<img alt="Nodejs"
src="https://img.shields.io/badge/-Nodejs-43853d?style=for-the-badge&logo=Node.js&logoColor=white" />
<img alt="Java"
src="https://img.shields.io/badge/-Java-007396?style=for-the-badge&logo=Java&logoColor=white" />
<img alt="Kotlin"
src="https://img.shields.io/badge/-Kotlin-0095D5?style=for-the-badge&logo=Kotlin&logoColor=white" />
<img alt="Flutter"
src="https://img.shields.io/badge/-Flutter-02569B?style=for-the-badge&logo=Flutter&logoColor=white" />
<img alt="Firebase"
src="https://img.shields.io/badge/-Firebase-FFCA28?style=for-the-badge&logo=Firebase&logoColor=black" />
<img alt="Android"
src="https://img.shields.io/badge/-Android-3DDC84?style=for-the-badge&logo=Android&logoColor=white" />
<img alt="C++"
src="https://img.shields.io/badge/-C++-00599C?style=for-the-badge&logo=C&logoColor=white" />
<img alt="Python"
src="https://img.shields.io/badge/-Python-3776AB?style=for-the-badge&logo=Python&logoColor=white" />
<img alt="Golang"
src="https://img.shields.io/badge/-Golang-00ADD8?style=for-the-badge&logo=Go&logoColor=white" />
<img alt="Jupyter"
src="https://img.shields.io/badge/-Jupyter-F37626?style=for-the-badge&logo=jupyter&logoColor=white" />
<img alt="Mocha"
src="https://img.shields.io/badge/-Mocha-8D6748?style=for-the-badge&logo=Mocha&logoColor=white" />
<img alt="Numpy"
src="https://img.shields.io/badge/-Numpy-013243?style=for-the-badge&logo=Numpy&logoColor=white" />
<img alt="Vue.js"
src="https://img.shields.io/badge/-Vue.js-4FC08D?style=for-the-badge&logo=Vue.js&logoColor=white" />
<img alt="JQuery"
src="https://img.shields.io/badge/-JQuery-0769AD?style=for-the-badge&logo=JQuery&logoColor=white" />
<img alt="GitHub"
src="https://img.shields.io/badge/-GitHub-181717?style=for-the-badge&logo=Github&logoColor=white" />
<img alt="CSS3"
src="https://img.shields.io/badge/-CSS3-1572B6?style=for-the-badge&logo=CSS3&logoColor=white" />
<img alt="JavaScript"
src="https://img.shields.io/badge/-JavaScript-F7DF1E?style=for-the-badge&logo=JavaScript&logoColor=black" />
<img alt="Arduino"
src="https://img.shields.io/badge/-Arduino-00979D?style=for-the-badge&logo=Arduino&logoColor=white" />
<img alt="Dart"
src="https://img.shields.io/badge/-Dart-0175C2?style=for-the-badge&logo=Dart&logoColor=white" />
<img alt="Pandas"
src="https://img.shields.io/badge/-Pandas-150458?style=for-the-badge&logo=Pandas&logoColor=white" />
</div>
</div>
</div>
</div>
<img src="./img/three.png" alt="" class="img-right img-right3">
<img src="./img/two.png" alt="" class="img-left img-left2">
<img src="./img/three.png" alt="" class="img-right img-right3">
<img src="./img/four.png" alt="" class="img-left img-left4">
<img src="./img/two.png" alt="" class="img-right img-right2">
<img src="./img/one.png" alt="" class="img-left img-left1">
</section>
<section>
<div class="container">
<div class="wrapper" id="timeline">
<div class="row">
<img src="./img/timeline.png" alt="" class="timeline">
</div>
<div class="row">
<div class="content">
<p class="short-text">=== Timeline</p>
<h2 class="h2-28">Here's what to <div class="red">expect</div>
</h2>
<p class="long-text">
<ol>
<li><span class="span-blue">(</span> <span class="span-red">24th July</span> <span
class="span-blue">)</span> => Registrations Open</li>
<li><span class="span-blue">(</span> <span class="span-red">26th July</span> <span
class="span-blue">)</span> => Intro session to GitHub and KSoC</li>
<li><span class="span-blue">(</span> <span class="span-red">26th July</span> <span
class="span-blue">)</span> => Contribution Phase Starts</li>
<li><span class="span-blue">(</span> <span class="span-red">7th August</span> <span
class="span-blue">)</span> => End of contribution phase\</li>
<li><span class="span-blue">(</span> <span class="span-red">10th August</span> <span
class="span-blue">)</span> => Distribution of Certificates</li>
</ol>
</p>
</div>
</div>
</div>
</div>
<img src="./img/three.png" alt="" class="img-left img-left3">
<img src="./img/two.png" alt="" class="img-right img-right2">
<img src="./img/four.png" alt="" class="img-right img-right4">
<img src="./img/one.png" alt="" class="img-left img-left1">
<img src="./img/one.png" alt="" class="img-right img-right1">
<img src="./img/three.png" alt="" class="img-left img-left3">
</section>
<section id="register">
<div class="container">
<div class="wrapper">
<h1>Register yourself for <span class="blue">the_event</span></h1>
<p class="long-text">
Before filling up the registration form, you are requested to go through all of the projects listed <a
href="/projects" class="yellow">here.</a><br /><br />
Filter out projects that you are interested in learning the tech stack of, and contributing.
Checking any project in the form will make you a member of that project's development team. Each project
team will have 2-3 core team members as project leads who'll be hosting regular discussions and carrying
out the project
</p>
<a href="https://forms.gle/pbBzRW3h1DzfsPqQA" class="btn">Take me to the form</a>
</div>
</div>
<img src="./img/one.png" alt="" class="img-right img-right1">
<img src="./img/four.png" alt="" class="img-left img-left4">
<img src="./img/two.png" alt="" class="img-right img-right2">
<img src="./img/one.png" alt="" class="img-left img-left1">
<img src="./img/four.png" alt="" class="img-right img-right4">
<img src="./img/three.png" alt="" class="img-left img-left3">
</section>
<section id="faq">
<div class="container">
<div class="wrapper">
<h1>frequently_asked_questions</h1>
<div class="accordion">
<div class="accordion-item">
<button id="accordion-button-1" aria-expanded="false">
<span class="accordion-title">I am not a student of KGEC, Can I participate?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
<span class="red">=></span> Yes, you can definitely participate.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-2" aria-expanded="false">
<span class="accordion-title">I am a beginner can I participate?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
<span class="red">=></span> There is no such restriction but with some amount of development
knowledge in any domain will be
good to go.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-3" aria-expanded="false">
<span class="accordion-title">Can I participate as a team?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
<span class="red">=></span> No, this is an individual event.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-4" aria-expanded="false">
<span class="accordion-title">I don't know open source can I participate?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
<span class="red">=></span> Then you must participate, because the aim of our event is to
get more people into open source
development.
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-5" aria-expanded="false">
<span class="accordion-title">Can I participate both as mentee and mentor?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
<span class="red">=></span> No we don't encourage that.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-5" aria-expanded="false">
<span class="accordion-title">Can 3rd year students also participate?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
<span class="red">=></span> You can participate as a mentee if you are a beginner to open
source and development. If you
have sound knowledge about these, then we highly encourage you to participate as a mentor or
project admin.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-5" aria-expanded="false">
<span class="accordion-title">My question is not listed in here!</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
<span class="red">=></span> Contact Us, We will be happy to help you.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
{{template "footer.html" .}}