Added schedule
This commit is contained in:
James Dinh
parent
2701f8c0ef
commit
cb6df11b3a
224
css/general.css
224
css/general.css
@ -343,9 +343,10 @@ nav ul li {
|
||||
}
|
||||
@media (max-width: 470px) {
|
||||
#nav-logo {
|
||||
content: url(/img/Gilroy-Hacks-Logo-icon-tp.ico);
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
content: url(/img/logo_mini.png);
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
margin: 7px 0 0 5px;
|
||||
}
|
||||
#logo {
|
||||
height: 2300px;
|
||||
@ -1595,16 +1596,18 @@ section {
|
||||
flex-flow: row wrap;
|
||||
justify-content: center;
|
||||
max-width: 1300px;
|
||||
width: 90%;
|
||||
width: 95%;
|
||||
margin: auto;
|
||||
background-color: rgb(29, 27, 36);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.schedule-element {
|
||||
padding: 20px 20px;
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
width: 95%;
|
||||
min-width: 300px;
|
||||
max-width: 650px;
|
||||
background-color: rgb(29, 27, 36);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.time-column-header {
|
||||
@ -1613,6 +1616,213 @@ section {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.schedule-container {
|
||||
display: grid;
|
||||
margin: auto;
|
||||
grid-gap: 0.2rem;
|
||||
grid-template-columns: 4rem repeat(4, 1fr);
|
||||
grid-template-rows: repeat(14, 1fr);
|
||||
grid-template-areas: "time800 stage stage stage stage" "time900 stage stage stage stage" "time1000 stage stage stage stage" "time1100 stage stage stage stage" "time1200 stage stage stage stage" "time1300 stage stage stage stage" "time1400 stage stage stage stage" "time1500 stage stage stage stage" "time1600 stage stage stage stage" "time1700 stage stage stage stage" "time1800 stage stage stage stage" "time1900 stage stage stage stage" "time2000 stage stage stage stage" "time2100 stage stage stage stage";
|
||||
}
|
||||
|
||||
/**
|
||||
* Time
|
||||
*/
|
||||
.time {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
height: 100%;
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
.time span {
|
||||
position: relative;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
.time.start-800 {
|
||||
grid-area: time800;
|
||||
}
|
||||
.time.start-900 {
|
||||
grid-area: time900;
|
||||
}
|
||||
.time.start-1000 {
|
||||
grid-area: time1000;
|
||||
}
|
||||
.time.start-1100 {
|
||||
grid-area: time1100;
|
||||
}
|
||||
.time.start-1200 {
|
||||
grid-area: time1200;
|
||||
}
|
||||
.time.start-1300 {
|
||||
grid-area: time1300;
|
||||
}
|
||||
.time.start-1400 {
|
||||
grid-area: time1400;
|
||||
}
|
||||
.time.start-1500 {
|
||||
grid-area: time1500;
|
||||
}
|
||||
.time.start-1600 {
|
||||
grid-area: time1600;
|
||||
}
|
||||
.time.start-1700 {
|
||||
grid-area: time1700;
|
||||
}
|
||||
.time.start-1800 {
|
||||
grid-area: time1800;
|
||||
}
|
||||
.time.start-1900 {
|
||||
grid-area: time1900;
|
||||
}
|
||||
.time.start-2000 {
|
||||
grid-area: time2000;
|
||||
}
|
||||
.time.start-2100 {
|
||||
grid-area: time2100;
|
||||
}
|
||||
|
||||
/**
|
||||
* Event
|
||||
*/
|
||||
.event {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
padding: 0.2rem 1rem;
|
||||
background-color: rgb(157, 0, 149);
|
||||
border-radius: 0.2rem;
|
||||
font-size: 18px;
|
||||
border-top: thin solid rgb(68, 68, 68);
|
||||
}
|
||||
.event span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
color: rgb(177, 177, 177);
|
||||
}
|
||||
.event.empty {
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
.event.start-800 {
|
||||
grid-row-start: time800;
|
||||
}
|
||||
.event.start-900 {
|
||||
grid-row-start: time900;
|
||||
}
|
||||
.event.start-1000 {
|
||||
grid-row-start: time1000;
|
||||
}
|
||||
.event.start-1100 {
|
||||
grid-row-start: time1100;
|
||||
}
|
||||
.event.start-1200 {
|
||||
grid-row-start: time1200;
|
||||
}
|
||||
.event.start-1300 {
|
||||
grid-row-start: time1300;
|
||||
}
|
||||
.event.start-1400 {
|
||||
grid-row-start: time1400;
|
||||
}
|
||||
.event.start-1500 {
|
||||
grid-row-start: time1500;
|
||||
}
|
||||
.event.start-1600 {
|
||||
grid-row-start: time1600;
|
||||
}
|
||||
.event.start-1700 {
|
||||
grid-row-start: time1700;
|
||||
}
|
||||
.event.start-1800 {
|
||||
grid-row-start: time1800;
|
||||
}
|
||||
.event.start-1900 {
|
||||
grid-row-start: time1900;
|
||||
}
|
||||
.event.start-2000 {
|
||||
grid-row-start: time2000;
|
||||
}
|
||||
.event.start-2100 {
|
||||
grid-row-start: time2100;
|
||||
}
|
||||
.event.end-800 {
|
||||
grid-row-end: time800;
|
||||
}
|
||||
.event.end-900 {
|
||||
grid-row-end: time900;
|
||||
}
|
||||
.event.end-1000 {
|
||||
grid-row-end: time1000;
|
||||
}
|
||||
.event.end-1100 {
|
||||
grid-row-end: time1100;
|
||||
}
|
||||
.event.end-1200 {
|
||||
grid-row-end: time1200;
|
||||
}
|
||||
.event.end-1300 {
|
||||
grid-row-end: time1300;
|
||||
}
|
||||
.event.end-1400 {
|
||||
grid-row-end: time1400;
|
||||
}
|
||||
.event.end-1500 {
|
||||
grid-row-end: time1500;
|
||||
}
|
||||
.event.end-1600 {
|
||||
grid-row-end: time1600;
|
||||
}
|
||||
.event.end-1700 {
|
||||
grid-row-end: time1700;
|
||||
}
|
||||
.event.end-1800 {
|
||||
grid-row-end: time1800;
|
||||
}
|
||||
.event.end-1900 {
|
||||
grid-row-end: time1900;
|
||||
}
|
||||
.event.end-2000 {
|
||||
grid-row-end: time2000;
|
||||
}
|
||||
.event.end-2100 {
|
||||
grid-row-end: time2100;
|
||||
}
|
||||
.event.length-1 {
|
||||
grid-column-end: span 1;
|
||||
}
|
||||
.event.length-2 {
|
||||
grid-column-end: span 2;
|
||||
}
|
||||
.event.length-3 {
|
||||
grid-column-end: span 3;
|
||||
}
|
||||
.event.length-4 {
|
||||
grid-column-end: span 4;
|
||||
}
|
||||
.event.small {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.event.logistics {
|
||||
background-color: rgb(147, 29, 141);
|
||||
}
|
||||
.event.hacking {
|
||||
background-color: rgb(53, 53, 199);
|
||||
}
|
||||
.event.food {
|
||||
background-color: #03833b;
|
||||
}
|
||||
.event.workshop {
|
||||
background-color: rgb(109, 40, 194);
|
||||
}
|
||||
.event.game {
|
||||
background-color: rgb(105, 94, 139);
|
||||
}
|
||||
|
||||
|
||||
#map-article {
|
||||
margin: 20px auto 0;
|
||||
width: 90%;
|
||||
|
||||
202
css/schedule.css
202
css/schedule.css
@ -1,202 +0,0 @@
|
||||
.schedule-container {
|
||||
display: grid;
|
||||
margin: auto;
|
||||
grid-gap: 0.2rem;
|
||||
grid-template-columns: 4rem repeat(4, 1fr);
|
||||
grid-template-rows: repeat(14, 1fr);
|
||||
grid-template-areas: "time800 stage stage stage stage" "time900 stage stage stage stage" "time1000 stage stage stage stage" "time1100 stage stage stage stage" "time1200 stage stage stage stage" "time1300 stage stage stage stage" "time1400 stage stage stage stage" "time1500 stage stage stage stage" "time1600 stage stage stage stage" "time1700 stage stage stage stage" "time1800 stage stage stage stage" "time1900 stage stage stage stage" "time2000 stage stage stage stage" "time2100 stage stage stage stage";
|
||||
}
|
||||
|
||||
/**
|
||||
* Time
|
||||
*/
|
||||
.time {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
height: 100%;
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
.time.start-800 {
|
||||
grid-area: time800;
|
||||
}
|
||||
.time.start-900 {
|
||||
grid-area: time900;
|
||||
}
|
||||
.time.start-1000 {
|
||||
grid-area: time1000;
|
||||
}
|
||||
.time.start-1100 {
|
||||
grid-area: time1100;
|
||||
}
|
||||
.time.start-1200 {
|
||||
grid-area: time1200;
|
||||
}
|
||||
.time.start-1300 {
|
||||
grid-area: time1300;
|
||||
}
|
||||
.time.start-1400 {
|
||||
grid-area: time1400;
|
||||
}
|
||||
.time.start-1500 {
|
||||
grid-area: time1500;
|
||||
}
|
||||
.time.start-1600 {
|
||||
grid-area: time1600;
|
||||
}
|
||||
.time.start-1700 {
|
||||
grid-area: time1700;
|
||||
}
|
||||
.time.start-1800 {
|
||||
grid-area: time1800;
|
||||
}
|
||||
.time.start-1900 {
|
||||
grid-area: time1900;
|
||||
}
|
||||
.time.start-2000 {
|
||||
grid-area: time2000;
|
||||
}
|
||||
.time.start-2100 {
|
||||
grid-area: time2100;
|
||||
}
|
||||
|
||||
/**
|
||||
* Event
|
||||
*/
|
||||
.event {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
padding: 0.5rem 1rem;
|
||||
background-color: orange;
|
||||
border-radius: 0.2rem;
|
||||
font-size: 0.8rem;
|
||||
font-weight: bold;
|
||||
line-height: 1.4;
|
||||
border-top: thin solid rgb(68, 68, 68);
|
||||
}
|
||||
.event span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 0.8em;
|
||||
font-weight: normal;
|
||||
}
|
||||
.event.empty {
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
.event.start-800 {
|
||||
grid-row-start: time800;
|
||||
}
|
||||
.event.start-900 {
|
||||
grid-row-start: time900;
|
||||
}
|
||||
.event.start-1000 {
|
||||
grid-row-start: time1000;
|
||||
}
|
||||
.event.start-1100 {
|
||||
grid-row-start: time1100;
|
||||
}
|
||||
.event.start-1200 {
|
||||
grid-row-start: time1200;
|
||||
}
|
||||
.event.start-1300 {
|
||||
grid-row-start: time1300;
|
||||
}
|
||||
.event.start-1400 {
|
||||
grid-row-start: time1400;
|
||||
}
|
||||
.event.start-1500 {
|
||||
grid-row-start: time1500;
|
||||
}
|
||||
.event.start-1600 {
|
||||
grid-row-start: time1600;
|
||||
}
|
||||
.event.start-1700 {
|
||||
grid-row-start: time1700;
|
||||
}
|
||||
.event.start-1800 {
|
||||
grid-row-start: time1800;
|
||||
}
|
||||
.event.start-1900 {
|
||||
grid-row-start: time1900;
|
||||
}
|
||||
.event.start-2000 {
|
||||
grid-row-start: time2000;
|
||||
}
|
||||
.event.start-2100 {
|
||||
grid-row-start: time2100;
|
||||
}
|
||||
.event.end-800 {
|
||||
grid-row-end: time800;
|
||||
}
|
||||
.event.end-900 {
|
||||
grid-row-end: time900;
|
||||
}
|
||||
.event.end-1000 {
|
||||
grid-row-end: time1000;
|
||||
}
|
||||
.event.end-1100 {
|
||||
grid-row-end: time1100;
|
||||
}
|
||||
.event.end-1200 {
|
||||
grid-row-end: time1200;
|
||||
}
|
||||
.event.end-1300 {
|
||||
grid-row-end: time1300;
|
||||
}
|
||||
.event.end-1400 {
|
||||
grid-row-end: time1400;
|
||||
}
|
||||
.event.end-1500 {
|
||||
grid-row-end: time1500;
|
||||
}
|
||||
.event.end-1600 {
|
||||
grid-row-end: time1600;
|
||||
}
|
||||
.event.end-1700 {
|
||||
grid-row-end: time1700;
|
||||
}
|
||||
.event.end-1800 {
|
||||
grid-row-end: time1800;
|
||||
}
|
||||
.event.end-1900 {
|
||||
grid-row-end: time1900;
|
||||
}
|
||||
.event.end-2000 {
|
||||
grid-row-end: time2000;
|
||||
}
|
||||
.event.end-2100 {
|
||||
grid-row-end: time2100;
|
||||
}
|
||||
.event.length-1 {
|
||||
grid-column-end: span 1;
|
||||
}
|
||||
.event.length-2 {
|
||||
grid-column-end: span 2;
|
||||
}
|
||||
.event.length-3 {
|
||||
grid-column-end: span 3;
|
||||
}
|
||||
.event.length-4 {
|
||||
grid-column-end: span 4;
|
||||
}
|
||||
.event.stage-earth {
|
||||
background-color: #ffa726;
|
||||
}
|
||||
.event.stage-mercury {
|
||||
background-color: #9ccc65;
|
||||
}
|
||||
.event.stage-venus {
|
||||
background-color: #ff8a65;
|
||||
}
|
||||
.event.stage-mars {
|
||||
background-color: #b3e5fc;
|
||||
}
|
||||
.event.stage-jupiter {
|
||||
background-color: #81d4fa;
|
||||
}
|
||||
.event.stage-saturn {
|
||||
background-color: #26c6da;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=schedule.css.map */
|
||||
@ -1 +0,0 @@
|
||||
{"version":3,"sourceRoot":"","sources":["schedule.scss"],"names":[],"mappings":"AAKA;EACC;EACA;EAEA;EACA;EACA,qBACC;;;AAgBF;AAAA;AAAA;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGC;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AAIF;EACC;EACA;;;AAIF;AAAA;AAAA;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAIA;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AAKD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AAKD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AAIF;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC","file":"schedule.css"}
|
||||
@ -1,109 +0,0 @@
|
||||
$blockTimes: 800, 900, 1000, 1100, 1200, 1300,
|
||||
1400, 1500, 1600, 1700, 1800, 1900, 2000,
|
||||
2100;
|
||||
$blockLengths: 1, 2, 3, 4;
|
||||
|
||||
.schedule-container {
|
||||
display: grid;
|
||||
grid-gap: 0.2rem;
|
||||
|
||||
grid-template-columns: 5rem repeat(4, 1fr);
|
||||
grid-template-rows: repeat(14, 1fr);
|
||||
grid-template-areas:
|
||||
"time800 stage stage stage stage"
|
||||
"time900 stage stage stage stage"
|
||||
"time1000 stage stage stage stage"
|
||||
"time1100 stage stage stage stage"
|
||||
"time1200 stage stage stage stage"
|
||||
"time1300 stage stage stage stage"
|
||||
"time1400 stage stage stage stage"
|
||||
"time1500 stage stage stage stage"
|
||||
"time1600 stage stage stage stage"
|
||||
"time1700 stage stage stage stage"
|
||||
"time1800 stage stage stage stage"
|
||||
"time1900 stage stage stage stage"
|
||||
"time2000 stage stage stage stage"
|
||||
"time2100 stage stage stage stage"
|
||||
}
|
||||
|
||||
/**
|
||||
* Time
|
||||
*/
|
||||
.time {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
border-top: thin dotted #ccc;
|
||||
height: 100%;
|
||||
padding: 0 0.5rem;
|
||||
|
||||
@each $time in $blockTimes {
|
||||
&.start-#{$time} {
|
||||
grid-area: time#{$time};
|
||||
}
|
||||
}
|
||||
|
||||
&[class*="30"]:not(.start-1300) {
|
||||
font-size: 0.8rem;
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Event
|
||||
*/
|
||||
.event {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
padding: 0.5rem 1rem;
|
||||
background-color: orange;
|
||||
border-radius: 0.2rem;
|
||||
font-size: 0.8rem;
|
||||
font-weight: bold;
|
||||
line-height: 1.4;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 0.8em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
@each $time in $blockTimes {
|
||||
&.start-#{$time} {
|
||||
grid-row-start: time#{$time};
|
||||
}
|
||||
}
|
||||
|
||||
@each $time in $blockTimes {
|
||||
&.end-#{$time} {
|
||||
grid-row-end: time#{$time};
|
||||
}
|
||||
}
|
||||
|
||||
@each $length in $blockLengths {
|
||||
&.length-#{$length} {
|
||||
grid-column-end: span #{$length};
|
||||
}
|
||||
}
|
||||
|
||||
&.stage-earth {
|
||||
background-color: #ffa726;
|
||||
}
|
||||
&.stage-mercury {
|
||||
background-color: #9ccc65;
|
||||
}
|
||||
&.stage-venus {
|
||||
background-color: #ff8a65;
|
||||
}
|
||||
&.stage-mars {
|
||||
background-color: #b3e5fc;
|
||||
}
|
||||
&.stage-jupiter {
|
||||
background-color: #81d4fa;
|
||||
}
|
||||
&.stage-saturn {
|
||||
background-color: #26c6da;
|
||||
}
|
||||
}
|
||||
BIN
img/logo_mini.png
Normal file
BIN
img/logo_mini.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
199
index.html
199
index.html
@ -15,7 +15,6 @@
|
||||
|
||||
<title>Gilroy Hacks</title>
|
||||
<link href="css/general.css" rel="stylesheet" type="text/css" media="all">
|
||||
<link href="css/schedule.css" rel="stylesheet" type="text/css" media="all">
|
||||
<link href="css/scroll_nav.css" rel="stylesheet" type="text/css" media="all">
|
||||
<link rel="stylesheet" href="css/leaflet.css"/>
|
||||
<link rel="icon" href="img/icon.ico">
|
||||
@ -152,16 +151,10 @@
|
||||
<hr class="line">
|
||||
<div class="list">
|
||||
<p>"Grab a team and make something cool."<br>        - GHacks Team</p>
|
||||
<h3 class="desc-title">Main Events</h3>
|
||||
<ul class="desc-list">
|
||||
<ul>
|
||||
<li><span class="emphasis-text">April 15 - 16</span> -> Spring 2023 will be held fully in person at the Gilroy Library!</li>
|
||||
</ul>
|
||||
</ul>
|
||||
<h3 class="desc-title">Details</h3>
|
||||
<ul class="desc-list">
|
||||
<ul>
|
||||
<li><u>In-Person</u> - All events will be held in person</li>
|
||||
<li><span class="emphasis-text"><u>In-Person</u></span> - All events will be held in person</li>
|
||||
<li>Signups are limited to <u>high school students only</u></li>
|
||||
<li>Workshops are <u>fully open to the public</u></li>
|
||||
</ul>
|
||||
@ -385,9 +378,6 @@
|
||||
<a href="https://sccld.org/" target="_blank">
|
||||
<img id="gilroy-library-logo" src="img/SCCLD_logo.png" alt="Gilroy Library logo">
|
||||
</a>
|
||||
<a href="https://www.gavilan.edu/" target="_blank">
|
||||
<img id="gavilan-college-logo" src="img/gavilan_college.png" alt="Gavilan College logo">
|
||||
</a>
|
||||
<a href="https://www.gavengineering.club/" target="_blank">
|
||||
<img id="gear-club-logo" src="img/gear_logo.png" alt="GEAR Club logo">
|
||||
</a>
|
||||
@ -396,37 +386,43 @@
|
||||
</div>
|
||||
|
||||
<!-- Schedule -->
|
||||
<div id="schedule-title">
|
||||
<h2 id="schedule-heading">Event Schedule</h2>
|
||||
<span class="caption">The official Spring 2023 Hackathon schedule</span>
|
||||
</div>
|
||||
<div class="schedule-parent" id="schedule-pa">
|
||||
<div class="schedule-element">
|
||||
<h3 class="time-column-header">Saturday</h3>
|
||||
<div class="schedule-container">
|
||||
<!-- TIMES -->
|
||||
<div class="time start-800">8:00am</div>
|
||||
<div class="time start-900">9:00am</div>
|
||||
<div class="time start-1000">10:00am</div>
|
||||
<div class="time start-1100">11:00am</div>
|
||||
<div class="time start-1200">12:00pm</div>
|
||||
<div class="time start-1300">1:00pm</div>
|
||||
<div class="time start-1400">2:00pm</div>
|
||||
<div class="time start-1500">3:00pm</div>
|
||||
<div class="time start-1600">4:00pm</div>
|
||||
<div class="time start-1700">5:00pm</div>
|
||||
<div class="time start-1800">6:00pm</div>
|
||||
<div class="time start-1900">7:00pm</div>
|
||||
<div class="time start-2000">8:00pm</div>
|
||||
<div class="time start-2100">9:00pm</div>
|
||||
<div class="time start-800"><span>8:00am</span></div>
|
||||
<div class="time start-900"><span>9:00am</span></div>
|
||||
<div class="time start-1000"><span>10:00am</span></div>
|
||||
<div class="time start-1100"><span>11:00am</span></div>
|
||||
<div class="time start-1200"><span>12:00pm</span></div>
|
||||
<div class="time start-1300"><span>1:00pm</span></div>
|
||||
<div class="time start-1400"><span>2:00pm</span></div>
|
||||
<div class="time start-1500"><span>3:00pm</span></div>
|
||||
<div class="time start-1600"><span>4:00pm</span></div>
|
||||
<div class="time start-1700"><span>5:00pm</span></div>
|
||||
<div class="time start-1800"><span>6:00pm</span></div>
|
||||
<div class="time start-1900"><span>7:00pm</span></div>
|
||||
<div class="time start-2000"><span>8:00pm</span></div>
|
||||
<div class="time start-2100"><span>9:00pm</span></div>
|
||||
|
||||
<!-- EVENTS -->
|
||||
<div class="event stage-saturn start-800 end-800 length-4">Arrival and registration <span>Registration Area</span></div>
|
||||
<div class="event start-800 end-800 length-4 empty"></div>
|
||||
<div class="event start-900 end-900 length-4 empty"></div>
|
||||
<div class="event start-1000 end-1000 length-4 empty"></div>
|
||||
<div class="event logistics start-1000 end-1000 length-1">Check In<span>10 - 10:15am</span></div>
|
||||
<div class="event logistics start-1000 end-1000 length-2">Opening Ceremony<span>10:15 - 11am</span></div>
|
||||
<div class="event hacking start-1000 end-1000 length-1 small">Hacking starts<span>Start 11am</span></div>
|
||||
<div class="event start-1100 end-1100 length-4 empty"></div>
|
||||
<div class="event start-1200 end-1200 length-4 empty"></div>
|
||||
<div class="event start-1300 end-1300 length-4 empty"></div>
|
||||
<div class="event food start-1200 end-1200 length-4">Lunch<span>12 - 1pm</span></div>
|
||||
<div class="event workshop start-1300 end-1300 length-4">Web Dev Workshop<span>1 - 2pm</span></div>
|
||||
<div class="event start-1400 end-1400 length-4 empty"></div>
|
||||
<div class="event start-1500 end-1500 length-4 empty"></div>
|
||||
<div class="event workshop start-1500 end-1500 length-4">[REDACTED] Workshop<span>3 - 4pm</span></div>
|
||||
<div class="event start-1600 end-1600 length-4 empty"></div>
|
||||
<div class="event start-1700 end-1700 length-4 empty"></div>
|
||||
<div class="event game start-1700 end-1700 length-4">Kahoot (win a cool prize!)<span>Start 5pm</span></div>
|
||||
<div class="event start-1800 end-1800 length-4 empty"></div>
|
||||
<div class="event start-1900 end-1900 length-4 empty"></div>
|
||||
<div class="event start-2000 end-2000 length-4 empty"></div>
|
||||
@ -437,31 +433,32 @@
|
||||
<h3 class="time-column-header">Sunday</h3>
|
||||
<div class="schedule-container">
|
||||
<!-- TIMES -->
|
||||
<div class="time start-800">8:00am</div>
|
||||
<div class="time start-900">9:00am</div>
|
||||
<div class="time start-1000">10:00am</div>
|
||||
<div class="time start-1100">11:00am</div>
|
||||
<div class="time start-1200">12:00pm</div>
|
||||
<div class="time start-1300">1:00pm</div>
|
||||
<div class="time start-1400">2:00pm</div>
|
||||
<div class="time start-1500">3:00pm</div>
|
||||
<div class="time start-1600">4:00pm</div>
|
||||
<div class="time start-1700">5:00pm</div>
|
||||
<div class="time start-1800">6:00pm</div>
|
||||
<div class="time start-1900">7:00pm</div>
|
||||
<div class="time start-2000">8:00pm</div>
|
||||
<div class="time start-2100">9:00pm</div>
|
||||
<div class="time start-800"><span>8:00am</span></div>
|
||||
<div class="time start-900"><span>9:00am</span></div>
|
||||
<div class="time start-1000"><span>10:00am</span></div>
|
||||
<div class="time start-1100"><span>11:00am</span></div>
|
||||
<div class="time start-1200"><span>12:00pm</span></div>
|
||||
<div class="time start-1300"><span>1:00pm</span></div>
|
||||
<div class="time start-1400"><span>2:00pm</span></div>
|
||||
<div class="time start-1500"><span>3:00pm</span></div>
|
||||
<div class="time start-1600"><span>4:00pm</span></div>
|
||||
<div class="time start-1700"><span>5:00pm</span></div>
|
||||
<div class="time start-1800"><span>6:00pm</span></div>
|
||||
<div class="time start-1900"><span>7:00pm</span></div>
|
||||
<div class="time start-2000"><span>8:00pm</span></div>
|
||||
<div class="time start-2100"><span>9:00pm</span></div>
|
||||
|
||||
<!-- EVENTS -->
|
||||
<div class="event stage-saturn start-800 end-800 length-4">Arrival and registration <span>Registration Area</span></div>
|
||||
<div class="event start-800 end-800 length-4 empty"></div>
|
||||
<div class="event start-900 end-900 length-4 empty"></div>
|
||||
<div class="event start-1000 end-1000 length-4 empty"></div>
|
||||
<div class="event start-1100 end-1100 length-4 empty"></div>
|
||||
<div class="event start-1200 end-1200 length-4 empty"></div>
|
||||
<div class="event start-1300 end-1300 length-4 empty"></div>
|
||||
<div class="event start-1400 end-1400 length-4 empty"></div>
|
||||
<div class="event start-1500 end-1500 length-4 empty"></div>
|
||||
<div class="event start-1600 end-1600 length-4 empty"></div>
|
||||
<div class="event hacking start-1400 end-1400 length-1 small">Hacking Ends<span>Deadline: 2pm</span></div>
|
||||
<div class="event logistics start-1400 end-1500 length-3">Project Presentations<span>Start 2:15pm</span></div>
|
||||
<div class="event start-1600 end-1600 length-2">Judging<span>4 - 4:30pm</span></div>
|
||||
<div class="event start-1600 end-1600 length-2">Awards Ceremony<span>4:30 - 5pm</span></div>
|
||||
<div class="event start-1700 end-1700 length-4 empty"></div>
|
||||
<div class="event start-1800 end-1800 length-4 empty"></div>
|
||||
<div class="event start-1900 end-1900 length-4 empty"></div>
|
||||
@ -471,110 +468,6 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div id="map-article">
|
||||
<div id="cal-parent">
|
||||
<article id="cal-container">
|
||||
<h2 class="map-title">Calendar</h2>
|
||||
<div class="cal-card">
|
||||
<div class="cal-entry">
|
||||
<div class="cal-date" id="fri">
|
||||
<span class="day-of-week">FRI</span>
|
||||
<span class="cal-subtitle">8/12</span>
|
||||
</div>
|
||||
<div class="vertical-line"></div>
|
||||
<div class="cal-desc">
|
||||
<h3 class="cal-title">Community Room</h3>
|
||||
<div class="event-list">
|
||||
<div class="event-entry">
|
||||
<div class="time-column">
|
||||
<span class="event-time">4-5pm</span>
|
||||
</div>
|
||||
<div class="event-column">
|
||||
<span class="event-title">Opening Ceremony</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cal-card">
|
||||
<div class="cal-entry">
|
||||
<div class="cal-date" id="sat">
|
||||
<span class="day-of-week">SAT</span>
|
||||
<span class="cal-subtitle">8/13</span>
|
||||
</div>
|
||||
<div class="vertical-line"></div>
|
||||
<div class="cal-desc">
|
||||
<h3 class="cal-title">Community Room</h3>
|
||||
<div class="event-list">
|
||||
<div class="event-entry">
|
||||
<div class="time-column">
|
||||
<span class="event-time">10am-5:30pm</span>
|
||||
</div>
|
||||
<div class="event-column">
|
||||
<span class="event-title">In-Person Hacking Session</span>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="cal-title">Computer Lab</h3>
|
||||
<div class="event-entry">
|
||||
<div class="time-column">
|
||||
<span class="event-time">11am-12pm</span>
|
||||
</div>
|
||||
<div class="event-column">
|
||||
<span class="event-title">Web Dev Workshop</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="event-entry">
|
||||
<div class="time-column">
|
||||
<span class="event-time">1-2pm</span>
|
||||
</div>
|
||||
<div class="event-column">
|
||||
<span class="event-title">Python Workshop</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cal-card">
|
||||
<div class="cal-entry">
|
||||
<div class="cal-date" id="sun">
|
||||
<span class="day-of-week">SUN</span>
|
||||
<span class="cal-subtitle">8/14</span>
|
||||
</div>
|
||||
<div class="vertical-line"></div>
|
||||
<div class="cal-desc">
|
||||
<h3 class="cal-title">Community Room</h3>
|
||||
<div class="event-list">
|
||||
<div class="event-entry">
|
||||
<div class="time-column">
|
||||
<span class="event-time">1-2pm</span>
|
||||
</div>
|
||||
<div class="event-column">
|
||||
<span class="event-title">In-Person Hacking Session</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="event-entry">
|
||||
<div class="time-column">
|
||||
<span class="event-time">2:30-3:30pm</span>
|
||||
</div>
|
||||
<div class="event-column">
|
||||
<span class="event-title">Project Presentations</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="event-entry">
|
||||
<div class="time-column">
|
||||
<span class="event-time">4-4:30pm</span>
|
||||
</div>
|
||||
<div class="event-column">
|
||||
<span class="event-title">Awards Ceremony</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="bottom-text">*All events will be held in-person at the Gilroy Library</p>
|
||||
</article>
|
||||
<article id="map-div">
|
||||
<h2 class="map-title">Location</h2>
|
||||
<div id="map-container">
|
||||
|
||||
@ -136,7 +136,28 @@ document.addEventListener('DOMContentLoaded', function(){
|
||||
});
|
||||
|
||||
// Adding the class animations to these elements
|
||||
let elements_id = ['#description-heading', '#event-main-box', '#timeline', '#signup-title', '#steps-card', '#sponsor-title', '#sponsor-container', '#schedule-pa', '#workshops-description', '#second-podium', '#first-podium', '#third-podium', '#chart', '#prize-box', '#administration', '#logistics', '#outreach', '#tech', '#marketing'];
|
||||
let elements_id = [
|
||||
'#description-heading',
|
||||
'#event-main-box',
|
||||
'#timeline',
|
||||
'#signup-title',
|
||||
'#steps-card',
|
||||
'#sponsor-title',
|
||||
'#sponsor-container',
|
||||
'#schedule-title',
|
||||
'#schedule-pa',
|
||||
'#workshops-description',
|
||||
'#second-podium',
|
||||
'#first-podium',
|
||||
'#third-podium',
|
||||
'#chart',
|
||||
'#prize-box',
|
||||
'#administration',
|
||||
'#logistics',
|
||||
'#outreach',
|
||||
'#tech',
|
||||
'#marketing'
|
||||
];
|
||||
elements_id.forEach(entry => {
|
||||
var thing = document.querySelector(entry)
|
||||
observer.observe(document.querySelector(entry));
|
||||
|
||||
Loading…
Reference in New Issue
Block a user