diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..a708d0d Binary files /dev/null and b/.DS_Store differ diff --git a/css/general.css b/css/general.css index b92a426..00a376a 100644 --- a/css/general.css +++ b/css/general.css @@ -153,12 +153,12 @@ nav li a:focus::after{ #banner { height: 100%; /* width: 50%; */ - width: 500px; + width: 380px; margin: auto; font-size: 20px; display: inline-flex; position: relative; - justify-content: center; + justify-content: left; overflow: hidden; align-items: center; } @@ -171,7 +171,14 @@ nav li a:focus::after{ #timer { color: rgb(184, 184, 184); - animation: blinking 2s infinite; + animation: blinking 3s infinite; + background-color: rgb(57, 57, 57); + border-radius: 10px; + padding: 2px 5px; +} + +.tooltip-nav { + text-decoration: none; } @keyframes blinking { @@ -179,13 +186,13 @@ nav li a:focus::after{ opacity: 1; } 50% { - opacity: 0.7; + opacity: 0.8; } 100% { opacity: 1; } } -@keyframes headline { +/* @keyframes headline { 0% { transform: translateX(600px); } @@ -195,7 +202,7 @@ nav li a:focus::after{ 100% { transform: translateX(-600px); } -} +} */ /* .notification { position: absolute; @@ -223,7 +230,7 @@ nav li a:focus::after{ } /* Responsive Functions */ -@media (max-width: 1250px) { +@media (max-width: 1150px) { #banner { display: none; } @@ -272,6 +279,15 @@ nav li a:focus::after{ height: 300px !important; width: 300px !important; } + #banner { + display: inline-flex; + width: 300px; + } +} +@media (max-width: 750px) { + #banner { + display: none; + } } @media (max-width: 500px) { #event, #rules, #prizes, #team { @@ -295,19 +311,18 @@ nav li a:focus::after{ transform: scale(0.9); } } -@media (max-height: 500px) { +@media (max-height: 600px) { #logo { - height: 200px !important; - width: 200px !important; + transform: scale(0.8); } #header-subtitle-date { - height: 25px; - font-size: 15px; + transform: translateY(-50px); } - #header-subtitle-spots { - height: 25px; - font-size: 15px; - padding: 3px !important; + #spots-container { + transform: translateY(-50px); + } + #line-header { + transform: translateY(-50px); } #entrance-arrow { visibility: hidden; @@ -1780,7 +1795,7 @@ section { } } -abbr[title] { +.tooltip { text-decoration: underline dotted; cursor: help; } diff --git a/img/.DS_Store b/img/.DS_Store new file mode 100644 index 0000000..908f667 Binary files /dev/null and b/img/.DS_Store differ diff --git a/index.html b/index.html index 7596387..e7c2dbe 100644 --- a/index.html +++ b/index.html @@ -62,7 +62,7 @@
  • Team
    • @@ -419,7 +419,7 @@
    -

    Map

    +

    Location

    @@ -448,7 +448,7 @@

    Do not plagiarize

    - - You are allowed to use existing libraries and packages with a valid license and give credit when credit is due (required, unless under Creative Commons or Open Source Licensing) + - You are allowed to use existing libraries and packages with a valid license and give credit when credit is due (required, unless under Creative Commons or Open Source Licensing)
    - You may also use old projects as frameworks for your product, but you cannot work on any material that is related to the hackathon before the event

    diff --git a/js/timer.js b/js/timer.js index 71c23d8..1b43910 100644 --- a/js/timer.js +++ b/js/timer.js @@ -1,29 +1,29 @@ -// SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp -// Set the date we're counting down to -var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime(); - -// Update the count down every 1 second -var x = setInterval(function() { - - // Get today's date and time - var now = new Date().getTime(); - - // Find the distance between now and the count down date - var distance = countDownDate - now; - - // Time calculations for days, hours, minutes and seconds - var days = Math.floor(distance / (1000 * 60 * 60 * 24)); - var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); - var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); - var seconds = Math.floor((distance % (1000 * 60)) / 1000); - - // Display the result in the element with id="demo" - document.getElementById("timer").innerHTML = days + "d " + hours + "h"; - // + minutes + "m " + seconds + "s "; - - // If the count down is finished, write some text - if (distance < 0) { - clearInterval(x); - document.getElementById("timer").innerHTML = "NOW"; - } +// SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp +// Set the date we're counting down to +var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime(); + +// Update the count down every 1 second +var x = setInterval(function() { + + // Get today's date and time + var now = new Date().getTime(); + + // Find the distance between now and the count down date + var distance = countDownDate - now; + + // Time calculations for days, hours, minutes and seconds + var days = Math.floor(distance / (1000 * 60 * 60 * 24)); + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); + var seconds = Math.floor((distance % (1000 * 60)) / 1000); + + // Display the result in the element with id="demo" + document.getElementById("timer").innerHTML = days + "d " + hours + "h"; + // + minutes + "m " + seconds + "s "; + + // If the count down is finished, write some text + if (distance < 0) { + clearInterval(x); + document.getElementById("timer").innerHTML = "NOW"; + } }, 1000); \ No newline at end of file diff --git a/sitemap.xml b/sitemap.xml index d1fdd83..9e99300 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -1,16 +1,16 @@ - - - - + + + + https://gilroyhacks.com/ 2022-06-13T21:30:01+00:00 - - - + + + \ No newline at end of file