diff --git a/index.html b/index.html index 3e0cebe..4f3e9d9 100644 --- a/index.html +++ b/index.html @@ -39,7 +39,7 @@
  • - + HackNC
    @@ -68,13 +68,13 @@
    - + - - - - + src="static/assets/images/dolly-zoom-space-art/(border) left wall control panel.svg" /> + + + +
    - - + +
    @@ -98,7 +98,7 @@

    { November 2 - 3, 2024 }

    - + @@ -121,7 +121,7 @@

    What is HackNC?

    target="_blank">Explore Past Projects - Planets SVG @@ -130,9 +130,9 @@

    What is HackNC?

    - mars - saturn - neptune + mars + saturn + neptune
    @@ -178,19 +178,19 @@

    Sponsors

    src=''> --> + src='static/assets/images/sponsors/Bandwidth.png'> + src='static/assets/images/sponsors/capitalone.png'> + src='static/assets/images/sponsors/infosys.png'> + src='static/assets/images/sponsors/fidelity.png'> + src='static/assets/images/sponsors/lowes.png'> diff --git a/live/index.html b/live/index.html index ccf3b98..f9fbad2 100644 --- a/live/index.html +++ b/live/index.html @@ -9,11 +9,11 @@ - + HackNC 2024 - + @@ -38,7 +38,7 @@
  • - + HackNC
    @@ -49,6 +49,7 @@
  • Resources
    • +
    diff --git a/meet-the-team/index.html b/meet-the-team/index.html index 8b8d70d..0330b8d 100644 --- a/meet-the-team/index.html +++ b/meet-the-team/index.html @@ -8,6 +8,7 @@ Meet the Team! + diff --git a/static/assets/images/aurora-background.svg b/static/assets/images/aurora-background.svg new file mode 100644 index 0000000..86ec19b --- /dev/null +++ b/static/assets/images/aurora-background.svg @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/assets/images/star-pattern.svg b/static/assets/images/star-pattern.svg new file mode 100644 index 0000000..84696c2 --- /dev/null +++ b/static/assets/images/star-pattern.svg @@ -0,0 +1,341 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/css/live.css b/static/css/live.css index 37468f3..6b116c1 100644 --- a/static/css/live.css +++ b/static/css/live.css @@ -1,12 +1,16 @@ * { - font-family: 'Lora', serif; + font-family: 'Urbanist', sans-serif; + box-sizing: border-box; } :root { - --main-text-color: #292348; - --hamburger-back-color: #3c2654; + --main-text-color: #FFF9D6; + --main-bg-color: #0A0058; + --hover-bg-color: #0A0058; + --hamburger-back-color: #030139; } + .center { text-align: center; } @@ -75,14 +79,13 @@ html, body { - background-color: #3c2654; - background-image: url("/static/assets/images/halloween-art/bg\ banner\ smoke.svg"), url("/static/assets/images/halloween-art/faq\ smoke.svg"); - background-position: top, bottom; - background-repeat: no-repeat, no-repeat; - background-size: contain, contain; - -webkit-background-size: contain, contain; - -moz-background-size: contain, contain; - -o-background-size: contain, contain; + font-family: 'Titillium Web', serif; + background-color: #01001d; + color: #FFF9D6; + background-image: url("../assets/images/star-pattern.svg"), url("/static/assets/images/aurora.svg"); + background-position: center, center bottom; + background-repeat: repeat, no-repeat; + background-size: cover, cover; padding-bottom: 0px; font-size: 16px; margin: 0; @@ -93,12 +96,13 @@ html, body { - background-color: #3c2654; - background-image: url("/static/assets/images/halloween-art/bg\ banner\ smoke.svg"), url("/static/assets/images/halloween-art/faq\ smoke.svg"); - - background-position: left top, bottom; - background-repeat: no-repeat, no-repeat; - background-size: 1200px, contain; + font-family: 'Titillium Web', serif; + background-color: #01001d; + color: #FFF9D6; + background-image: url("../assets/images/star-pattern.svg"), url("/static/assets/images/aurora.svg"); + background-position: center, center bottom; + background-repeat: repeat, no-repeat; + background-size: cover, cover; padding-bottom: 0px; font-size: 16px; margin: 0; @@ -109,21 +113,21 @@ html, body { - background-color: #3c2654; - background-image: url("/static/assets/images/halloween-art/bg\ banner\ smoke.svg"), url("/static/assets/images/halloween-art/faq\ smoke.svg"); - - background-position: left top, center bottom; - background-repeat: no-repeat, no-repeat; - background-size: 1200px, contain; - -webkit-background-size: 1200px, contain; - -moz-background-size: 1200px, contain; - -o-background-size: 1200px, contain; + font-family: 'Titillium Web', serif; + background-color: #01001d; + color: #FFF9D6; + background-image: url("../assets/images/star-pattern.svg"), url("/static/assets/images/aurora.svg"); + background-position: center, center bottom; + background-repeat: repeat, no-repeat; + background-size: cover, cover; padding-bottom: 0px; font-size: 16px; margin: 0; } } + + h2 { text-align: center; } @@ -160,12 +164,14 @@ h3 { } h1 { + font-family: 'Orbitron', sans-serif; + font-weight: bold; letter-spacing: 0.075em; - margin-bottom: 0px; - margin-top: 0px; text-align: center; - font-size: 4vw; - color: #3f2c14; + font-size: 4rem; + text-transform: uppercase; + color: #FFF9D6; + margin: 0; } @media only screen and (max-width: 993px) { @@ -176,6 +182,7 @@ h1 { p { font-size: 16px; + color: #FFF9D6; } .section { @@ -186,10 +193,9 @@ p { nav { width: 100%; height: 64px; - background-color: #292348; + background-color: #030139; top: 0; z-index: 99; - background-color: #292348; box-shadow: 0px 0px 8px #000000; text-align: center; position: sticky; @@ -229,7 +235,7 @@ nav ul a { font-weight: bold; display: inline-block; text-decoration: none; - color: #d5cbef; + color: #FFF9D6; padding: 0px 10px; height: 64px; font-size: 1.5rem; @@ -238,11 +244,12 @@ nav ul a { } nav ul a.selected { - color: #4a3974; + color: #FFED7B; } + .card { - background-color: #D5CAEF; + background-color: #030139; position: relative; flex: 0 0 47.5%; box-sizing: border-box; @@ -604,7 +611,7 @@ nav ul a.selected { #links p { font-size: 20px; margin: 3px 0 0 0; - color: #4f3426; + color: #FFF9D6; } #discord-logo, @@ -822,7 +829,14 @@ th { top: 1px; } +.link { + color: #FFF9D6; + text-decoration: underline; + +} + .link:hover { + color: #FFED7B; text-decoration: underline; } @@ -1107,7 +1121,7 @@ button.secondary:focus { justify-content: center; margin-top: -20px; padding-top: 20px; - font-family: "DINPro", "Helvetica Neue", + font-family: "Font Awesome 5 Free", } .calendar-header { @@ -1242,6 +1256,7 @@ button.secondary:focus { } .hamburger-menu { + background-color: #0A0058; position: fixed; right: -100%; transition: all 0.8s ease; @@ -1257,7 +1272,7 @@ button.secondary:focus { } .hamburger-menu * { - color: #d5cbef; + color: #FFF9D6; text-decoration: none; font-size: 0.5cm; } @@ -1278,13 +1293,15 @@ button.secondary:focus { } body { - font-family: 'Lora', serif; - margin: 0; - padding: 0; + position: relative; + background-color: #01001d; + font-size: 16px; + color: #FFF9D6; } + a { - color: #ffffff; + color: #FFF9D6; text-decoration: none; } @@ -1302,13 +1319,12 @@ a:hover { } .card { - background-color: #ffffff; - border-radius: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - margin: 10px; - padding-inline-start: 5%; - padding-inline-end: 5%; - width: calc(33.33333% - 20px); + background-color: #0A0058; + border-radius: 10px; + box-shadow: 0px 0px 15px 1px #FFED7B; + padding: 15px; + margin: 15px; + flex: 0 0 47.5%; } .card:nth-child(3n+1) { @@ -1395,4 +1411,3 @@ a:hover { display: none; } } -