Skip to content

Commit d59371a

Browse files
VedantKhairnarVedantKhairnar
authored
Merge pull request #38 from VedantKhairnar/master
⚡ Added Timeline
2 parents 2355334 + 8d42018 commit d59371a

File tree

2 files changed

+213
-40
lines changed

2 files changed

+213
-40
lines changed

‎fss/index.html‎

Lines changed: 209 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -290,7 +290,7 @@ <h3 class="arrow-txt">Do you accept <br />the invitation?</h3>
290290
</section>
291291

292292
<!--Timeline-->
293-
<!-- <div>
293+
<div>
294294
<div class="tabset">
295295

296296
<input type="radio" name="tabset" id="tab1" aria-controls="marzen" checked>
@@ -301,6 +301,8 @@ <h3 class="arrow-txt">Do you accept <br />the invitation?</h3>
301301

302302
<input type="radio" name="tabset" id="tab3" aria-controls="dunkles">
303303
<label for="tab3">Day 3</label>
304+
<input type="radio" name="tabset" id="tab4" aria-controls="dunkles">
305+
<label for="tab4">Day 4</label>
304306

305307
<div class="tab-panels">
306308
<section id="marzen" class="tab-panel">
@@ -311,20 +313,29 @@ <h3 class="arrow-txt">Do you accept <br />the invitation?</h3>
311313
<div class="card-body">
312314
<div id="content">
313315
<ul class="timeline">
314-
<li class="event" data-date="1:00pm">
315-
<h3>Registration</h3>
316+
<li class="event" data-date="11:00 AM">
317+
<h3>Opening Ceremony</h3>
318+
Vedant & Shreya
316319
<p></p>
317320
</li>
318-
<li class="event" data-date="4:00pm">
319-
<h3>Opening Ceremony</h3>
321+
<!-- <li class="event" data-date="11:15 AM">
322+
<h3>Keynote </h3>
323+
Bill Mulligan
324+
<p></p>
325+
</li> -->
326+
<li class="event" data-date="12:00 PM">
327+
<h3>Getting Started with Angular</h3>
328+
Santosh Yadav, GDE Angular | GitHub Star
320329
<p></p>
321330
</li>
322-
<li class="event" data-date="8:00pm">
323-
<h3>Main Event</h3>
331+
<li class="event" data-date="1:00 PM">
332+
<h3>Power of Open-source and our role in it! </h3>
333+
Chris Swan, Engineer at The @ Company
324334
<p></p>
325335
</li>
326-
<li class="event" data-date="9:30pm">
327-
<h3>Closing Ceremony</h3>
336+
<li class="event" data-date="2:00 PM">
337+
<h3>Symbl.ai 101 </h3>
338+
Akanksha Bhasin, DevRel at Symbl.ai
328339
<p></p>
329340
</li>
330341
</ul>
@@ -343,22 +354,25 @@ <h3>Closing Ceremony</h3>
343354
<div class="card-body">
344355
<div id="content">
345356
<ul class="timeline">
346-
<li class="event" data-date="1:00pm">
347-
<h3>Registration</h3>
357+
<li class="event" data-date="12:00 PM">
358+
<h3>Insights to Azure HDInsight</h3>
359+
Niti Gupta, Software Engineer 2 at Microsoft
348360
<p></p>
349361
</li>
350-
<li class="event" data-date="4:00pm">
351-
<h3>Opening Ceremony</h3>
362+
<li class="event" data-date="2:00 PM">
363+
<h3>APIs 101 using Postman</h3>
364+
Ali Mustufa Shaikh, Student Community Lead at Postman
352365
<p></p>
353366
</li>
354-
<li class="event" data-date="8:00pm">
355-
<h3>Main Event</h3>
367+
<li class="event" data-date="3:00 PM">
368+
<h3>Building a file server on Supabase</h3>
369+
Thor Shaeff, DevRel & DX at Supabase
356370
<p></p>
357371
</li>
358-
<li class="event" data-date="9:30pm">
372+
<!-- <li class="event" data-date="9:30pm">
359373
<h3>Closing Ceremony</h3>
360374
<p></p>
361-
</li>
375+
</li> -->
362376
</ul>
363377
</div>
364378
</div>
@@ -375,20 +389,60 @@ <h3>Closing Ceremony</h3>
375389
<div class="card-body">
376390
<div id="content">
377391
<ul class="timeline">
378-
<li class="event" data-date="1:00pm">
379-
<h3>Registration</h3>
392+
<li class="event" data-date="11:00 PM">
393+
<h3>Hands on with SAWO</h3>
394+
Koishore Roy, Engineering Manager at SAWO Labs
380395
<p></p>
381396
</li>
382-
<li class="event" data-date="4:00pm">
383-
<h3>Opening Ceremony</h3>
397+
<li class="event" data-date="1:00 PM">
398+
<h3> Machine Learning for the Web : An introduction to TensorFlow.JS</h3>
399+
Shivay Lamba, CTO at DarkHorse
400+
<p></p>
401+
</li>
402+
<li class="event" data-date="3:00 PM">
403+
<h3>From production with security bugs</h3>
404+
Nikhil Srivastava, Synack Legend, Lead Pentester at Cobalt.io | Kainat Kamal, Advanced Cyber Security Engineer at Honeywell
405+
<p></p>
406+
</li>
407+
<!-- <li class="event" data-date="9:30pm">
408+
<h3>Closing Ceremony</h3>
409+
<p></p>
410+
</li> -->
411+
</ul>
412+
</div>
413+
</div>
414+
</div>
415+
</div>
416+
</div>
417+
</div>
418+
</section>
419+
420+
<section id="dunkles" class="tab-panel">
421+
<div class="" style="padding-left:5%">
422+
<div class="row">
423+
<div class="col-md-12">
424+
<div class="card">
425+
<div class="card-body">
426+
<div id="content">
427+
<ul class="timeline">
428+
<li class="event" data-date="11:00 AM">
429+
<h3>Building Scalable Product for Startups</h3>
430+
Jeph Paul, Lead - Web Engineering at Aviyel & Vineeth G S, Product Designer at Aviyel
431+
<p></p>
432+
</li>
433+
<li class="event" data-date="1:00 PM">
434+
<h3> Hyperledger Blockchain</h3>
435+
Kamlesh Nagware, CTO at Snapper Future Tech
384436
<p></p>
385437
</li>
386-
<li class="event" data-date="8:00pm">
387-
<h3>Main Event</h3>
438+
<li class="event" data-date="2:00 PM">
439+
<h3>Python Microservices and its Frameworks (Sanic)</h3>
440+
Nikhil Kumar, Software Engineer at Deloitte
388441
<p></p>
389442
</li>
390-
<li class="event" data-date="9:30pm">
443+
<li class="event" data-date="3:00 PM">
391444
<h3>Closing Ceremony</h3>
445+
DevScript Team
392446
<p></p>
393447
</li>
394448
</ul>
@@ -401,7 +455,7 @@ <h3>Closing Ceremony</h3>
401455
</section>
402456
</div>
403457
</div>
404-
</div> -->
458+
</div>
405459

406460
<!--Themes-->
407461

@@ -644,20 +698,20 @@ <h2 class="Topic">Miscellaneous</h2>
644698
<div class="card-wrap">
645699
<div class="card-header one"></div>
646700
<div class="card-content">
647-
<h1 class="card-title">Title</h1>
648-
<p class="card-text">Lorem Ipsum is simply dummy text of </p>
701+
<h1 class="card-title">Bill Mulligan</h1>
702+
<p class="card-text">Marketing Manager at CNCF </p>
649703
<div class="socials">
650704
<a href=""><i class="fab fa-twitter"></i></a>
651-
<a href=""><i class="fab fa-linkedin-in"></i></a>
705+
<a href="https://www.linkedin.com/in/bamulligan"><i class="fab fa-linkedin-in"></i></a>
652706
<a href=""><i class="fab fa-github"></i></a>
653707
</div>
654708
</div>
655709
</div>
656710
<div class="card-wrap">
657711
<div class="card-header one"></div>
658712
<div class="card-content">
659-
<h1 class="card-title">Title</h1>
660-
<p class="card-text">Lorem Ipsum is simply dummy text of </p>
713+
<h1 class="card-title">Chris Swan</h1>
714+
<p class="card-text">Engineer at The @ Company</p>
661715
<div class="socials">
662716
<a href=""><i class="fab fa-twitter"></i></a>
663717
<a href=""><i class="fab fa-linkedin-in"></i></a>
@@ -668,8 +722,8 @@ <h1 class="card-title">Title</h1>
668722
<div class="card-wrap">
669723
<div class="card-header one"></div>
670724
<div class="card-content">
671-
<h1 class="card-title">Title</h1>
672-
<p class="card-text">Lorem Ipsum is simply dummy text of </p>
725+
<h1 class="card-title">Kevin Nickels</h1>
726+
<p class="card-text">Co-founder of The @ Company </p>
673727
<div class="socials">
674728
<a href=""><i class="fab fa-twitter"></i></a>
675729
<a href=""><i class="fab fa-linkedin-in"></i></a>
@@ -680,27 +734,146 @@ <h1 class="card-title">Title</h1>
680734
<div class="card-wrap">
681735
<div class="card-header one"></div>
682736
<div class="card-content">
683-
<h1 class="card-title">Title</h1>
684-
<p class="card-text">Lorem Ipsum is simply dummy text of </p>
737+
<h1 class="card-title">Colin Constable</h1>
738+
<p class="card-text">Co-founder of The @ Company</p>
685739
<div class="socials">
686740
<a href=""><i class="fab fa-twitter"></i></a>
687741
<a href=""><i class="fab fa-linkedin-in"></i></a>
688742
<a href=""><i class="fab fa-github"></i></a>
689743
</div>
690744
</div>
691745
</div>
746+
692747
<div class="card-wrap">
693748
<div class="card-header one"></div>
694749
<div class="card-content">
695-
<h1 class="card-title">Title</h1>
696-
<p class="card-text">Lorem Ipsum is simply dummy text of </p>
750+
<h1 class="card-title">Thor Shaeff</h1>
751+
<p class="card-text">DevRel & DX at Supabase</p>
752+
<div class="socials">
753+
<a href=""><i class="fab fa-twitter"></i></a>
754+
<a href=""><i class="fab fa-linkedin-in"></i></a>
755+
<a href=""><i class="fab fa-github"></i></a>
756+
</div>
757+
</div>
758+
</div>
759+
760+
<div class="card-wrap">
761+
<div class="card-header one"></div>
762+
<div class="card-content">
763+
<h1 class="card-title">Kamlesh Nagware</h1>
764+
<p class="card-text">CTO at Snapper Future Tech</p>
765+
<div class="socials">
766+
<a href=""><i class="fab fa-twitter"></i></a>
767+
<a href=""><i class="fab fa-linkedin-in"></i></a>
768+
<a href=""><i class="fab fa-github"></i></a>
769+
</div>
770+
</div>
771+
</div>
772+
773+
<div class="card-wrap">
774+
<div class="card-header one"></div>
775+
<div class="card-content">
776+
<h1 class="card-title">Santosh Yadav </h1>
777+
<p class="card-text">GDE Angular | GitHub Star</p>
778+
<div class="socials">
779+
<a href=""><i class="fab fa-twitter"></i></a>
780+
<a href=""><i class="fab fa-linkedin-in"></i></a>
781+
<a href=""><i class="fab fa-github"></i></a>
782+
</div>
783+
</div>
784+
</div>
785+
786+
<div class="card-wrap">
787+
<div class="card-header one"></div>
788+
<div class="card-content">
789+
<h1 class="card-title">Niti Gupta .</h1>
790+
<p class="card-text">Software Engineer 2 at Microsoft</p>
791+
<div class="socials">
792+
<a href=""><i class="fab fa-twitter"></i></a>
793+
<a href=""><i class="fab fa-linkedin-in"></i></a>
794+
<a href=""><i class="fab fa-github"></i></a>
795+
</div>
796+
</div>
797+
</div>
798+
799+
<div class="card-wrap">
800+
<div class="card-header one"></div>
801+
<div class="card-content">
802+
<h1 class="card-title">Koishore Roy</h1>
803+
<p class="card-text">Engineering Manager at SAWO Labs</p>
804+
<div class="socials">
805+
<a href=""><i class="fab fa-twitter"></i></a>
806+
<a href=""><i class="fab fa-linkedin-in"></i></a>
807+
<a href=""><i class="fab fa-github"></i></a>
808+
</div>
809+
</div>
810+
</div>
811+
812+
<div class="card-wrap">
813+
<div class="card-header one"></div>
814+
<div class="card-content">
815+
<h1 class="card-title">Nikhil Srivastava</h1>
816+
<p class="card-text">Synack Legend, Lead Pentester at Cobalt.io</p>
817+
<div class="socials">
818+
<a href=""><i class="fab fa-twitter"></i></a>
819+
<a href=""><i class="fab fa-linkedin-in"></i></a>
820+
<a href=""><i class="fab fa-github"></i></a>
821+
</div>
822+
</div>
823+
</div>
824+
825+
<div class="card-wrap">
826+
<div class="card-header one"></div>
827+
<div class="card-content">
828+
<h1 class="card-title">Kainat Kamal</h1>
829+
<p class="card-text">Advanced Cyber Security Engineer at Honeywell</p>
697830
<div class="socials">
698831
<a href=""><i class="fab fa-twitter"></i></a>
699832
<a href=""><i class="fab fa-linkedin-in"></i></a>
700833
<a href=""><i class="fab fa-github"></i></a>
701834
</div>
702835
</div>
703836
</div>
837+
838+
<div class="card-wrap">
839+
<div class="card-header one"></div>
840+
<div class="card-content">
841+
<h1 class="card-title">Shivay Lamba</h1>
842+
<p class="card-text">CTO at DarkHorse</p>
843+
<div class="socials">
844+
<a href=""><i class="fab fa-twitter"></i></a>
845+
<a href=""><i class="fab fa-linkedin-in"></i></a>
846+
<a href=""><i class="fab fa-github"></i></a>
847+
</div>
848+
</div>
849+
</div>
850+
851+
<div class="card-wrap">
852+
<div class="card-header one"></div>
853+
<div class="card-content">
854+
<h1 class="card-title">Ali Mustufa Shaikh</h1>
855+
<p class="card-text">Student Community Lead at Postman</p>
856+
<div class="socials">
857+
<a href=""><i class="fab fa-twitter"></i></a>
858+
<a href=""><i class="fab fa-linkedin-in"></i></a>
859+
<a href=""><i class="fab fa-github"></i></a>
860+
</div>
861+
</div>
862+
</div>
863+
864+
<div class="card-wrap">
865+
<div class="card-header one"></div>
866+
<div class="card-content">
867+
<h1 class="card-title">Akanksha Bhasin</h1>
868+
<p class="card-text">DevRel at Symbl.ai</p>
869+
<div class="socials">
870+
<a href=""><i class="fab fa-twitter"></i></a>
871+
<a href=""><i class="fab fa-linkedin-in"></i></a>
872+
<a href=""><i class="fab fa-github"></i></a>
873+
</div>
874+
</div>
875+
</div>
876+
704877
</div>
705878
</div>
706879
</div> -->

‎fss/styles.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1006,7 +1006,7 @@ section {
10061006
overflow: hidden;
10071007
cursor: pointer;
10081008
transition: all .2s ease-in-out;
1009-
1009+
padding: 5px;
10101010
}
10111011

10121012
.card-wrap:hover {
@@ -2271,7 +2271,7 @@ i {
22712271
border-left: 3px solid #ed1b76;
22722272
border-bottom-right-radius: 4px;
22732273
border-top-right-radius: 4px;
2274-
background: #757575;
2274+
background: #090910;
22752275
margin: 0 auto;
22762276
letter-spacing: 0.2px;
22772277
position: relative;
@@ -2300,14 +2300,14 @@ i {
23002300
.timeline h3 {
23012301
font-weight: 600;
23022302
font-size: 1rem;
2303-
margin-bottom: 10px;
2303+
margin-bottom: 1px;
23042304
background: transparent;
23052305
color:white;
23062306
}
23072307

23082308
.timeline .event {
23092309
border-bottom: 1px dashed #fdcee3;
2310-
padding-bottom: 25px;
2310+
padding-bottom: 5px;
23112311
margin-bottom: 25px;
23122312
position: relative;
23132313
background: transparent;

0 commit comments

Comments
 (0)