From d116c791bf0ffcdc8417570aef270cb1eae64ac2 Mon Sep 17 00:00:00 2001 From: ishan-rawat1 Date: Wed, 2 Oct 2024 12:46:11 -0400 Subject: [PATCH 1/3] updated background of a live page with star pattern and added aurora --- index.html | 40 +-- live/index.html | 2 + static/assets/images/aurora-background.svg | 78 +++++ static/assets/images/star-pattern.svg | 341 +++++++++++++++++++++ static/css/live.css | 42 ++- 5 files changed, 468 insertions(+), 35 deletions(-) create mode 100644 static/assets/images/aurora-background.svg create mode 100644 static/assets/images/star-pattern.svg diff --git a/index.html b/index.html index 7fb8a9b..6f5f528 100644 --- a/index.html +++ b/index.html @@ -38,7 +38,7 @@
  • - + HackNC
    @@ -67,13 +67,13 @@
    - + - - - - + src="static/assets/images/dolly-zoom-space-art/(border) left wall control panel.svg" /> + + + +
    - - + +
    @@ -97,7 +97,7 @@

    { November 2 - 3, 2024 }

    - + @@ -120,7 +120,7 @@

    What is HackNC?

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

    What is HackNC?

    - mars - saturn - neptune + mars + saturn + neptune
    @@ -177,22 +177,22 @@

    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'> + src='static/assets/images/sponsors/pendo.png'>
    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..ff73acb 100644 --- a/static/css/live.css +++ b/static/css/live.css @@ -93,12 +93,11 @@ 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; + background-color: black; + background-image: url("../assets/images/star-pattern.svg"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; padding-bottom: 0px; font-size: 16px; margin: 0; @@ -109,21 +108,32 @@ 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-color: black; + background-image: url("../assets/images/star-pattern.svg"); + background-position: center; 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; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; padding-bottom: 0px; font-size: 16px; margin: 0; } } + +#aurora-graphic { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 1; + opacity: 0.2; /* Adjust transparency if needed */ +} + + + h2 { text-align: center; } @@ -157,6 +167,9 @@ h3 { .container { width: 90%; } + #aurora-graphic { + display: none; +} } h1 { @@ -189,7 +202,6 @@ nav { background-color: #292348; top: 0; z-index: 99; - background-color: #292348; box-shadow: 0px 0px 8px #000000; text-align: center; position: sticky; From 7f96dc25badf3f1d7a668f2cb01731e7763e388f Mon Sep 17 00:00:00 2001 From: ishan-rawat1 Date: Thu, 3 Oct 2024 17:45:06 -0400 Subject: [PATCH 2/3] updated css for live page --- static/css/live.css | 76 ++++++++++++++++++++++++++++----------------- 1 file changed, 47 insertions(+), 29 deletions(-) diff --git a/static/css/live.css b/static/css/live.css index ff73acb..34834e1 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; } @@ -124,12 +128,11 @@ #aurora-graphic { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - z-index: 1; - opacity: 0.2; /* Adjust transparency if needed */ + position: absolute; /* This pins it relative to its nearest positioned ancestor */ + bottom: 0; /* Makes sure it's pinned to the bottom of the page */ + left: 0; /* Start from the left side */ + width: 100%; /* Make sure it covers the full width of the page */ + opacity: 1; /* Ensure it's fully opaque */ } @@ -173,12 +176,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) { @@ -189,6 +194,7 @@ h1 { p { font-size: 16px; + color: #FFF9D6; } .section { @@ -199,7 +205,7 @@ p { nav { width: 100%; height: 64px; - background-color: #292348; + background-color: #030139; top: 0; z-index: 99; box-shadow: 0px 0px 8px #000000; @@ -241,7 +247,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; @@ -250,11 +256,16 @@ nav ul a { } nav ul a.selected { - color: #4a3974; + color: #FFED7B; +} + +#test { + background-color: rgb(3, 1, 57); + } .card { - background-color: #D5CAEF; + background-color: rgb(3, 1, 57); position: relative; flex: 0 0 47.5%; box-sizing: border-box; @@ -616,7 +627,7 @@ nav ul a.selected { #links p { font-size: 20px; margin: 3px 0 0 0; - color: #4f3426; + color: #FFF9D6; } #discord-logo, @@ -834,7 +845,14 @@ th { top: 1px; } +.link { + color: #A49EE0; + text-decoration: underline; + +} + .link:hover { + color: #FFED7B; text-decoration: underline; } @@ -1290,11 +1308,13 @@ 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; text-decoration: none; @@ -1314,13 +1334,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) { @@ -1407,4 +1426,3 @@ a:hover { display: none; } } - From 9312d686fdb143358314a5cf0ca488d268d8566d Mon Sep 17 00:00:00 2001 From: Arya Salian Date: Sun, 20 Oct 2024 21:58:41 -0400 Subject: [PATCH 3/3] live page graphic responsiveness --- live/index.html | 7 ++-- meet-the-team/index.html | 2 +- static/css/live.css | 69 ++++++++++++++++------------------------ 3 files changed, 31 insertions(+), 47 deletions(-) diff --git a/live/index.html b/live/index.html index eb4429b..f9fbad2 100644 --- a/live/index.html +++ b/live/index.html @@ -9,11 +9,11 @@ - + HackNC 2024 - + @@ -38,7 +38,7 @@
  • - + HackNC
    @@ -49,7 +49,6 @@
  • Resources
    • - Aurora Graphic diff --git a/meet-the-team/index.html b/meet-the-team/index.html index e61d998..6cfbeab 100644 --- a/meet-the-team/index.html +++ b/meet-the-team/index.html @@ -8,7 +8,7 @@ Meet the Team! - + diff --git a/static/css/live.css b/static/css/live.css index 34834e1..6b116c1 100644 --- a/static/css/live.css +++ b/static/css/live.css @@ -79,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; @@ -97,11 +96,13 @@ html, body { - background-color: black; - background-image: url("../assets/images/star-pattern.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: cover; + 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; @@ -112,14 +113,13 @@ html, body { - background-color: black; - background-image: url("../assets/images/star-pattern.svg"); - background-position: center; - background-repeat: no-repeat, no-repeat; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; + 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; @@ -127,15 +127,6 @@ } -#aurora-graphic { - position: absolute; /* This pins it relative to its nearest positioned ancestor */ - bottom: 0; /* Makes sure it's pinned to the bottom of the page */ - left: 0; /* Start from the left side */ - width: 100%; /* Make sure it covers the full width of the page */ - opacity: 1; /* Ensure it's fully opaque */ -} - - h2 { text-align: center; @@ -170,9 +161,6 @@ h3 { .container { width: 90%; } - #aurora-graphic { - display: none; -} } h1 { @@ -259,13 +247,9 @@ nav ul a.selected { color: #FFED7B; } -#test { - background-color: rgb(3, 1, 57); - -} .card { - background-color: rgb(3, 1, 57); + background-color: #030139; position: relative; flex: 0 0 47.5%; box-sizing: border-box; @@ -846,7 +830,7 @@ th { } .link { - color: #A49EE0; + color: #FFF9D6; text-decoration: underline; } @@ -1137,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 { @@ -1272,6 +1256,7 @@ button.secondary:focus { } .hamburger-menu { + background-color: #0A0058; position: fixed; right: -100%; transition: all 0.8s ease; @@ -1287,7 +1272,7 @@ button.secondary:focus { } .hamburger-menu * { - color: #d5cbef; + color: #FFF9D6; text-decoration: none; font-size: 0.5cm; } @@ -1316,7 +1301,7 @@ body { a { - color: #ffffff; + color: #FFF9D6; text-decoration: none; }