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

Added Content

Browse Source
This commit is contained in:
James Dinh 2022-06-01 21:02:59 -07:00
parent 4049a1584a
commit 768953548c
2 changed files with 108 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/general.css
View File

@ -354,16 +354,25 @@ section {
}
#event-description {
padding: 10px;
margin: 0 20px;
max-width: 700px;
min-width: 200px;
font-size: 18px;
text-align: left;
}
#event-main-box {
padding: 10px;
width: auto;
height: auto;
border-radius: 10px;
border: 1px solid rgb(68, 68, 68);
}
#description-heading {
text-align: center;
margin-bottom: 15px;
}
.list {
@ -376,10 +385,10 @@ section {
/* Timeline */
#timeline {
padding: 10px;
width: 100%;
height: 100%;
text-align: center;
margin-top: 50px;
}
#timeline-heading {
@ -535,7 +544,7 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
display: block;
}
@media (min-width: 1250px) {
@media (max-width: 2250px) {
input::before {
left: -37.5px;
}
@ -925,7 +934,7 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
}
#team-container article {
padding: 20px 50px;
padding: 20px 35px;
width: 400px;
}
@ -971,7 +980,8 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
.person-contact {
font-size: 15px;
padding-top: 15px;
padding-top: 16px;
font-style: normal;
}
/* Utilities */
@ -989,6 +999,10 @@ abbr[title] {
color:rgb(51, 235, 189);
}
.discord-text {
color: rgb(153, 126, 248);
}
.line {
width: 100px;
margin: 10px auto;

8
index.html
View File

@ -83,6 +83,7 @@
<div id="event-container">
<article id="event-description">
<h2 id="description-heading">Description</h2>
<div id="event-main-box">
<ul class="list">
<li>Even if you're not an expert at coding, this hackathon will offer an opportunity to strengthen your skills and collaborate with others to create something useful. Below are important dates to keep in mind:
<ul style="margin-left: 25px">
@ -92,6 +93,7 @@
</li>
<li>Our program is dedicated to providing the Gilroy/Morgan Hill/Hollister youth with the opportunity to develop their coding skills. We specialize in hackathons where students participate in teams and compete for prizes.</li>
</ul>
</div>
<!-- Timeline src: https://codepen.io/cjl750/pen/MXvYmg -->
<div id="timeline">
<h2 id="timeline-heading">Timeline</h2>
@ -440,9 +442,9 @@
<div class="team-entry">
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
<div class="team-description">
<h4 class="person-name">Isaac Hwang</h4>
<h5 class="person-subtitle">Lead Organizer</h5>
<h5 class="person-contact">[Email]</h5>
<h4 class="person-name">James Dinh</h4>
<h5 class="person-subtitle">Lead Website Designer</h5>
<h5 class="person-contact"><span class="discord-text">Discord</span>: wellfedbison#0607<br><a class="link" target="_blank" href="mailto:jamesdinh77@protonmail.com" title="Email">jamesdinh77@protonmail.com</a></h5>
</div>
</div>
<div class="team-entry">