Added Content
This commit is contained in:
parent
4049a1584a
commit
768953548c
@ -354,16 +354,25 @@ section {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#event-description {
|
#event-description {
|
||||||
padding: 10px;
|
|
||||||
margin: 0 20px;
|
margin: 0 20px;
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#event-main-box {
|
||||||
|
padding: 10px;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid rgb(68, 68, 68);
|
||||||
}
|
}
|
||||||
|
|
||||||
#description-heading {
|
#description-heading {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list {
|
.list {
|
||||||
@ -376,16 +385,16 @@ section {
|
|||||||
|
|
||||||
/* Timeline */
|
/* Timeline */
|
||||||
#timeline {
|
#timeline {
|
||||||
|
padding: 10px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 50px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#timeline-heading {
|
#timeline-heading {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-parent {
|
.flex-parent {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -394,7 +403,7 @@ section {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-flex-container {
|
.input-flex-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -405,7 +414,7 @@ section {
|
|||||||
max-width: 1000px;
|
max-width: 1000px;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
input {
|
input {
|
||||||
width: 22px;
|
width: 22px;
|
||||||
@ -416,10 +425,10 @@ input {
|
|||||||
display: block;
|
display: block;
|
||||||
appearance: none;
|
appearance: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
input:focus {
|
input:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
input::before, input::after {
|
input::before, input::after {
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
@ -431,7 +440,7 @@ input::before, input::after {
|
|||||||
width: 80px;
|
width: 80px;
|
||||||
/* width: 6vw; */
|
/* width: 6vw; */
|
||||||
height: 5px;
|
height: 5px;
|
||||||
}
|
}
|
||||||
input::before {
|
input::before {
|
||||||
right: calc(2vw);
|
right: calc(2vw);
|
||||||
}
|
}
|
||||||
@ -535,7 +544,7 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1250px) {
|
@media (max-width: 2250px) {
|
||||||
input::before {
|
input::before {
|
||||||
left: -37.5px;
|
left: -37.5px;
|
||||||
}
|
}
|
||||||
@ -925,7 +934,7 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
|
|||||||
}
|
}
|
||||||
|
|
||||||
#team-container article {
|
#team-container article {
|
||||||
padding: 20px 50px;
|
padding: 20px 35px;
|
||||||
width: 400px;
|
width: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -971,7 +980,8 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
|
|||||||
|
|
||||||
.person-contact {
|
.person-contact {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
padding-top: 15px;
|
padding-top: 16px;
|
||||||
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Utilities */
|
/* Utilities */
|
||||||
@ -989,6 +999,10 @@ abbr[title] {
|
|||||||
color:rgb(51, 235, 189);
|
color:rgb(51, 235, 189);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.discord-text {
|
||||||
|
color: rgb(153, 126, 248);
|
||||||
|
}
|
||||||
|
|
||||||
.line {
|
.line {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
margin: 10px auto;
|
margin: 10px auto;
|
||||||
|
@ -83,6 +83,7 @@
|
|||||||
<div id="event-container">
|
<div id="event-container">
|
||||||
<article id="event-description">
|
<article id="event-description">
|
||||||
<h2 id="description-heading">Description</h2>
|
<h2 id="description-heading">Description</h2>
|
||||||
|
<div id="event-main-box">
|
||||||
<ul class="list">
|
<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:
|
<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">
|
<ul style="margin-left: 25px">
|
||||||
@ -92,6 +93,7 @@
|
|||||||
</li>
|
</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>
|
<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>
|
</ul>
|
||||||
|
</div>
|
||||||
<!-- Timeline src: https://codepen.io/cjl750/pen/MXvYmg -->
|
<!-- Timeline src: https://codepen.io/cjl750/pen/MXvYmg -->
|
||||||
<div id="timeline">
|
<div id="timeline">
|
||||||
<h2 id="timeline-heading">Timeline</h2>
|
<h2 id="timeline-heading">Timeline</h2>
|
||||||
@ -440,9 +442,9 @@
|
|||||||
<div class="team-entry">
|
<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-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
|
||||||
<div class="team-description">
|
<div class="team-description">
|
||||||
<h4 class="person-name">Isaac Hwang</h4>
|
<h4 class="person-name">James Dinh</h4>
|
||||||
<h5 class="person-subtitle">Lead Organizer</h5>
|
<h5 class="person-subtitle">Lead Website Designer</h5>
|
||||||
<h5 class="person-contact">[Email]</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>
|
</div>
|
||||||
<div class="team-entry">
|
<div class="team-entry">
|
||||||
|
Loading…
Reference in New Issue
Block a user