diff --git a/images/.gitkeep b/Old_images/.gitkeep similarity index 100% rename from images/.gitkeep rename to Old_images/.gitkeep diff --git a/images/png/DI-sponsored-1line.png b/Old_images/png/DI-sponsored-1line.png similarity index 100% rename from images/png/DI-sponsored-1line.png rename to Old_images/png/DI-sponsored-1line.png diff --git a/images/png/DI-sponsored.png b/Old_images/png/DI-sponsored.png similarity index 100% rename from images/png/DI-sponsored.png rename to Old_images/png/DI-sponsored.png diff --git a/images/png/desktop.ini b/Old_images/png/desktop.ini similarity index 100% rename from images/png/desktop.ini rename to Old_images/png/desktop.ini diff --git a/images/png/hftw-dark.png b/Old_images/png/hftw-dark.png similarity index 100% rename from images/png/hftw-dark.png rename to Old_images/png/hftw-dark.png diff --git a/images/png/hftw-light.png b/Old_images/png/hftw-light.png similarity index 100% rename from images/png/hftw-light.png rename to Old_images/png/hftw-light.png diff --git a/images/png/hftw-small.png b/Old_images/png/hftw-small.png similarity index 100% rename from images/png/hftw-small.png rename to Old_images/png/hftw-small.png diff --git a/images/png/net.png b/Old_images/png/net.png similarity index 100% rename from images/png/net.png rename to Old_images/png/net.png diff --git a/images/png/parallax1.png b/Old_images/png/parallax1.png similarity index 100% rename from images/png/parallax1.png rename to Old_images/png/parallax1.png diff --git a/images/png/sponsors/balsamiq.png b/Old_images/png/sponsors/balsamiq.png similarity index 100% rename from images/png/sponsors/balsamiq.png rename to Old_images/png/sponsors/balsamiq.png diff --git a/images/png/sponsors/blacklineit.png b/Old_images/png/sponsors/blacklineit.png similarity index 100% rename from images/png/sponsors/blacklineit.png rename to Old_images/png/sponsors/blacklineit.png diff --git a/images/png/sponsors/boxed-water.png b/Old_images/png/sponsors/boxed-water.png similarity index 100% rename from images/png/sponsors/boxed-water.png rename to Old_images/png/sponsors/boxed-water.png diff --git a/images/png/sponsors/cisco.png b/Old_images/png/sponsors/cisco.png similarity index 100% rename from images/png/sponsors/cisco.png rename to Old_images/png/sponsors/cisco.png diff --git a/images/png/sponsors/dealerinspire-logo.png b/Old_images/png/sponsors/dealerinspire-logo.png similarity index 100% rename from images/png/sponsors/dealerinspire-logo.png rename to Old_images/png/sponsors/dealerinspire-logo.png diff --git a/images/png/sponsors/desktop.ini b/Old_images/png/sponsors/desktop.ini similarity index 100% rename from images/png/sponsors/desktop.ini rename to Old_images/png/sponsors/desktop.ini diff --git a/images/png/sponsors/discord.png b/Old_images/png/sponsors/discord.png similarity index 100% rename from images/png/sponsors/discord.png rename to Old_images/png/sponsors/discord.png diff --git a/images/png/sponsors/dolby.png b/Old_images/png/sponsors/dolby.png similarity index 100% rename from images/png/sponsors/dolby.png rename to Old_images/png/sponsors/dolby.png diff --git a/images/png/sponsors/github.png b/Old_images/png/sponsors/github.png similarity index 100% rename from images/png/sponsors/github.png rename to Old_images/png/sponsors/github.png diff --git a/images/png/sponsors/hack-club.png b/Old_images/png/sponsors/hack-club.png similarity index 100% rename from images/png/sponsors/hack-club.png rename to Old_images/png/sponsors/hack-club.png diff --git a/images/png/sponsors/huskie.png b/Old_images/png/sponsors/huskie.png similarity index 100% rename from images/png/sponsors/huskie.png rename to Old_images/png/sponsors/huskie.png diff --git a/images/png/sponsors/juniper.png b/Old_images/png/sponsors/juniper.png similarity index 100% rename from images/png/sponsors/juniper.png rename to Old_images/png/sponsors/juniper.png diff --git a/images/png/sponsors/meson-sabika.png b/Old_images/png/sponsors/meson-sabika.png similarity index 100% rename from images/png/sponsors/meson-sabika.png rename to Old_images/png/sponsors/meson-sabika.png diff --git a/images/png/sponsors/msctek.png b/Old_images/png/sponsors/msctek.png similarity index 100% rename from images/png/sponsors/msctek.png rename to Old_images/png/sponsors/msctek.png diff --git a/images/png/sponsors/nvisia.png b/Old_images/png/sponsors/nvisia.png similarity index 100% rename from images/png/sponsors/nvisia.png rename to Old_images/png/sponsors/nvisia.png diff --git a/images/png/sponsors/paloalto.png b/Old_images/png/sponsors/paloalto.png similarity index 100% rename from images/png/sponsors/paloalto.png rename to Old_images/png/sponsors/paloalto.png diff --git a/images/png/sponsors/replit.png b/Old_images/png/sponsors/replit.png similarity index 100% rename from images/png/sponsors/replit.png rename to Old_images/png/sponsors/replit.png diff --git a/images/png/sponsors/stickermule.png b/Old_images/png/sponsors/stickermule.png similarity index 100% rename from images/png/sponsors/stickermule.png rename to Old_images/png/sponsors/stickermule.png diff --git a/images/webp/DI-sponsored-1line.webp b/Old_images/webp/DI-sponsored-1line.webp similarity index 100% rename from images/webp/DI-sponsored-1line.webp rename to Old_images/webp/DI-sponsored-1line.webp diff --git a/images/webp/DI-sponsored.webp b/Old_images/webp/DI-sponsored.webp similarity index 100% rename from images/webp/DI-sponsored.webp rename to Old_images/webp/DI-sponsored.webp diff --git a/images/webp/embed.jpg b/Old_images/webp/embed.jpg similarity index 100% rename from images/webp/embed.jpg rename to Old_images/webp/embed.jpg diff --git a/images/webp/hftw-dark.webp b/Old_images/webp/hftw-dark.webp similarity index 100% rename from images/webp/hftw-dark.webp rename to Old_images/webp/hftw-dark.webp diff --git a/images/webp/hftw-light.webp b/Old_images/webp/hftw-light.webp similarity index 100% rename from images/webp/hftw-light.webp rename to Old_images/webp/hftw-light.webp diff --git a/images/webp/hftw-small.webp b/Old_images/webp/hftw-small.webp similarity index 100% rename from images/webp/hftw-small.webp rename to Old_images/webp/hftw-small.webp diff --git a/images/webp/net.webp b/Old_images/webp/net.webp similarity index 100% rename from images/webp/net.webp rename to Old_images/webp/net.webp diff --git a/images/webp/parallax1.webp b/Old_images/webp/parallax1.webp similarity index 100% rename from images/webp/parallax1.webp rename to Old_images/webp/parallax1.webp diff --git a/images/webp/sponsors/balsamiq.webp b/Old_images/webp/sponsors/balsamiq.webp similarity index 100% rename from images/webp/sponsors/balsamiq.webp rename to Old_images/webp/sponsors/balsamiq.webp diff --git a/images/webp/sponsors/blacklineit.webp b/Old_images/webp/sponsors/blacklineit.webp similarity index 100% rename from images/webp/sponsors/blacklineit.webp rename to Old_images/webp/sponsors/blacklineit.webp diff --git a/images/webp/sponsors/boxed-water.webp b/Old_images/webp/sponsors/boxed-water.webp similarity index 100% rename from images/webp/sponsors/boxed-water.webp rename to Old_images/webp/sponsors/boxed-water.webp diff --git a/images/webp/sponsors/cisco.webp b/Old_images/webp/sponsors/cisco.webp similarity index 100% rename from images/webp/sponsors/cisco.webp rename to Old_images/webp/sponsors/cisco.webp diff --git a/images/webp/sponsors/dealerinspire-logo.webp b/Old_images/webp/sponsors/dealerinspire-logo.webp similarity index 100% rename from images/webp/sponsors/dealerinspire-logo.webp rename to Old_images/webp/sponsors/dealerinspire-logo.webp diff --git a/images/webp/sponsors/discord.webp b/Old_images/webp/sponsors/discord.webp similarity index 100% rename from images/webp/sponsors/discord.webp rename to Old_images/webp/sponsors/discord.webp diff --git a/images/webp/sponsors/dolby.webp b/Old_images/webp/sponsors/dolby.webp similarity index 100% rename from images/webp/sponsors/dolby.webp rename to Old_images/webp/sponsors/dolby.webp diff --git a/images/webp/sponsors/github.webp b/Old_images/webp/sponsors/github.webp similarity index 100% rename from images/webp/sponsors/github.webp rename to Old_images/webp/sponsors/github.webp diff --git a/images/webp/sponsors/hack-club.webp b/Old_images/webp/sponsors/hack-club.webp similarity index 100% rename from images/webp/sponsors/hack-club.webp rename to Old_images/webp/sponsors/hack-club.webp diff --git a/images/webp/sponsors/huskie.webp b/Old_images/webp/sponsors/huskie.webp similarity index 100% rename from images/webp/sponsors/huskie.webp rename to Old_images/webp/sponsors/huskie.webp diff --git a/images/webp/sponsors/juniper.webp b/Old_images/webp/sponsors/juniper.webp similarity index 100% rename from images/webp/sponsors/juniper.webp rename to Old_images/webp/sponsors/juniper.webp diff --git a/images/webp/sponsors/meson-sabika.webp b/Old_images/webp/sponsors/meson-sabika.webp similarity index 100% rename from images/webp/sponsors/meson-sabika.webp rename to Old_images/webp/sponsors/meson-sabika.webp diff --git a/images/webp/sponsors/msctek.webp b/Old_images/webp/sponsors/msctek.webp similarity index 100% rename from images/webp/sponsors/msctek.webp rename to Old_images/webp/sponsors/msctek.webp diff --git a/images/webp/sponsors/nvisia.webp b/Old_images/webp/sponsors/nvisia.webp similarity index 100% rename from images/webp/sponsors/nvisia.webp rename to Old_images/webp/sponsors/nvisia.webp diff --git a/images/webp/sponsors/paloalto.webp b/Old_images/webp/sponsors/paloalto.webp similarity index 100% rename from images/webp/sponsors/paloalto.webp rename to Old_images/webp/sponsors/paloalto.webp diff --git a/images/webp/sponsors/replit.webp b/Old_images/webp/sponsors/replit.webp similarity index 100% rename from images/webp/sponsors/replit.webp rename to Old_images/webp/sponsors/replit.webp diff --git a/images/webp/sponsors/stickermule.webp b/Old_images/webp/sponsors/stickermule.webp similarity index 100% rename from images/webp/sponsors/stickermule.webp rename to Old_images/webp/sponsors/stickermule.webp diff --git a/images/webp/venue-img1.webp b/Old_images/webp/venue-img1.webp similarity index 100% rename from images/webp/venue-img1.webp rename to Old_images/webp/venue-img1.webp diff --git a/images/webp/venue-img2.webp b/Old_images/webp/venue-img2.webp similarity index 100% rename from images/webp/venue-img2.webp rename to Old_images/webp/venue-img2.webp diff --git a/README.md b/README.md index b6c0f0e..27cefd9 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ # HackFTWSite The official website for the Hack For the World hackathon held in Naperville, IL -Live at: https://hackftw.net +Live at: https://hackforthe.world diff --git a/contact/index.html b/contact/index.html deleted file mode 100644 index e69de29..0000000 diff --git a/contact/script.js b/contact/script.js deleted file mode 100644 index e69de29..0000000 diff --git a/images/down-arrow.png b/images/down-arrow.png new file mode 100644 index 0000000..aebc283 Binary files /dev/null and b/images/down-arrow.png differ diff --git a/icons/favicon-32x32.png b/images/favicon-32x32.png similarity index 100% rename from icons/favicon-32x32.png rename to images/favicon-32x32.png diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..d02241e Binary files /dev/null and b/images/logo.png differ diff --git a/images/png/venue-img1.png b/images/png/venue-img1.png deleted file mode 100644 index 66dccc9..0000000 Binary files a/images/png/venue-img1.png and /dev/null differ diff --git a/images/png/venue-img2.png b/images/png/venue-img2.png deleted file mode 100644 index e774d54..0000000 Binary files a/images/png/venue-img2.png and /dev/null differ diff --git a/images/rainforest2.jpg b/images/rainforest2.jpg new file mode 100644 index 0000000..b9d0049 Binary files /dev/null and b/images/rainforest2.jpg differ diff --git a/images/venue-img.png b/images/venue-img.png new file mode 100644 index 0000000..fdcb9fa Binary files /dev/null and b/images/venue-img.png differ diff --git a/images/venue-img3.png b/images/venue-img3.png new file mode 100644 index 0000000..5c9acb9 Binary files /dev/null and b/images/venue-img3.png differ diff --git a/index.html b/index.html index 4e46eb2..48ab232 100644 --- a/index.html +++ b/index.html @@ -1,131 +1,86 @@ - - - - - - - - - - - - - - - - - - - - - - - Hack For the World - - - - - - - - - -
-
- What can you make in 12 hours
that could change the world?
-

8am-8pm CST on April 8th, 2023 @ Naperville North High School

- Fill out our registration form! -
-
- -
-

Hack For the World is a 12-hour hackathon for high-schoolers. Students from across the Chicagoland area will come for the weekend, teaming up (or going solo) to build an app, game, or website. We’ll provide free meals & drinks. In the evening, judges will pick the best projects to demo for everyone and win prizes. There'll be raffles and giveaways throughout the event as well! You’ll meet people, create amazing new things, & most importantly, have fun.

- Frequently Asked Questions -
How much does it cost?
Nothing! Registration and attendance are 100% free, with meals, drinks, swag, & workshops included.
-
Who can participate?
Any current student grades 9–12. If you’re under that age, send an email to us here.
-
Hacking!? Is that safe?
Hold up! No, we’re not “hacking” servers or databases. The word is being constructively re-defined as building things—apps, games, websites, etc. At HackFTW, it’s all safe, supervised, & entirely educational.
-
What if I’m new to coding?
At HackFTW, complete beginners are not only welcome, but expected! Learn as you go with our intro workshops & mentors.
-
What if I can already code?
HackFTW is for you, too! We welcome (and have prizes for) absolute beginners, experts, & everyone in between.
-
Do I need a team?
Nope! You’ll have an opportunity to meet fellow hackers and make teams of up to 4; find some new friends, bring yours, or work alone.
-
What should I bring?
Plan to bring a student ID, computer (any kind), chargers, and anything else for your hack (e.g. hardware).
-
Who runs this? Is it supervised?

We’re independently-organized by high schoolers in the Naperville area, mainly Naperville North Computer Science Club members. It’s fully supervised by adult mentors & chaperones.
-
What can I make?
Due to rapid tropical deforestation, this year's theme is based on rainforests/improving the general tropical environment. Think outside of the box! We encourage students to channel their creativity into their projects. Create a talking AI that promotes meatless burgers or develop a game where players race to replant trees. The sky’s the limit!
-
- -
- -
- -
-
- What are you waiting for? - Fill out our registration form! -
-
- - - - - - - - - - - - + + + Hack For The World + + + + + +
+

Hack For The World 2023

+
+

Hack For the World is a 12-hour hackathon for high-schoolers. Students from across the Chicagoland area will come for the weekend, teaming up (or going solo) to build an app, game, or website. We’ll provide free meals & drinks. In the evening, judges will pick the best projects to demo for everyone and win prizes. There'll be raffles and giveaways throughout the event as well! You’ll meet people, create amazing new things, & most importantly, have fun.

+ Register Now +
+ +
+
+

Frequently Asked Questions

+
+

How much does it cost?

+

Nothing! Registration and attendance are 100% free, with meals, drinks, swag, & workshops included.

+
+
+

Who can participate?

+

Any current student grades 9–12. If you’re under that age, send an email to us using the contact button.

+
+
+

Hacking!? Is that safe?

+

Hold up! No, we’re not “hacking” servers or databases. The word is being constructively re-defined as building things—apps, games, websites, etc. At HackFTW, it’s all safe, supervised, & entirely educational.

+
+
+

What if I’m new to coding? +

+

At HackFTW, complete beginners are not only welcome, but expected! Learn as you go with our intro workshops & mentors. +

+
+
+

What if I can already code? +

+

HackFTW is for you, too! We welcome (and have prizes for) absolute beginners, experts, & everyone in between. +

+
+
+

Do I need a team? +

+

Nope! You’ll have an opportunity to meet fellow hackers and make teams of up to 4; find some new friends, bring yours, or work alone. +

+
+
+

What should I bring? +

+

Plan to bring a student ID, computer (any kind), chargers, and anything else for your hack (e.g. hardware). +

+
+
+

Who runs this? Is it supervised? +

+

We’re independently-organized by high schoolers in the Naperville area, mainly Naperville North Computer Science Club members. It’s fully supervised by adult mentors & chaperones. +

+
+
+

What can I make? +

+

Due to rapid tropical deforestation, this year's theme is based on rainforests/improving the general tropical environment. Think outside of the box! We encourage students to channel their creativity into their projects. Create a talking AI that promotes meatless burgers or develop a game where players race to replant trees. The sky’s the limit! +

+
+
+ + diff --git a/script.js b/script.js index 0287960..8ce8895 100644 --- a/script.js +++ b/script.js @@ -1,30 +1,33 @@ -function canUseWebP() { - var elem = document.createElement('canvas'); +// Change color of button on hover - if (!!(elem.getContext && elem.getContext('2d'))) { - // was able or not to get WebP representation - return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0; - } +const buttons = document.querySelectorAll('.button'); - // very old browser like IE 8, canvas not supported - return false; -} - -var webp = "png"; +buttons.forEach(button => { + button.addEventListener('mouseenter', () => { + button.style.backgroundColor = '#80c49a'; + button.style.color = '#fff'; + }); + + button.addEventListener('mouseleave', () => { + button.style.backgroundColor = '#fff'; + button.style.color = '#80c49a'; + }); +}); -window.onload = () => { - if (canUseWebP()) { - webp = "webp"; - } - console.log(webp) - document.getElementById("logo-parent").style.backgroundImage = "url('images/" + webp + "/parallax1." + webp + "')" - document.getElementById("register2").style.backgroundImage = "url('images/" + webp + "/net." + webp + "')" -} +// Smooth scrolling animation -function hover(element) { - element.setAttribute('src', 'images/' + webp + '/hftw-dark.' + webp); -} +const links = document.querySelectorAll('nav a'); -function unhover(element) { - element.setAttribute('src', 'images/' + webp + '/hftw-light.' + webp); -} +links.forEach(link => { + link.addEventListener('click', event => { + event.preventDefault(); + + const href = link.getAttribute('href'); + const offsetTop = document.querySelector(href).offsetTop; + + scroll({ + top: offsetTop, + behavior: 'smooth' + }); + }); +}); diff --git a/style.css b/style.css index f2ddc80..8a64369 100644 --- a/style.css +++ b/style.css @@ -1,608 +1,322 @@ -@font-face { - font-family: "BioSans"; - src: url("/fonts/Bio-Sans.woff") format("woff"), - url("/fonts/Bio-Sans.woff2") format("woff2"); -} -@font-face { - font-family: "BioSansBold"; - src: url("/fonts/Bio-Sans-Bold.woff") format("woff"), - url("/fonts/Bio-Sans-Bold.woff2") format("woff2"); -} - -html { - scroll-behavior: smooth; -} - -body { - margin: 0; - font-size: 28px; - font-family: 'BioSans', sans-serif; - transition: 0.2s all; - width: 100%; - overflow-x: hidden; -} - -#hereLink { - cursor: pointer; - text-decoration: underline; -} - -#dealer-inspire-directions { - cursor: pointer; +/* Navigation */ +nav { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px; + background-color: #221307; color: #fff; - transition: 0.2s all; -} - -#formFrame { - position: absolute; - background: #393e46; - height: 1350px; - width: 40vw; - min-width: 350px; - left: 50%; - top: 100%; - -webkit-transform: translateX(-50%) translateY(-50%); - -moz-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); -} - -#promo-paragraph { - color: #010E30; + } + + .logo img { + height: 60px; + } + + .nav-links { + list-style: none; + display: flex; + } + + .nav-links li { + padding: 0px 20px; + } + + .nav-links a { + color: #fff; + text-decoration: none; + font-size: 1.5em; + } + + nav .logo img { + width: 350px; + height: auto; + } + + .nav-links a:hover { + color: #00ff94; + } + + body { margin: 0; - font-size: 3.5vh; - padding: 5vh 0; -} - -#navbar { - background-color: #fff; - z-index: 1; - height: 11vh; - border-bottom: 0.5vh solid #0065ff; -} - -.fakehr { - position: absolute; - left: 50%; - top: 83%; - -webkit-transform: translateX(-50%) translateY(-50%); - -moz-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - background: white; - height: 3px; - width: 90%; -} - -#register2 { - position: relative; - height: 35vh; - background-attachment: fixed; - background-position: center; - background-repeat: no-repeat; + } + + /* Main */ + .main { + height: 100vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: #3b3b3b; + background-image: url("images/rainforest2.jpg"); background-size: cover; -} - -#register2-shade { - color: white; - grid-template: 25% 30% 23% 22% / 11% 67% 11%; - display: grid; - background-color: rgba(1, 14, 48, 0.7); - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - -} + background-position: center; + color: #fff; + text-align: center; + user-select: none; + } + + .main h1 { + font-size: 4em; + margin-bottom: 20px; + text-shadow: 2px 2px #000; + } + + .event-info { + background-color: #221307; + padding: 20px; + border-radius: 10px; + } + + .event-info h2 { + font-size: 2em; + font-weight: 500; + + margin-bottom: 20px; + } + + .event-info p { + font-size: 1.2em; + margin-bottom: 20px; + } + + .event-info a { + display: block; + width: fit-content; + margin: 0 auto; + } -#register-footer-shade { + a[href="registration-form-url"] { + display: inline-block; + background-color: #1B5E20; color: white; - grid-template: 25% 20% 23% 22% / 11% 66% 11%; - display: grid; - background-color: rgba(1, 14, 48, 0.7); - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - -} - -#what-are-you-waiting-for { - grid-area: 2/2/3/3; - font-size: 4.2vh; -} - -.di-logo { + font-size: 1.5em; + padding: 10px 30px; + border-radius: 25px; + text-decoration: none; + max-width: 4000px; + } + + + .event-info a { + display: block; + background-color: #1B5E20; + color: #fff; + text-decoration: none; + font-size: 1.2em; + padding: 10px 20px; + border-radius: 5px; + } + + .event-info a:hover { + background-color: #009058; + } + + .scroll-down { position: absolute; - bottom: 11%; - right: 5%; - height: 13vh; -} + bottom: 20px; + left: 50%; + transform: translateX(-50%); + } + + .scroll-down img { + width: 350px; + animation: scroll-down 2s infinite; + } + + @keyframes scroll-down { + 0% { + transform: translateY(0); + } + 50% { + transform: translateY(20px); + } + 100% { + transform: translateY(0); + } + } + + /* FAQ */ + .faq { + padding: 80px 0px; + background-color: #1B5E20; + text-align: center; + } + + .faq h2 { + font-size: 2.5em; + margin-bottom: 20px; + color: #fff; + } + + .faq-item { + margin-bottom: 40px; + max-width: 700px; + margin-left: auto; + margin-right: auto; + } + + .faq-item h3 { + font-size: 1.8em; + margin-bottom: 10px; + color: #fff; + } + + .faq-item p { + font-size: 1.2em; + margin-bottom: 10px; + color: #fff; + } -#description-faq { + /* Footer */ +footer { + background-color: #432B0E; + color: #ffffff; + padding: 20px; + text-align: center; + } + + /* Venue */ + section.venue { + background-color: #1B5E20; + padding: 25px; display: flex; - flex-wrap: wrap; - padding: 0 11% -} + justify-content: center; + align-items: center; + flex-direction: column; + color: #fff; + user-select: none; + } -#venue-container { + .center-heading { + text-align: center; + background-color: #1B5E20; + } + + section.venue h2 { + font-size: 36px; + margin-bottom: 30px; + background-color: #1B5E20; + } + + section.venue h3 { + background-color: #1B5E20; + } + + + section.venue h1 { + font-size: 46px; + margin-bottom: 15px; + background-color: #1B5E20; + } + + section.venue p { + font-size: 18px; + margin-bottom: 30px; + background-color: #1B5E20; + text-align: center; + } + + section.venue .venue-description { display: flex; - flex-wrap: wrap; - padding: 0 11%; - margin-bottom: 4vh; -} - -#register-info { - line-height: 40vh; - text-align: center; - color: white; - background: #0065ff; - border-radius: 10px; - padding: 2vh 3vh; - font-size: 5vh; -} - -#item9-br { - display: none !important; -} - -#register-container { - height: 70vh; + justify-content: center; + align-items: center; + background-color: #1B5E20; + margin-bottom: 30px; + } + + section.venue .venue-description img { + max-width: 100%; + background-color: #1B5E20; + } + + section.venue .parking-info { + display: flex; + justify-content: center; + align-items: center; + background-color: #1B5E20; + } + + section.venue .parking-info img { + max-width: 50%; + background-color: #1B5E20; + } + + section.venue .map { width: 100%; - text-align: center; -} + height: 400px; + margin-bottom: 30px; + background-color: #1B5E20; -#venue, #contact, #slack { - float: right; - opacity: 1; -} - -#hftw { - width: 0; - height: 75%; - margin: 0 0 0 11%; -} + } -.dark-logo { - transition: 0.2s all; - height: 100%; - padding: 1.5vh; - cursor: pointer; -} - -#navbar a { - display: block; - color: #0065ff;; - text-align: center; - padding: 3.5vh 2vw; - text-decoration: none; - font-size: 3vh; - transition: 0.2s all; - cursor: pointer; -} - -.register-button { - grid-row: 5/6; - grid-column: 2/3; -} - - -.register-button-2 { - grid-area: 3/2/4/3; -} - -#logo-parent { - height: 75vh; - padding: 16px; - background-attachment: fixed; - background-position: center; - background-repeat: repeat; - background-size: cover; - position: relative; - color: white; -} - -#logo-div { + .venue-images { + margin: 30; + padding: 0; + text-align: center; + color: #fff; + background-color: #1B5E20; + } + + .venue-images h2 { + font-size: 36px; + margin-bottom: 30px; + background-color: #1B5E20; + + } + + .image-grid { display: grid; - grid-template: 35% 20% 6% 9% 12% / 11% 78% 11%; - background-color: rgba(1, 14, 48, 0.7); - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -#logo-caption { - grid-row: 2/3; - grid-column: 2/3; - font-size: 5.5vh; -} - -#place-and-date { - grid-row: 3/4; - grid-column: 2/3; - font-size: 4vh; - margin: 0; -} - -.small { - display: none !important; -} - -.big { - display: block !important; -} - -#faq { - grid-row: 3/4; - grid-column: 2/5; - margin: 0; -} - -.title { - color: #010E30; - font-size: 5vh; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 20px; + background-color: #1B5E20; + } + + .image-grid img { width: 100%; - font-weight: 700; -} - -.sticky { - position: fixed; - top: 0; - width: 100%; -} - -.faq-item { - color: #010E30; - font-size: 3vh; - padding: 2.5vh 0; - flex: 47%; - border: 1vw solid transparent; -} - -.venue-item { - background: #0065ff; - border-radius: 12px; - width:100%; - flex: 40%; - color: white; - font-size: 4vh; - padding: 2.5vh 1.5vw; - margin: 0.5vw; -} - -#venue-map-container { - padding: 2.5vh 1.5vw 1.5vh 1.5vw; -} - -.venue-img { - padding: 0 !important; - width: 39vw; - object-fit: cover; - max-width: 100%; - max-height: 100%; - height: auto; -} - -.venue-img-div { - object-fit: contain; - max-height: 100%; height: auto; + border-radius: 10px; + box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3); + background-color: #1B5E20; + } + + + .map-container { + border: 2px solid #ddd; + border-radius: 8px; + margin: 1em auto; + max-width: 800px; + background-color: #1B5E20; + overflow: hidden; + } + + .hotel-info{ + background-color: #1B5E20; + margin: 0; + padding: 0; + + } + + #faq-button, +#venue-button, +#contact-button, +#discord-button { + background-color: #1B5E20; + color: #FFF; + font-size: 30px; + font-weight: bold; + padding: 20px 30px; + border: none; + border-radius: 10px; + cursor: pointer; } -#map { - border: 0; - width: 100%; - height: 58vh; - border-radius: 12px; -} - -#map-container-container { - padding: 0 11%; - margin-top: 15vh; - display: flex; -} - -#view-on-maps { - background-color: white; - color: #0065ff; - border-radius: 40px; - border: none; - padding: 2vh 3vh; - font-size: 4vh; - font-family: "BioSans"; - text-decoration: none; - transition: 0.2s all; -} - -.di-title { - font-size: 5vh; - font-weight: 700; -} - -.faq-item strong { - line-height: 250%; -} - -#item9 { - padding-bottom: 7vh; -} - -#sponsors-list { - padding: 0 11% 10vh 11%; -} - -#platinum-sponsors img { - height: 25vh; - width: 70vw; - object-fit: contain; - padding: 2vh 2.5vh; -} - -#gold-sponsors img { - max-width: 70vw; - height: 20vh; - object-fit: contain; - padding: 2vh 2.5vh; -} - -#silver-sponsors img { - height: 10vh; - padding: 2vh 2.5vh; -} - -#black-line { - height: 12vh !important; -} - -#sponsors-title { - margin: 0; -} - -#sponsors { - margin: 20vh 0 5vh 0; - padding: 0 11%; -} - -.sponsors-subtitle { - color: #010E30; - margin-left: 2vw; - font-size: 4vh; - width: 100%; - font-weight: 700; -} - -#sponsors-title-main { - margin: 0; -} - -.sponsor-group { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-around; -} - -#register-button-2.open { - text-align: center; -} - -.closed { - border: 0.3vh solid white; - padding: 2vh 3vh; - font-size: 4vh; - color: white; - font-family: 'Chakra Petch', sans-serif; - border-radius: 40px; - width: fit-content; - width: -moz-fit-content; - text-decoration: none; -} - -.open { - display: table; - color: #0065ff; - border: 6px solid #0065ff; - background-color: white; - width: fit-content; - width: -moz-fit-content; - text-decoration: none; - padding: 2vh 3vh; - font-size: 4vh; - border-radius: 40px; - transition: 0.2s all; - font-family: 'Chakra Petch', sans-serif; +#faq-button:hover, +#venue-button:hover, +#contact-button:hover, +#discord-button:hover { + background-color: #4CAF50; } -@media not all and (pointer: coarse) { - #dealer-inspire-directions:hover { - cursor: pointer; - color: #0065ff; - } - #hereLink:hover{ - cursor: pointer; - color: #0065ff; - } - .dark-logo:hover { - background-color: #0065ff !important; - } - #navbar a:hover { - background-color: #0065ff;; - color: white; - } - #navbar a.active { - background-color: #393e46; - color: white; - } - .register-button-2.open:hover { - font-size: 5vh; - cursor : pointer; - } - .register-button.open:hover { - font-size: 5vh; - cursor : pointer; - } - #view-on-maps:hover { - font-size: 5vh; - } -} -@-moz-document url-prefix() { - #dealer-inspire-directions:hover { - cursor: pointer; - color: #0065ff; - } - #hereLink:hover{ - cursor: pointer; - color: #0065ff; - } - .dark-logo:hover { - background-color: #0065ff !important; - } - #navbar a:hover { - background-color: #0065ff;; - color: white; - } - #navbar a.active { - background-color: #393e46; - color: white; - } - .register-button-2:hover { - font-size: 5vh; - cursor : pointer; - } - .register-button:hover { - font-size: 5vh; - cursor : pointer; - } - #view-on-maps:hover { - font-size: 5vh; - } -} -@media only screen and (orientation : portrait) { - #platinum-sponsors img { - width: 70vw; - object-fit: contain; - height: 10vh; - } - #gold-sponsors img { - padding: 1vh 1.5vh; - height: 12vh; - } - #silver-sponsors img { - height: 7vh; - } - #break { - display: none; - } - #logo-caption { - font-size: 4vh; - } - #place-and-date { - font-size: 3vh; - } - #logo-div { - grid-template: 35% 22% 6% 9% 10% / 11% 78% 11%; - } - #description-faq { - flex-direction: column; - } - #promo-paragraph { - font-size: 3vh; - padding: 3vh 0; - } - .faq-item { - padding: 1.5vh 0; - border: none; - } - .small { - display: block !important; - } - .big { - display: none !important; - } - #register2-shade { - grid-template: 17% 21% 32% 22% / 11% 78% 11%; - justify-items: center; - } - #what-are-you-waiting-for { - grid-area: 2/2/3/3; - font-size: 3.7vh; - } - .di-logo { - position: static; - height: 6vh; - } - .di-logo-container { - grid-area: 4/2/5/3; - } - .venue-item { - flex: 100%; - padding: 5vh 5vw; - text-align: center; - margin: 3vw 0; - } - #view-on-maps { - font-size: 2.5vh; - } - .venue-img { - width: auto; - } - .venue-img-div { - width: auto; - } - .register-button-2.closed { - text-align: center; - height: fit-content; - height: -moz-fit-content; - } - .register-button.closed { - text-align: center; - height: fit-content; - height: -moz-fit-content; - } -} - -@media only screen -and (min-device-width : 360px) -and (orientation : portrait) { - #navbar a { - padding: 3.5vh 2vw 3.5vh 2vw; - } - #logo-div { - grid-template: 30% 20% 8% 15% 10% / 11% 78% 11%; - } - #logo-caption { - font-size: 3.6vh; - } - .register-button { - font-size: 3vh; - } - #promo-paragraph { - font-size: 2.5vh; - } - #what-are-you-waiting-for { - font-size: 3vh; - } - .faq-item { - font-size: 2.75vh; - } - #item9-strong1 { - line-height: normal; - } - #item9-br { - display: block !important; - } - .register-button-2.closed { - padding: 1vh 2vh; - font-size: 3vh; - } - .register-button.closed { - padding: 1vh 2vh; - } - #hftw { - margin: 0 0 0 5%; - } -} diff --git a/venue.html b/venue.html new file mode 100644 index 0000000..5d2321e --- /dev/null +++ b/venue.html @@ -0,0 +1,51 @@ + + + + Venue - HackFTW2 023 + + + + +
+

Venue

+
+

Naperville North

+

+ 899 N Mill St, Naperville, IL 60563
+

+
+ +
+

Parking

+
+

Please park in the main entrance parking lot and enter through the main entrance, overflow parking will be provided in the Athletic or NPAC lots pictured below.

+
+
+
+ +
+ +
+ Venue Image 1 + Venue Image 2 + +
+
+ + + + + diff --git a/venue/index.html b/venue/index.html deleted file mode 100644 index 06afd82..0000000 --- a/venue/index.html +++ /dev/null @@ -1,119 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - Hack For the World - - - - - - - - - - -
-
- -
-
- -
-
- Naperville North -

899 N Mill St, Naperville, IL 60563

- -
- - -
- Parking -

Parking will be located at the venue. Overflow parking will be supplied as needed.

-
-
- -
-
- What are you waiting for? - Register for HackFTW » - - - - - - -
-
- - - - - - diff --git a/venue/script.js b/venue/script.js deleted file mode 100644 index adb86d0..0000000 --- a/venue/script.js +++ /dev/null @@ -1,29 +0,0 @@ -function canUseWebP() { - var elem = document.createElement('canvas'); - - if (!!(elem.getContext && elem.getContext('2d'))) { - // was able or not to get WebP representation - return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0; - } - - // very old browser like IE 8, canvas not supported - return false; - } - - var webp = "png"; - - window.onload = () => { - if (canUseWebP()) { - webp = "webp"; - } - console.log(webp) - document.getElementById("register2").style.backgroundImage = "url('../images/" + webp + "/net." + webp + "')" - } - - function hover(element) { - element.setAttribute('src', '../images/' + webp + '/hftw-dark.' + webp); - } - - function unhover(element) { - element.setAttribute('src', '../images/' + webp + '/hftw-light.' + webp); - }