wellfedbison/gilroyhacks.com
wellfedbison/gilroyhacks.com
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added transitions

Browse Source
This commit is contained in:
James Dinh 2022-06-03 19:24:44 -07:00
parent 249ba81de4
commit 23f1028f69
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/general.css
View File

@ -1092,6 +1092,11 @@ section {
content: "5"; content: "5";
} }
.rules-card:hover {
filter: brightness(1.2);
transition: 0.5s;
}
#prizes-container { #prizes-container {
display: grid; display: grid;
margin: 50px 50px 0; margin: 50px 50px 0;

8
index.html
View File

@ -102,12 +102,12 @@
<div class="input-flex-container"> <div class="input-flex-container">
<input class="timeline-input" type="radio" name="timeline-dot" data-description="1" checked> <input class="timeline-input" type="radio" name="timeline-dot" data-description="1" checked>
<div class="dot-info" data-description="1"> <div class="dot-info" data-description="1">
<span class="year">8/12 6:00pm</span> <span class="year">8/12 4:00pm</span>
<span class="label">Opening Ceremony</span> <span class="label">Opening Ceremony</span>
</div> </div>
<input class="timeline-input" type="radio" name="timeline-dot" data-description="2"> <input class="timeline-input" type="radio" name="timeline-dot" data-description="2">
<div class="dot-info" data-description="2"> <div class="dot-info" data-description="2">
<span class="year">8/12 6:30pm</span> <span class="year">8/12 5:00pm</span>
<span class="label">Hacking Begins</span> <span class="label">Hacking Begins</span>
</div> </div>
<input class="timeline-input" type="radio" name="timeline-dot" data-description="3"> <input class="timeline-input" type="radio" name="timeline-dot" data-description="3">
@ -128,7 +128,7 @@
<div id="timeline-descriptions-wrapper"> <div id="timeline-descriptions-wrapper">
<div data-description="1"> <div data-description="1">
<h3>Opening Ceremony</h3> <h3>Opening Ceremony</h3>
<h4 class="timeline-description-subtitle">8/12 | 6:00pm - 6:30pm</h4><br> <h4 class="timeline-description-subtitle">8/12 | 4:00pm - 5:00pm</h4><br>
<p class="timeline-description">The official start of the hackathon where we deliver the opening presentation along with the finalized teams, prompts, rules, and timeline.<br> <p class="timeline-description">The official start of the hackathon where we deliver the opening presentation along with the finalized teams, prompts, rules, and timeline.<br>
<ul class="timeline-description-list"> <ul class="timeline-description-list">
<li>It is highly recommended you attend this portion of the hackathon (at least half of your team must attend to participate)</li> <li>It is highly recommended you attend this portion of the hackathon (at least half of your team must attend to participate)</li>
@ -138,7 +138,7 @@
</div> </div>
<div data-description="2"> <div data-description="2">
<h3>Hacking Begins</h3> <h3>Hacking Begins</h3>
<h4 class="timeline-description-subtitle">8/12 | 6:30pm</h4><br> <h4 class="timeline-description-subtitle">8/12 | 5:00pm</h4><br>
<p class="timeline-description"> <p class="timeline-description">
Now's your time to shine! Start working with your team to build your project. No strings attached! Now's your time to shine! Start working with your team to build your project. No strings attached!
<ul class="timeline-description-list"> <ul class="timeline-description-list">