This repository has been archived by the owner on Mar 27, 2022. It is now read-only.
forked from johnengelo/ccx-studentspage
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.htm
415 lines (394 loc) · 32.3 KB
/
index.htm
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
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
<!DOCTYPE html>
<html lang="en" class="sr" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="CCExtractor for Google Code-in 2019 students">
<meta name="author" content="John Chew, Aadi Bajpai, Matej Plavevski">
<title>GCI 2019 | CCExtractor Development</title>
<meta property="og:title" content="GCI 2019 | CCExtractor Development" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://gci2019.ccextractor.org/">
<meta property="og:image" content="https://raw.githubusercontent.com/CCExtractor/ccextractor-org-media/master/static/ccx_logo_transparent_800x600.png" />
<meta property="og:description" content="CCExtractor Development is a part of Google Code-in 2019! Find out more about what that means and join the community." />
<link rel="stylesheet" href="css/hover-min.css" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>
<body>
<div class="jumbotron" id="sect2Background">
<div class="container">
<div class="row">
<div class="col-md-6 justify-content-start" id="sect2ItemMobile">
<img src="images/sect2BackgroundItem.svg" id="sect2BackgroundItem" style="width: 28rem; height: auto; "/>
</div>
<div class="col-md-6 justify-content-start" id="sect2ItemDesktop">
<img src="images/sect2BackgroundItem.svg" id="sect2BackgroundItem" class="floating" style="width: 28rem; height: auto; "/>
</div>
<div class="col-md-6 justify-content-start" id="sect2Content" style="text-align: left;">
<img src="images/gci_stylized.svg" id="gci_logo_stylized" style="width: 100%; height: auto; padding-right: 18rem;"/>
<h1><strong>Welcome Google Code-in 2019 participants!</strong></h1>
<h4 class="mainH4"> "Google Code-in is a contest to introduce pre-university students (ages 13-17) to open source software development."</h4>
<p>We are excited to participate in GCI again for our fourth year with pre-university students! We have tasks that are: fun, useful, educational… and for all levels and interests - coding, design, documentation, UI, research and much more! </p>
<p>Check out our page on the Code-in website!</p>
<a href="https://codein.withgoogle.com/organizations/ccextractor-development/" class="btn btn-info">Visit us!</a>
</div>
</div>
</div>
</div>
<div class="jumbotron pagesMainBody">
<div class="container container-fluid">
<!--<img src="../images/gci-art.svg"/><br /><br />-->
<div class="">
<h1 class="pagesMainH1">Table of Contents</h1><br />
<ul class="fa-ul">
<li><a href="#intro" class="pagesLinks"><i class="fa-li fa fa-door-open"></i>Introduction</a></li>
<li><a href="#slack" class="pagesLinks"><i class="fa-li fab fa-slack"></i>Slack</a></li>
<li><a href="#tasks" class="pagesLinks"><i class="fa-li fa fa-tasks"></i>Tasks</a></li>
<li><a href="#thingsToKnow" class="pagesLinks"><i class="fa-li fa fa-check-circle"></i>Things to know</a></li>
<li><a href="#perks" class="pagesLinks"><i class="fa-li fa fa-gift"></i>Perks</a></li>
<li><a href="#gciForDesigners" class="pagesLinks"><i class="fa-li fa fa-palette"></i>Code-in for Designers</a></li>
<li><a href="#thrCat" class="pagesLinks"><i class="fa-li fa fa-tags"></i>Getting Familiar with Tags</a></li>
<li><a href="#ccxOld" class="pagesLinks"><i class="fa-li fa fa-history"></i>FAQ: Why is CCExtractor written in C? Are you from the past?</a></li>
<li><a href="#gciVideos" class="pagesLinks"><i class="fa-li fa fa-file-video"></i>Video from Previous Winners</a></li>
</ul>
</div>
<hr></hr>
<h1 class="pagesMainH1" id="intro">Looking to Participate in Code-in with us?</h1><br />
<h3 class="pagesMainH3">We are glad to hear that! In order to maximize your chances of winning, here are things you should know about us.<sup>*</sup></h3><br />
<p class="pagesMainPara">
This is going to be another absolutely amazing GCI year! We have a long and proud history of taking part in the Google Summer of Code with university students, and are excited to participate in GCI again for the 4th year with pre-university students!<br /><br />
While it is completely optional, it is highly recommended that you join our <a class="pagesLinks" href="#slack">Slack</a> group. All the mentors, org admins, contributors and fellow GCI participants hang out in that group. That's the best place to get quick answers to any query or problem you might have.<hr />
<sub>Can't join the Slack group? It's no problem! We try to be super fast to respond to all comments and submissions in the GCI website. If you prefer email, you can email us at [email protected]. There's also a mailing list/Google group for CCExtractor: <a class="pagesLinks" href="https://groups.google.com/forum/#!forum/ccextractor-dev">https://groups.google.com/forum/#!forum/ccextractor-dev</a> if that's how you sail!</sub>
</p>
<p class="pagesMainPara"><sub>*Current Page Updated for GCI 2019</sub></p>
<br /><hr />
<div class="alert alert-dismissable" role="alert">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
<p id="alertContent">How much wood could a woodchuck chuck if a woodchuck could chuck wood?</p>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
</button>
</div>
<h4 id="slack" class="pagesMainH4">You can join the CCExtractor Development Slack workspace!</h4>
<p class="pagesMainPara">Request an invitation using this form: </p><br>
<form id="slack_form" onsubmit="submitSlackInfo(); return false" method="POST">
<div class="form-row form-group">
<div class="col-xs-6">
<input type="text" class="form-control" placeholder="First name" name="firstName" id="firstName">
</div>
<div class="col-xs-6">
<input type="text" class="form-control" placeholder="Last name" name="lastName" id="lastName">
</div>
</div>
<span class="input-group-addon">-</span>
<div class="form-group form-row">
<div class="col-sm-6">
<input placeholder="Email here" type="email" class="form-control" name="email" id="email" required/>
</div>
<div class="col-sm-6">
<button class="btn btn-info form-control" placeholder="Ready to join!" type="submit">Invite me!</button>
<!-- Google reCAPTCHA widget -->
<div class="g-recaptcha" data-sitekey='6Lcg5MEUAAAAAJBCgiZqPmcSGybpFFnhhXiHWCfd' data-badge="bottom-right" data-size="invisible" data-theme="dark" data-callback="submitSlackInfo" style="display: none;"></div><br>
<input type="hidden" id="captcha-response" name="captcha-response" />
</div>
</div>
</form>
<sub class="pagesMainPara" style="line-height: 16px;">*This site is protected by reCAPTCHA and the Google<a href="https://policies.google.com/privacy" class="pagesLinks"> Privacy Policy</a> and<a href="https://policies.google.com/terms" class="pagesLinks"> Terms of Service</a> apply.</sub>
<div class="pagesWrapper">
<ul class="pagesList">
<li class="pagesListItems">
<h3 class="pagesListHeader" id="tasks"><strong><i class="fas fa-tasks"></i> Tasks</strong></h3>
<hr />
<p>We have tasks in all categories—coding, documentation, research, design and outreach. Some even
revolve around the intersection of those categories. We're experimenting with new, exciting stuff
this year along with our existing projects.<br>
Read on to know more about what we have planned:</p>
<ul class="pagesListCCXGCI">
<p>
<span style="color: #F36F38; font-size: 1.25rem;"><i class="fas fa-memory"></i><strong> Rust</strong></span><br />
</p>
<li class="pagesListPara">
<p>Rust is a relatively new language created by Mozilla (yes, the Firefox guys) to replace C.
It's a super fast language that has the advantages of C but solves most of its problems.
Rust is <a class="pagesLinks" href="https://insights.stackoverflow.com/survey/2019">
consistently chosen</a> as the
most loved language in the most popular developer platform, stackoverflow.
</p>
</li>
<li class="pagesListPara">
<p>If you haven't heard about Rust - don't worry! Just know that it's one of the languages
of the future, and if you want to get started on a new language, you may want to pick
one that is sure to be really popular in the near future, but before everybody else
starts on it.
</p>
</li>
<li class="pagesListPara">
<p>We'll have many tasks that are about getting started, and we'll progress to interesting
exercises as GCI advances.
</p>
</li>
<p>
<span style="color: #F36F38; font-size: 1.25rem;"><i class="fas fa-mobile-alt"></i><strong> Flutter</strong></span><br />
</p>
<li class="pagesListPara">
<p>Flutter is Google's new platform for multi platform development. Multi platform means
that what you write on Flutter runs on Android, iOS (for iPhones) and Web.</p>
</li>
<li class="pagesListPara">
<p>We're going to get our feet wet, starting by following some great tutorials (of which
there is no shortage of for Flutter) with small modifications, and then we'll start
writing our own Flutter applications.</p>
</li>
<li class="pagesListPara">
<p>We have lots of ideas but we welcome suggestions - if as you learn Flutter you come up
with a great project you'd like to work on, let us know. We'll be happy to add it tasks
for it.
</p></li>
<li class="pagesListPara">
<p>For now, you can visit the <a href="https://ccextractor.org/public:codein:google_code-in_2019:flutter" class="pagesLinks">
current Flutter ideas</a> that we have, as well as a list of
<a href="https://ccextractor.org/public:general:flutter_resources:flutter" class="pagesLinks">resources</a> to
help you get started with Flutter.</p>
</li>
<p>
<span style="color: #F36F38; font-size: 1.25rem;"><i class="far fa-closed-captioning"></i><strong> CCExtractor (core)</strong></span><br />
</p>
<li class="pagesListPara">
<p>CCExtractor is our core tool and the one that started our community. It's the first
(possibly still only) complete open source tool to provide subtitle files from TV
recordings or broadcasts, DVDs, and more. It supports most of the subtitle standards
around the TV, both digital and analog, and it's used by a lot of media companies around
the world. If you've ever downloaded a subtitle file (typically, a .srt) to watch
something with subtitles, almost certainly CCExtractor was involved in the process to
produce that file.</p>
</li>
<li class="pagesListPara">
<p>While CCExtractor already works well and does what we need, we do have some feature
requests and bugs to fix, and that's where you can come in. If you like puzzles,
analysis, love getting into problems that you don't know in advance how complex they
are, this is your area.</p>
</li>
<li class="pagesListPara">
<p>In general working on CCExtractor itself requires collaborating a lot with mentors and
CCExtractor users. For the non-easy tasks we'll work together to come up with a plan and
we'll help you "get there". But in the end, if you decide to do something we'll be there
to help you but be ready to give your best!
</p>
</li>
<li class="pagesListPara">
<p>We can't list tasks yet, but if you check out our
<a href="https://github.com/CCExtractor/ccextractor/issues" class="pagesLinks">GitHub issues</a> you can
get an idea of how they are going to look like: Many will be about fixing things or
adding new features.</p>
</li>
<p>
<span style="color: #F36F38; font-size: 1.25rem;"><i class="fab fa-python"></i><strong> Python</strong></span><br />
</p>
<li class="pagesListPara">
<p>We use a lot of Python! From web applications in Flask to libraries and packages, there
are so many cool things in store for you to work on. You can expect to learn about
CI/CD platforms, unit testing, and other fun stuff. Don't worry if all of it feels new to
you—we'll also have beginner tasks to help you get started!</p>
</li>
<li class="pagesListPara">
<p>To get an idea, feel free to check out some of our python projects:
<a href="https://github.com/CCExtractor/sample-platform" class="pagesLinks">CCExtractor Sample Platform</a>,
<a href="https://swaglyrics.dev" class="pagesLinks">SwagLyrics</a>,
<a href="https://github.com/saurabhshri/ccextractor-web" class="pagesLinks">CCX-Web</a>.</p>
</li>
<p>
<span style="color: #F36F38; font-size: 1.25rem;"><i class="fas fa-file-video"></i><strong> FFmpeg</strong></span><br />
</p>
<li class="pagesListPara">
<p>FFmpeg is the swiss army knife tool for video manipulation. Do you need to cut a video?
Resize it? Convert it to a different format? Make it black and white? Remove or add a
language track? FFmpeg will do that.</p>
</li>
<li class="pagesListPara">
<p>FFmpeg has libraries that lets you use all its power in your own programs. And that's we are
going to be working on: Not just learning the basics of FFmpeg as a program, but its
internal as libraries we can use.</p>
</li>
<li class="pagesListPara">
<p>Video software engineers are on high demand and they all use FFmpeg, but not so many
really know how it works internally. So let's do something that makes us better!</p>
</li>
</ul>
<hr><br><br>
<h3 class="pagesListHeader" id="thingsToKnow"><strong><i class="fas fa-check-circle"></i> Things to know!</strong></h3>
<hr />
<ul class="pagesListCCXGCI">
<li class="pagesListPara">
<p>For tasks that require some resources in general we will provide them for you, including access to videos, system accounts, etc.</p>
</li>
<li class="pagesListPara">
<p>We can't stress this enough: Winners are those that do the hard tasks. Amount of tasks is not so important.</p>
</li>
<li class="pagesListPara">
<p>Collaboration is much better than competition. We prize community involvement highly and would love for you to be a part of it.</p>
</li>
<li class="pagesListPara">
<p>Mentors love it when a student comes up with a better idea than their own, really. Do not just do as told. If something doesn't feel right either argue against it (politely of course) or work on a different area.</p>
</li>
<li class="pagesListPara">
<p>If you want to do something that is 90% or so implemented in any other open source project just take it, complete it, send the maintainers of that project whatever changes you did so they can use them if they want, and integrate with our code. Always remember to leave all license and credits intact (you can add your own name).</p>
</li>
<li class="pagesListPara">
<p>Mentors are there to help but they're people too, not bots. So they sleep from time to time, may also have other things going on, can get sick, etc. They will reciprocate when they think of students.</p>
</li>
<li class="pagesListPara">
<p>Whatever you do, we want to integrate. This means that your work will be public and will be around for a long time. In a few years you will find your own code again (code tends to follow you). Try to leave it in a condition that the future you will be proud of.</p>
</li>
<li class="pagesListPara">
<p>Be mindful of your own privacy. Yes, we're a friendly bunch and you'll get to know us and we'll get to know you in our community. That's different from posting your real name publicly everywhere.</p>
</li>
<br /><hr />
<p style="color: #FFFFFF">
<span style="color: #F36F38; font-size: 1.25rem;" id="perks"><i class="fas fa-gift"></i><strong> Perks</strong></span><br /><br />
Remember that the absolute best way to get invited by an organization to participate in Google Summer of Code is by being part of the community before GSoC is even announced. If we, as an organization, are invited to GSoC 2020 the applications from successful Code-in students will go to the top of pile. <br /><br />
We also give back to our students in any way we can, including writing recommendation letters that can help to apply to universities, visas, jobs and so on.<br />
<strong>In short </strong>- don't think that the reward for participating this year may be limited to a t-shirt 😉
<h5 style="color: #F36F38;">This year we have the following rewards:</h5>
<li class="pagesListPara">
<p>Complete any 10 Rust tasks and we'll send you a book on Rust anywhere in the world (that Amazon ships to).</p>
</li>
<li class="pagesListPara">
<p>Complete any 10 Flutter tasks and we'll send you a book on Flutter anywhere in the world (that Amazon ships to).</p>
</li>
<li class="pagesListPara">
<p>Get 5 pull requests merged into the main CCExtractor repository and we will pay for any online course you want, up to $150.</p>
</li>
</p><hr />
</ul>
</li>
<li class="pagesListItems">
<h3 class="pagesListHeader" id="gciForDesigners"><strong><i class="fas fa-palette"></i> Code-in for Designers</strong></h3>
<hr />
<div class="card" style="width: 100%; height: auto;">
<div class="card-body text-white bg-dark" style="height: 100px;">
<h4 class="card-title" id="gci4designers">Google Code-in for Designers!</h4>
</div>
<img class="card-img-bottom bg-light" src="images/gci-designer.svg" alt="GCIforDesigners" style="width: 100%; height: 300px; background-size: cover; margin-left: auto; margin-right: auto;">
</div>
<ul style="position: relative; top: 1rem; margin-left: -2rem;">
<h5 class="pagesMainH4">If you're passionate about becoming a great designer and willing to do some
serious work, look for the tasks labelled <strong>[Harddesign]</strong>. Hard means that they
are going to take time and talent to produce the quality results we want and to bring up design
tasks at par with coding. At least one of the students that does a great job on those will be
a finalist, and maybe a winner.</h5>
<br />
<p>
 We are doing this to prevent the design tasks being treated just as an easy way to complete beginner tasks. For example, you can create a T-Shirt design in 10 minutes, but that's very unlikely to be good and usable to well, actually make T-Shirts with it.
We did this in 2017 and 2018 and got some amazing results. One of our winners from 2017 did some major design tasks including the current organization logo and the site you are on right now
was designed last year.<br /><br />
Remember though that hard means hard. Don't expect us to approve the first design you come up with. We will give you feedback and work with you until you produce something that you can be proud of for years and that we can use.
</p>
</ul>
</li>
<li class="pagesListItems">
<h3 class="pagesListHeader" id="thrCat"><strong><i class="fas fa-tags"></i> Getting Familiar with Tags</strong></h3>
<hr />
<div class="card" style="width: auto; height: 250px; background-color: #f44336;">
<div class="card-body text-white bg-dark">
<h4 class="card-title">Working with Tags!</h4>
</div>
<img class="card-img-bottom bg-light" id="tagsCard" src="images/tags.PNG" style="width: auto; height: 150px; background-size: cover; margin-left: auto; margin-right: auto;" alt="TagsGCI">
</div>
<ul style="position: relative; top: 1rem; margin-left: -2rem;">
<h5 class="pagesMainH4">We'll do our best to keep consistent tasks that help you find out good things to do. If you think we could use better tags please get in touch, with examples, and we'll improve.
For some some tags you might want to look out for:</h5>
<br />
<ul style="margin-left: -2.75rem;">
<li style="list-style-type: none; margin-top: 1rem;">
<kbd><strong style="color: #F99E4C; font-size: 1.15rem">winnerstrack</strong></kbd> : The hardest and/or more valuable tasks go here. If you are really serious about winning, work on those. To be realistic we don't think they will be solved, but it wouldn't be the first time a GCI student productivity is better than the mentors :-) So we're putting a few of these out there (not at the same time).
</li>
<li style="list-style-type: none; margin-top: 1rem;">
<kbd><strong style="color: #F99E4C; font-size: 1.15rem">hardtask</strong></kbd> : Difficult tasks but doable, with effort, patience, and mentor support. That's what we're here for!
</li>
<li style="list-style-type: none; margin-top: 1rem;">
<kbd><strong style="color: #F99E4C; font-size: 1.15rem">githubissue</strong></kbd> : The task has a related GitHub issue, so by doing this task you will be actually fixing a bug or adding a requested feature.
</li>
<!--<li style="list-style-type: none; margin-top: 1rem;">-->
<!--<kbd><strong style="color: #F99E4C; font-size: 1.15rem">googleassistant</strong></kbd> : Tasks related to Google Assistant. We'll have a few of them every week, and they don't have to be related to our organization primary focus at all - they can be anything, because we want you (and us) to explore this new technology.-->
<!--</li>-->
<!--<li style="list-style-type: none; margin-top: 1rem;">-->
<!--<kbd><strong style="color: #F99E4C; font-size: 1.15rem">bonus</strong></kbd> : Tasks that come with a special prize, such as a software license (that we will buy for the student) or a book. We will publish one of these tasks every week or so, so make sure to look for them often!-->
<!--</li>-->
</ul>
</ul>
</li>
<li class="pagesListItems">
<h3 class="pagesListHeader" id="ccxOld"><strong><i class="fas fa-history"></i> FAQ: Why is CCExtractor written in C? Are you from the past?</strong></h3>
<hr />
<div class="card" style="width: auto; height: 250px; background-color: #f44336;">
<div class="card-body text-white bg-dark">
<h4 class="card-title">What's with C?</h4>
</div>
<img class="card-img-bottom bg-light" src="images/why-c.svg" style="width: auto; height: 150px; background-size: cover; margin-left: auto; margin-right: auto;" alt="Why C?">
</div>
<ul style="position: relative; top: 1rem; margin-left: -2rem;">
<p>
 Yes, we get this from time to time 🙂 We know there's lots of cool languages out there, many really easy to start with, and well, C is not one of them. But the thing is, the most performance critical tools are written in C, such as the Linux kernel, or FFmpeg, or… you get the idea. A tool that needs to process lots of data (such as video) just needs to be as efficient as possible.<br /><br />
 We do have auxiliary tools written in different languages, for example the Windows GUI is written in C#, and we have lots of Python as well. But the core CCExtractor tool is in C. Should you learn C then? Well, depends on how serious you are with IT in general. By learning it you will learn a lot of how things really work - without using all the magic that higher level languages provide.
</p>
</ul>
</li>
<li class="pagesListItems">
<h3 class="pagesListHeader" id="gciVideos"><strong><i class="fas fa-trophy"></i> Video from Previous Winners</strong></h3>
<hr />
<ul style="position: relative; top: 1rem; margin-left: -2rem;">
<p>
We think that the best way to let you know how cool Code-in is is to show you a video of previous winners. This was at Google's office in San Francisco in 2017, where Evgeny and Alexandru (which are of course now core developers at CCExtractor) presented what they did during GCI 2016!
<br /><br />
</p>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/6Ti1X1peqMA"></iframe>
</div>
<br /><br />
<p>
And Aadi and Shiyuan (also core team members now as well as GCI mentors) in 2018:
<br /><br />
</p>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/nKY0s0av5r0"></iframe>
</div>
<br /><br />
<p>
And Matej and Ivan (also GCI mentors) in 2019:
<br /><br />
</p>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/rS7RK-GKYuk"></iframe>
</div>
<hr>
<br></br>
<sub class="">*Google Code-in and the Google Code-in logo are trademarks of Google Inc.</sub>
<br>
<sub class="">Fork, Star, Modify this website on <a href="https://github.com/CCExtractor/ccextractor_gci2019_website/" class="pagesLinks">GitHub</a>.</sub>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!-- Handle Slack Requests-->
<script src="js/lib.js"></script>
<script>
// Execute Recaptcha when form is submitted
document.querySelector("#slack_form").addEventListener("submit", function() {
grecaptcha.execute();
})
window.submitSlackInfo = submitSlackInfo;
</script>
<!-- jQuery CDN - Slim version (=without AJAX) -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!-- Popper.JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
</body>
</html>