Skip to content

Commit

Permalink
changes done in timeline page
Browse files Browse the repository at this point in the history
  • Loading branch information
@Debshibraj123
Debshibraj123 committed Apr 7, 2024
1 parent 876609e commit 6e5fd6d
Show file tree
Hide file tree
Showing 4 changed files with 278 additions and 185 deletions.
13 changes: 8 additions & 5 deletions flow/static/css/timeline_css.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,13 @@ button {
}

.body {
/* background-color: #1a1a1a; */
overflow: hidden;
background: #383838;
color: #14fdce;
font-family: 'VT323';
font-size: 24px;
-webkit-font-smoothing: none;
line-height: 1.2;
cursor: context-menu;
}

.background-animation {
Expand Down Expand Up @@ -362,8 +367,7 @@ button {
}
.tcontainer{
position: relative;

height: 100%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
Expand All @@ -374,7 +378,6 @@ button {
background-size: cover;
background-position: center;
padding: 2rem;

}
.timeline_vid{
min-width: 100%;
Expand Down
79 changes: 58 additions & 21 deletions flow/templates/flow/day2_timeline.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,65 +48,102 @@
<ol>
<li>
<div>
<time>1934</time> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
</div>
</li>
<li>
<div>
<time>1937</time> Proin quam velit, efficitur vel neque vitae, rhoncus commodo mi. Suspendisse finibus mauris et bibendum molestie. Aenean ex augue, varius et pulvinar in, pretium non nisi.
<time>THROUGHOUT THE FEST</time>
Crosswords </br>
Mazemerize </br>
Startup Fair </br>
REC Arcade </br>
</div>
</li>
<li>
<div>
<time>1940</time> Proin iaculis, nibh eget efficitur varius, libero tellus porta dolor, at pulvinar tortor ex eget ligula. Integer eu dapibus arcu, sit amet sollicitudin eros.
</div>
</li>
<li>
<div>
<time>1943</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>09(AM)-12(PM)</time>
<time>01(PM)-03(PM)</time>
WORKSHOP (Cybersecurity) </br>
WORKSHOP (ML) </br>
</div>
</li>

<li>
<div>
<time>1946</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>09(AM)-12(PM)</time>
Call Out Sherlock </br>
Bid Wit </br>
Car Auction </br>
Startup Fair </br>

</div>
</li>


<li>
<div>
<time>1956</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>09(AM)-12(PM)</time>
Linux Corner (throughout day)</br>
Hackoverflow (throughout day) </br>
Interficio(throughout day)
</div>
</li>

<li>
<div>
<time>1957</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>01(PM)-03(PM)</time>
Call Out Sherlock </br>
House of Cups </br>
Electra </br>
Car Auction </br>
Onspot Hackathon</br>
Mindsweeper(finalRound)</br>
</div>
</li>


<li>
<div>
<time>1967</time> Aenean condimentum odio a bibendum rhoncus. Ut mauris felis, volutpat eget porta faucibus, euismod quis ante.
<time>01(PM)-03(PM)</time>
Invictus (prelims)(online) </br>
Be a billionaire (prelims)(online) </br>
Contraptions (prelims)(online) </br>
FantasyFootball(prelims)online(8PM-12AM)</br>
</div>
</li>
<li>
<div>
<time>1977</time> Vestibulum porttitor lorem sed pharetra dignissim. Nulla maximus, dui a tristique iaculis, quam dolor convallis enim, non dignissim ligula ipsum a turpis.
<time>01(PM)-03(PM)</time>
Linux Corner (throughout day)</br>
Hackoverflow (throughout day) </br>
Interficio(throughout day)<br>
</div>
</li>
<li>
<div>
<time>1985</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>03(PM)-06(PM)</time>
Matrix </br>
Electra </br>
Flying the UAV </br>
Ripple Effect </br>
Onspot Hackathon</br>
Mindsweeper(finalRound)</br>
</div>
</li>
<li>
<div>
<time>2000</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>03(PM)-06(PM)</time>
Pitstop(online) </br>
Freemex (online) </br>
MinderSnatch (online) </br>
</div>
</li>
<li>
<div>
<time>2005</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>03(PM)-06(PM)</time>
Techmela(Arena) </br>
Linux Corner (throughout day)</br>
Hackoverflow (throughout day) </br>
Interficio(throughout day)<br>
FantasyFootball(prelims)online(8PM-12AM)</br>
</div>
</li>
<li></li>
</ol>

<div class="arrows">
Expand Down
171 changes: 86 additions & 85 deletions flow/templates/flow/day3_timeline.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,142 +48,143 @@
<ol>
<li>
<div>
<time>1934</time> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
</div>
</li>
<li>
<div>
<time>1937</time> Proin quam velit, efficitur vel neque vitae, rhoncus commodo mi. Suspendisse finibus mauris et bibendum molestie. Aenean ex augue, varius et pulvinar in, pretium non nisi.
</div>
</li>
<li>
<div>
<time>1940</time> Proin iaculis, nibh eget efficitur varius, libero tellus porta dolor, at pulvinar tortor ex eget ligula. Integer eu dapibus arcu, sit amet sollicitudin eros.
</div>
</li>
<li>
<div>
<time>1943</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
</div>
</li>
<li>
<div>
<time>1946</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
</div>
</li>
<li>
<div>
<time>1956</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
</div>
</li>
<li>
<div>
<time>1957</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
</div>
</li>
<li>
<div>
<time>1967</time> Aenean condimentum odio a bibendum rhoncus. Ut mauris felis, volutpat eget porta faucibus, euismod quis ante.
</div>
</li>
<li>
<div>
<time>1977</time> Vestibulum porttitor lorem sed pharetra dignissim. Nulla maximus, dui a tristique iaculis, quam dolor convallis enim, non dignissim ligula ipsum a turpis.
</div>
</li>
<li>
<div>
<time>1985</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
</div>
</li>
<li>
<div>
<time>2000</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
</div>
</li>
<li>
<div>
<time>2005</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>THROUGHOUT THE FEST</time>
Crosswords </br>
Mazemerize </br>
Startup Fair </br>
REC Arcade </br>
</div>
</li>
<li></li>
</ol>

<div class="arrows">
<button class="arrow arrow__prev disabled" disabled>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/arrow_prev.svg" alt="prev timeline arrow">
</button>
<button class="arrow arrow__next">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/arrow_next.svg" alt="next timeline arrow">
</button>
</div>
</section>

<section id="day2" class="timeline active" style="display: none;">
<ol>


<li>
<div>
<time>1939</time> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
<time>09(AM)-12(PM)
</time>
<time>01(PM)-03(PM)
</time>
WORKSHOP(MNTC)</br>
WORKSHOP(SAE)</br>
WORKSHOP(CCA)</Br>
WORKSHOP(CCA)</Br>

</div>
</li>
<li>
<div>
<time>1937</time> Proin quam velit, efficitur vel neque vitae, rhoncus commodo mi. Suspendisse finibus mauris et bibendum molestie. Aenean ex augue, varius et pulvinar in, pretium non nisi.
<time>09(AM)-12(PM)
</time>
<time>01(PM)-03(PM)
</time>
WORKSHOP(RECursion)</br>
WORKSHOP(Cybersecurity)</br>
WORKSHOP(ML)</br>
</div>
</li>
<li>
<div>
<time>1940</time> Proin iaculis, nibh eget efficitur varius, libero tellus porta dolor, at pulvinar tortor ex eget ligula. Integer eu dapibus arcu, sit amet sollicitudin eros.
<time>09(AM)-12(PM)</time>
Terrorist Takedown</br>
StreetFury(ARMAGADON)</br>
Temporal Trek </br>
Onspot Hackathon</br>

</div>
</li>
<li>
<div>
<time>1943</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>09(AM)-12(PM)</time>
Be a billionaire </br>
Conjecture </br>
Journo Detective (prelims) </br>
Twin Attack(final round)</br>
</div>
</li>
<li>
<div>
<time>1946</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>09(AM)-12(PM)</time>
DEATH NOTE (DMSenAuditorium) <br>
Car Auction </br>
WDCT Corner (Arena)</br>
Gaming Event </br>
Linux Corner(throughout day)</br>
Infernitio(throughout day)</br>
</div>
</li>
<li>
<div>
<time>1956</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>09(AM)-12(PM)</time>
Freemex(online)</br>
Foobar CTF (online) </br>
MinderSnatch(online)</br>
Hackoverflow(online)</br>
</div>
</li>
<li>
<div>
<time>1957</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>01(PM)-03(PM)</time>
Portfoloio Ventures </br>
Car Auction </br>
Invictus </br>
Conjecture </br>
Twin Attack </br>
Quantum Quest </br>
</div>
</li>
<li>
<div>
<time>1967</time> Aenean condimentum odio a bibendum rhoncus. Ut mauris felis, volutpat eget porta faucibus, euismod quis ante.
<time>01(PM)-03(PM)</time>
DEATHNOTE (DMSenAuditorium) </br>
Roboliga(ARMAGADON) </Br>
WDCT Corner </br>
Gaming Event </br>
Fantacy Footbal (DM Sen)
</div>
</li>
<li>
<div>
<time>1977</time> Vestibulum porttitor lorem sed pharetra dignissim. Nulla maximus, dui a tristique iaculis, quam dolor convallis enim, non dignissim ligula ipsum a turpis.
<time>01(PM)-03(PM)</time>
Freemex(online)</br>
Foobar CTF (online) </br>
MinderSnatch(online)</br>
Hackoverflow(online)</br>
</div>
</li>

<li>
<div>
<time>1985</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>03(PM)-05(PM)</time>
Darwinina</br>
Tech Charades </br>
Contraptions </br>
Hackoverflow(online)</br>
Qauntum Quest </br>
</div>
</li>
<li>
<div>
<time>2000</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>03(PM)-05(PM)</time>
DEATHNOTE(DMSenAuditorium)</br>
Roboliga(ARMAGADON) </Br>
Flying the UAV(Arena)</br>
WDCT Corner(Arena) </br>
Techmela </br>
Ripple Effect (Arena)<br>
</div>
</li>
<li>
<div>
<time>2005</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
<time>03(PM)-05(PM)</time>
Pitstop(online)</br>
REChase(3:30pm-6pm)</br>
Incanity(online)</br>
Perplixity(online)</br>
Foobar CTF (online)</br>
Fantacy Football(DMSen)</br>
</div>
</li>
<li></li>

</ol>

<div class="arrows">
<button class="arrow arrow__prev disabled" disabled>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/arrow_prev.svg" alt="prev timeline arrow">
Expand Down
Loading

0 comments on commit 6e5fd6d

Please sign in to comment.