diff --git a/css/general.css b/css/general.css index 41a5e2d..40c6a92 100644 --- a/css/general.css +++ b/css/general.css @@ -1,7 +1,10 @@ /* -Gilroy Hacks Website Source Code -> CSS (https://gilroyhacks.com) + Gilroy Hacks Website Source Code -> CSS (https://gilroyhacks.com) -For more info, contact jamesdinh77 (at) protonmail (dot) com + Web-Designed by James Dinh ᓚᘏᗢ from scratch using pure HTML, CSS, and JS + For more info, contact jamesdinh77 (at) protonmail (dot) com + + Copyright Disclaimer: This Source Code is Copyright (c) 2022 Gilroy Hacks All Rights Reserved. */ html { @@ -16,7 +19,7 @@ html { } nav { - height: auto; + height: 59px; width: 100%; overflow: hidden; top: 0; @@ -141,6 +144,56 @@ nav li a:focus::after{ transition: 0.5s; } +#banner-text { + height: 100%; + width: 70%; + margin: auto; + font-size: 20px; + display: inline-flex; + position: absolute; + justify-content: center; + align-items: center; +} + +#banner-moving-text { + animation: headline 20s infinite; +} +.sub-text { + color: gray; +} + +@keyframes blinking { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes headline { + 0% { + transform: translateX(10vw); + opacity: 0; + } + 15% { + opacity: 1; + } + 50% { + opacity: 1;; + transform: translateX(-20vw); + } + 60% { + opacity: 0; + } + 100% { + opacity: 0; + transform: translateX(-20vw); + } +} + /* .notification { position: absolute; text-align: center; @@ -343,6 +396,11 @@ nav li a:focus::after{ padding: 5px; } +#spots-container:hover, #header-subtitle-date:hover { + transform: translateY(-2px); + transition: 0.5s; +} + #entrance-arrow { width: 50px; height: 50px; @@ -830,6 +888,7 @@ section { @media (max-width: 630px) { .flex-parent { justify-content: initial; + margin-top: 0; } .input-flex-container { @@ -847,10 +906,6 @@ section { margin: 0 10px 50px; } - input { - background-color: transparent !important; - z-index: 1; - } .timeline-input::before, .timeline-input::after { content: none; } diff --git a/index.html b/index.html index ece188f..7a1fb5a 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,12 @@ @@ -43,6 +46,7 @@ + -
@@ -127,7 +130,7 @@
- 8/14 3:30pm + 8/14 4:00pm Awards Ceremony
@@ -202,10 +205,10 @@

Awards Ceremony

-

8/14 | 3:30pm - 4:00pm


-

Congratuations! Judge scores are tallied and here's where we announce the 1st, 2nd, and 3rd place teams along with positive feedback for each.
+

8/14 | 4:00pm - 4:30pm


+

Congratuations! Judge scores are tallied and here's where we announce the 1st, 2nd, and 3rd place teams along with constructive feedback for each in the Community Room.

diff --git a/js/data_checkbox.js b/js/data_checkbox.js index 1057d1a..231942e 100644 --- a/js/data_checkbox.js +++ b/js/data_checkbox.js @@ -1,3 +1,5 @@ +// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com) + var i; var checkboxes = document.querySelectorAll('#signup-container input[type=checkbox]'); var verify = true; diff --git a/js/map.js b/js/map.js index 0f1c0f5..80850e2 100644 --- a/js/map.js +++ b/js/map.js @@ -1,3 +1,5 @@ +// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com) + var map = L.map('map').setView([37.00508, -121.57268], 18); var myIcon = L.icon({ @@ -12,13 +14,4 @@ L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { let marker = L.marker([37.00529, -121.572764], {icon: myIcon}).addTo(map) L.popup().setLatLng([37.00529, -121.572697]).setContent('

Gilroy Library


350 W 6th St, Gilroy, CA 95020') - .openOn(map); - -// var circle = L.circle([37.00508, -121.57268], { -// color: 'blue', -// fillColor: '#6393c4d2', -// fillOpacity: 0.5, -// radius: 50 -// }).addTo(map) -// .bindPopup('

Gilroy Library


350 W 6th St, Gilroy, CA 95020') -// .openPopup(); \ No newline at end of file + .openOn(map); \ No newline at end of file diff --git a/js/scroll_element.js b/js/scroll_element.js index 70d545a..636f0c7 100644 --- a/js/scroll_element.js +++ b/js/scroll_element.js @@ -1,3 +1,5 @@ +// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com) + // Creating an observer when the user views that element const observer = new IntersectionObserver(entries => { // Loop over the entries diff --git a/js/scroll_nav.js b/js/scroll_nav.js index 4c2fdb7..84f88c6 100644 --- a/js/scroll_nav.js +++ b/js/scroll_nav.js @@ -1,3 +1,4 @@ +// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com) // Toggle the .pa-fixed-header class when the user // scroll 100px