Skip to content

⚡ Added Timeline #38

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Feb 4, 2022
Merged

⚡ Added Timeline #38

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
245 changes: 209 additions & 36 deletions fss/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -290,7 +290,7 @@ <h3 class="arrow-txt">Do you accept <br />the invitation?</h3>
</section>

<!--Timeline-->
<!-- <div>
<div>
<div class="tabset">

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

<input type="radio" name="tabset" id="tab3" aria-controls="dunkles">
<label for="tab3">Day 3</label>
<input type="radio" name="tabset" id="tab4" aria-controls="dunkles">
<label for="tab4">Day 4</label>

<div class="tab-panels">
<section id="marzen" class="tab-panel">
Expand All @@ -311,20 +313,29 @@ <h3 class="arrow-txt">Do you accept <br />the invitation?</h3>
<div class="card-body">
<div id="content">
<ul class="timeline">
<li class="event" data-date="1:00pm">
<h3>Registration</h3>
<li class="event" data-date="11:00 AM">
<h3>Opening Ceremony</h3>
Vedant & Shreya
<p></p>
</li>
<li class="event" data-date="4:00pm">
<h3>Opening Ceremony</h3>
<!-- <li class="event" data-date="11:15 AM">
<h3>Keynote </h3>
Bill Mulligan
<p></p>
</li> -->
<li class="event" data-date="12:00 PM">
<h3>Getting Started with Angular</h3>
Santosh Yadav, GDE Angular | GitHub Star
<p></p>
</li>
<li class="event" data-date="8:00pm">
<h3>Main Event</h3>
<li class="event" data-date="1:00 PM">
<h3>Power of Open-source and our role in it! </h3>
Chris Swan, Engineer at The @ Company
<p></p>
</li>
<li class="event" data-date="9:30pm">
<h3>Closing Ceremony</h3>
<li class="event" data-date="2:00 PM">
<h3>Symbl.ai 101 </h3>
Akanksha Bhasin, DevRel at Symbl.ai
<p></p>
</li>
</ul>
Expand All @@ -343,22 +354,25 @@ <h3>Closing Ceremony</h3>
<div class="card-body">
<div id="content">
<ul class="timeline">
<li class="event" data-date="1:00pm">
<h3>Registration</h3>
<li class="event" data-date="12:00 PM">
<h3>Insights to Azure HDInsight</h3>
Niti Gupta, Software Engineer 2 at Microsoft
<p></p>
</li>
<li class="event" data-date="4:00pm">
<h3>Opening Ceremony</h3>
<li class="event" data-date="2:00 PM">
<h3>APIs 101 using Postman</h3>
Ali Mustufa Shaikh, Student Community Lead at Postman
<p></p>
</li>
<li class="event" data-date="8:00pm">
<h3>Main Event</h3>
<li class="event" data-date="3:00 PM">
<h3>Building a file server on Supabase</h3>
Thor Shaeff, DevRel & DX at Supabase
<p></p>
</li>
<li class="event" data-date="9:30pm">
<!-- <li class="event" data-date="9:30pm">
<h3>Closing Ceremony</h3>
<p></p>
</li>
</li> -->
</ul>
</div>
</div>
Expand All @@ -375,20 +389,60 @@ <h3>Closing Ceremony</h3>
<div class="card-body">
<div id="content">
<ul class="timeline">
<li class="event" data-date="1:00pm">
<h3>Registration</h3>
<li class="event" data-date="11:00 PM">
<h3>Hands on with SAWO</h3>
Koishore Roy, Engineering Manager at SAWO Labs
<p></p>
</li>
<li class="event" data-date="4:00pm">
<h3>Opening Ceremony</h3>
<li class="event" data-date="1:00 PM">
<h3> Machine Learning for the Web : An introduction to TensorFlow.JS</h3>
Shivay Lamba, CTO at DarkHorse
<p></p>
</li>
<li class="event" data-date="3:00 PM">
<h3>From production with security bugs</h3>
Nikhil Srivastava, Synack Legend, Lead Pentester at Cobalt.io | Kainat Kamal, Advanced Cyber Security Engineer at Honeywell
<p></p>
</li>
<!-- <li class="event" data-date="9:30pm">
<h3>Closing Ceremony</h3>
<p></p>
</li> -->
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<section id="dunkles" class="tab-panel">
<div class="" style="padding-left:5%">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-body">
<div id="content">
<ul class="timeline">
<li class="event" data-date="11:00 AM">
<h3>Building Scalable Product for Startups</h3>
Jeph Paul, Lead - Web Engineering at Aviyel & Vineeth G S, Product Designer at Aviyel
<p></p>
</li>
<li class="event" data-date="1:00 PM">
<h3> Hyperledger Blockchain</h3>
Kamlesh Nagware, CTO at Snapper Future Tech
<p></p>
</li>
<li class="event" data-date="8:00pm">
<h3>Main Event</h3>
<li class="event" data-date="2:00 PM">
<h3>Python Microservices and its Frameworks (Sanic)</h3>
Nikhil Kumar, Software Engineer at Deloitte
<p></p>
</li>
<li class="event" data-date="9:30pm">
<li class="event" data-date="3:00 PM">
<h3>Closing Ceremony</h3>
DevScript Team
<p></p>
</li>
</ul>
Expand All @@ -401,7 +455,7 @@ <h3>Closing Ceremony</h3>
</section>
</div>
</div>
</div> -->
</div>

<!--Themes-->

Expand Down Expand Up @@ -644,20 +698,20 @@ <h2 class="Topic">Miscellaneous</h2>
<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Title</h1>
<p class="card-text">Lorem Ipsum is simply dummy text of </p>
<h1 class="card-title">Bill Mulligan</h1>
<p class="card-text">Marketing Manager at CNCF </p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.linkedin.com/in/bamulligan"><i class="fab fa-linkedin-in"></i></a>
<a href=""><i class="fab fa-github"></i></a>
</div>
</div>
</div>
<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Title</h1>
<p class="card-text">Lorem Ipsum is simply dummy text of </p>
<h1 class="card-title">Chris Swan</h1>
<p class="card-text">Engineer at The @ Company</p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
Expand All @@ -668,8 +722,8 @@ <h1 class="card-title">Title</h1>
<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Title</h1>
<p class="card-text">Lorem Ipsum is simply dummy text of </p>
<h1 class="card-title">Kevin Nickels</h1>
<p class="card-text">Co-founder of The @ Company </p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
Expand All @@ -680,27 +734,146 @@ <h1 class="card-title">Title</h1>
<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Title</h1>
<p class="card-text">Lorem Ipsum is simply dummy text of </p>
<h1 class="card-title">Colin Constable</h1>
<p class="card-text">Co-founder of The @ Company</p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
<a href=""><i class="fab fa-github"></i></a>
</div>
</div>
</div>

<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Title</h1>
<p class="card-text">Lorem Ipsum is simply dummy text of </p>
<h1 class="card-title">Thor Shaeff</h1>
<p class="card-text">DevRel & DX at Supabase</p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
<a href=""><i class="fab fa-github"></i></a>
</div>
</div>
</div>

<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Kamlesh Nagware</h1>
<p class="card-text">CTO at Snapper Future Tech</p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
<a href=""><i class="fab fa-github"></i></a>
</div>
</div>
</div>

<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Santosh Yadav </h1>
<p class="card-text">GDE Angular | GitHub Star</p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
<a href=""><i class="fab fa-github"></i></a>
</div>
</div>
</div>

<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Niti Gupta .</h1>
<p class="card-text">Software Engineer 2 at Microsoft</p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
<a href=""><i class="fab fa-github"></i></a>
</div>
</div>
</div>

<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Koishore Roy</h1>
<p class="card-text">Engineering Manager at SAWO Labs</p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
<a href=""><i class="fab fa-github"></i></a>
</div>
</div>
</div>

<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Nikhil Srivastava</h1>
<p class="card-text">Synack Legend, Lead Pentester at Cobalt.io</p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
<a href=""><i class="fab fa-github"></i></a>
</div>
</div>
</div>

<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Kainat Kamal</h1>
<p class="card-text">Advanced Cyber Security Engineer at Honeywell</p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
<a href=""><i class="fab fa-github"></i></a>
</div>
</div>
</div>

<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Shivay Lamba</h1>
<p class="card-text">CTO at DarkHorse</p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
<a href=""><i class="fab fa-github"></i></a>
</div>
</div>
</div>

<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Ali Mustufa Shaikh</h1>
<p class="card-text">Student Community Lead at Postman</p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
<a href=""><i class="fab fa-github"></i></a>
</div>
</div>
</div>

<div class="card-wrap">
<div class="card-header one"></div>
<div class="card-content">
<h1 class="card-title">Akanksha Bhasin</h1>
<p class="card-text">DevRel at Symbl.ai</p>
<div class="socials">
<a href=""><i class="fab fa-twitter"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
<a href=""><i class="fab fa-github"></i></a>
</div>
</div>
</div>

</div>
</div>
</div> -->
Expand Down
8 changes: 4 additions & 4 deletions fss/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1006,7 +1006,7 @@ section {
overflow: hidden;
cursor: pointer;
transition: all .2s ease-in-out;

padding: 5px;
}

.card-wrap:hover {
Expand Down Expand Up @@ -2271,7 +2271,7 @@ i {
border-left: 3px solid #ed1b76;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
background: #757575;
background: #090910;
margin: 0 auto;
letter-spacing: 0.2px;
position: relative;
Expand Down Expand Up @@ -2300,14 +2300,14 @@ i {
.timeline h3 {
font-weight: 600;
font-size: 1rem;
margin-bottom: 10px;
margin-bottom: 1px;
background: transparent;
color:white;
}

.timeline .event {
border-bottom: 1px dashed #fdcee3;
padding-bottom: 25px;
padding-bottom: 5px;
margin-bottom: 25px;
position: relative;
background: transparent;
Expand Down