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

Changed timeline responsiveness

Browse Source
This commit is contained in:
James Dinh 2022-05-31 15:20:04 -07:00
parent 4c2c2aa2db
commit e68f7784f0
2 changed files with 185 additions and 184 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/general.css
View File

@ -530,7 +530,8 @@ input::before, input::after {
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
background-color: #2C3E50; background-color: #2C3E50;
width: 6vw; width: 80px;
/* width: 6vw; */
height: 5px; height: 5px;
} }
input::before { input::before {
@ -560,7 +561,7 @@ input::before, input::after {
.dot-info { .dot-info {
width: 25px; width: 25px;
height: 25px; height: 25px;
display: block; display: flex;
visibility: hidden; visibility: hidden;
position: relative; position: relative;
z-index: -1; z-index: -1;
@ -720,7 +721,7 @@ input::before, input::after {
#timeline-descriptions-wrapper { #timeline-descriptions-wrapper {
margin-top: 30px; margin-top: 30px;
margin-left: 0; margin-left: 0;
text-align: center; text-align: left;
} }
} }
@media (max-width: 480px) { @media (max-width: 480px) {

6
index.html
View File

@ -126,7 +126,7 @@
<div data-description="1"> <div data-description="1">
<h4>Opening Ceremony</h4> <h4>Opening Ceremony</h4>
<h5 class="timeline-description-subtitle">8/12 | 6:00pm - 6:30pm</h5><br> <h5 class="timeline-description-subtitle">8/12 | 6:00pm - 6:30pm</h5><br>
<p class="timeline-description">The official start of the hackathon where we deliver the opening presentation along with the final 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>You are required to attend this portion of the hackathon to participate</li> <li>You are required to attend this portion of the hackathon to participate</li>
<li><span class="important-text">=IMPORTANT=</span> DO NOT START CODING during this period</li> <li><span class="important-text">=IMPORTANT=</span> DO NOT START CODING during this period</li>
@ -210,9 +210,9 @@
<div class="info"> <div class="info">
<p class="title">Start discussing ideas for a project</p> <p class="title">Start discussing ideas for a project</p>
<p> <p>
- Between now and the start of the hackathon is a great time to come up with project ideas w/ your team - Between now and the start of the hackathon is a great time to come up with project ideas & download any software you may need
<br> <br>
- However, you can't start working on the project before the hackathon - However, you can't start working on the project until the hackathon begins
</p> </p>
</div> </div>
</div> </div>