diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..496ee2c --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.DS_Store \ No newline at end of file diff --git a/assets/countdown/script.js b/assets/countdown/script.js new file mode 100644 index 0000000..1854540 --- /dev/null +++ b/assets/countdown/script.js @@ -0,0 +1,40 @@ +/** + * Countdown + */ +function init() { + const second = 1000, + minute = second * 60, + hour = minute * 60, + day = hour * 24; + + const date = document.querySelector('[data-date]').dataset.date; + + + let countDown = new Date(date).getTime(), + x = setInterval(function () { + + let now = new Date().getTime(), + distance = countDown - now; + + if (document.querySelector('[data-days]') != null) { + document.querySelector('[data-days]').innerText = Math.floor(distance / (day)); + } + + if (document.querySelector('[data-hours]') != null) { + document.querySelector('[data-hours]').innerText = Math.floor((distance % (day)) / (hour)); + } + + if (document.querySelector('[data-minutes]') != null) { + document.querySelector('[data-minutes]').innerText = Math.floor((distance % (hour)) / (minute)); + } + + if (document.querySelector('[data-seconds]') != null) { + document.querySelector('[data-seconds]').innerText = Math.floor((distance % (minute)) / second); + } + + // if (distance < 0) { + // clearInterval(x); + // } + }, second) +} + diff --git a/assets/images/GOATED.png b/assets/images/GOATED.png new file mode 100644 index 0000000..fe96e22 Binary files /dev/null and b/assets/images/GOATED.png differ diff --git a/assets/images/gh-logo-25.png b/assets/images/gh-logo-25.png new file mode 100644 index 0000000..7a9fe78 Binary files /dev/null and b/assets/images/gh-logo-25.png differ diff --git a/assets/images/svg-logo.svg b/assets/images/svg-logo.svg new file mode 100644 index 0000000..8d9668b --- /dev/null +++ b/assets/images/svg-logo.svg @@ -0,0 +1,235 @@ + + + + +Created by potrace 1.10, written by Peter Selinger 2001-2011 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/mobirise/css/mbr-additional.css b/assets/mobirise/css/mbr-additional.css index 48b4105..8efc81e 100644 --- a/assets/mobirise/css/mbr-additional.css +++ b/assets/mobirise/css/mbr-additional.css @@ -96,13 +96,13 @@ body { border-radius: 4px; } .bg-primary { - background-color: #273043 !important; + background-color: #171717 !important; } .bg-success { background-color: #40b0bf !important; } .bg-info { - background-color: #273043 !important; + background-color: #171717 !important; } .bg-warning { background-color: #fdf0d5 !important; @@ -112,8 +112,8 @@ body { } .btn-primary, .btn-primary:active { - background-color: #273043 !important; - border-color: #273043 !important; + background-color: #171717 !important; + border-color: #171717 !important; color: #ffffff !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } @@ -156,8 +156,8 @@ body { } .btn-info, .btn-info:active { - background-color: #273043 !important; - border-color: #273043 !important; + background-color: #171717 !important; + border-color: #171717 !important; color: #ffffff !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } @@ -276,21 +276,21 @@ body { .btn-black.focus, .btn-black.active { color: #ffffff !important; - background-color: #000000 !important; - border-color: #000000 !important; + background-color: #171717 !important; + border-color: #171717 !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .btn-black.disabled, .btn-black:disabled { color: #ffffff !important; - background-color: #000000 !important; - border-color: #000000 !important; + background-color: #171717 !important; + border-color: #171717 !important; } .btn-primary-outline, .btn-primary-outline:active { background-color: transparent !important; border-color: transparent; - color: #273043; + color: #171717; } .btn-primary-outline:hover, .btn-primary-outline:focus, @@ -304,8 +304,8 @@ body { .btn-primary-outline.disabled, .btn-primary-outline:disabled { color: #ffffff !important; - background-color: #273043 !important; - border-color: #273043 !important; + background-color: #171717 !important; + border-color: #171717 !important; } .btn-secondary-outline, .btn-secondary-outline:active { @@ -332,7 +332,7 @@ body { .btn-info-outline:active { background-color: transparent !important; border-color: transparent; - color: #273043; + color: #171717; } .btn-info-outline:hover, .btn-info-outline:focus, @@ -346,8 +346,8 @@ body { .btn-info-outline.disabled, .btn-info-outline:disabled { color: #ffffff !important; - background-color: #273043 !important; - border-color: #273043 !important; + background-color: #171717 !important; + border-color: #171717 !important; } .btn-success-outline, .btn-success-outline:active { @@ -422,7 +422,7 @@ body { .btn-black-outline:focus, .btn-black-outline.focus, .btn-black-outline.active { - color: #000000 !important; + color: #171717 !important; background-color: transparent!important; border-color: transparent!important; box-shadow: none!important; @@ -455,7 +455,7 @@ body { border-color: #fafafa !important; } .text-primary { - color: #273043 !important; + color: #171717 !important; } .text-secondary { color: #dd0426 !important; @@ -464,7 +464,7 @@ body { color: #40b0bf !important; } .text-info { - color: #273043 !important; + color: #171717 !important; } .text-warning { color: #fdf0d5 !important; @@ -516,7 +516,7 @@ a.text-white.active { a.text-black:hover, a.text-black:focus, a.text-black.active { - color: #000000 !important; + color: #171717 !important; } a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) { position: relative; @@ -532,7 +532,7 @@ a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-cap background-position: 0px 1.2em; } .nav-tabs .nav-link.active { - color: #273043; + color: #171717; } .nav-tabs .nav-link:not(.active) { color: #232323; @@ -541,7 +541,7 @@ a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-cap background-color: #70c770; } .alert-info { - background-color: #273043; + background-color: #171717; } .alert-warning { background-color: #fdf0d5; @@ -550,17 +550,15 @@ a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-cap background-color: #ff9966; } .mbr-gallery-filter li.active .btn { - background-color: #273043; - border-color: #273043; + background-color: #171717; + border-color: #171717; color: #ffffff; } .mbr-gallery-filter li.active .btn:focus { box-shadow: none; } a, -a:hover { - color: #273043; -} + .mbr-plan-header.bg-primary .mbr-plan-subtitle, .mbr-plan-header.bg-primary .mbr-plan-price-desc { color: #91a0bf; @@ -597,7 +595,7 @@ a:hover { .form-control:hover, .form-control:focus { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px; - border-color: #273043 !important; + border-color: #171717 !important; } .form-control:-webkit-input-placeholder { font-family: 'Montserrat', sans-serif; @@ -609,19 +607,19 @@ a:hover { font-size: 1.375rem; } blockquote { - border-color: #273043; + border-color: #171717; } /* Forms */ .jq-selectbox li:hover, .jq-selectbox li.selected { - background-color: #273043; + background-color: #171717; color: #ffffff; } .jq-number__spin { transition: 0.25s ease; } .jq-number__spin:hover { - border-color: #273043; + border-color: #171717; } .jq-selectbox .jq-selectbox__trigger-arrow, .jq-number__spin.minus:after, @@ -633,14 +631,14 @@ blockquote { .jq-selectbox:hover .jq-selectbox__trigger-arrow, .jq-number__spin.minus:hover:after, .jq-number__spin.plus:hover:after { - border-top-color: #273043; - border-bottom-color: #273043; + border-top-color: #171717; + border-bottom-color: #171717; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { color: #ffffff !important; - background-color: #273043 !important; + background-color: #171717 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, @@ -718,7 +716,7 @@ a { } .cid-sgPI0rTtnd .dropdown-item:hover, .cid-sgPI0rTtnd .dropdown-item:focus { - background: #273043 !important; + background: #171717 !important; color: white !important; } .cid-sgPI0rTtnd .dropdown-item:first-child { @@ -752,7 +750,7 @@ a { } .cid-sgPI0rTtnd .dropdown-menu, .cid-sgPI0rTtnd .navbar.opened { - background: #273043 !important; + background: #171717 !important; } .cid-sgPI0rTtnd .nav-item:focus, .cid-sgPI0rTtnd .nav-link:focus { @@ -787,7 +785,7 @@ a { transition: all 0.3s; border-bottom: 1px solid transparent; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); - background: #273043; + background: #171717; } .cid-sgPI0rTtnd .navbar.opened { transition: all 0.3s; @@ -932,7 +930,7 @@ a { padding: 0.667em 1.667em; } .cid-sgPI0rTtnd .navbar.navbar-expand-lg .dropdown .dropdown-menu { - background: #273043; + background: #171717; } .cid-sgPI0rTtnd .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu { margin: 0; @@ -1037,7 +1035,7 @@ a { .cid-sgPJ0TKe9q { padding-top: 3rem; padding-bottom: 3rem; - background-color: #273043; + background-color: #171717; } @media (max-width: 991px) { .cid-sgPJ0TKe9q .image-wrapper { @@ -1057,7 +1055,7 @@ a { .cid-tih9EvSaF5 { padding-top: 5rem; padding-bottom: 0rem; - background-color: #273043; + background-color: #171717; } .cid-tih9EvSaF5 .mbr-section-title { color: #ffffff; @@ -1068,7 +1066,7 @@ a { .cid-sgPJIlmBEv { padding-top: 0rem; padding-bottom: 5rem; - background-color: #273043; + background-color: #171717; } .cid-sgPJIlmBEv .card-wrapper { background: #9197ae; @@ -1100,7 +1098,7 @@ a { .cid-t5rSAuN6jS { padding-top: 5rem; padding-bottom: 6rem; - background-color: #273043; + background-color: #171717; } .cid-t5rSAuN6jS img, .cid-t5rSAuN6jS .item-img { @@ -1116,7 +1114,7 @@ a { .cid-t5rSAuN6jS .slide-content { position: relative; border-radius: 4px; - background: #273043; + background: #171717; height: 100%; display: flex; overflow: hidden; @@ -1232,15 +1230,15 @@ a { } .cid-sU99xA04eV .mbr-section-subtitle { text-align: center; - color: #273043; + color: #171717; } .cid-sU99xA04eV .mbr-text { - color: #273043; + color: #171717; } .cid-tqAPe2NEkt { padding-top: 6rem; padding-bottom: 6rem; - background-color: #273043; + background-color: #171717; } .cid-tqAPe2NEkt .item { padding-bottom: 2rem; @@ -1430,9 +1428,9 @@ a { width: 7px; height: 7px; margin: 3px; - background: #000000; + background: #171717; opacity: 0.5; - border: 4px solid #000000; + border: 4px solid #171717; } .cid-tqAPe2NEkt .carousel-indicators .active { background: #fff; @@ -1494,7 +1492,7 @@ a { .cid-sU9iJiwiKR { padding-top: 0rem; padding-bottom: 8rem; - background-color: #273043; + background-color: #171717; } .cid-sU9iJiwiKR .mbr-section-title { color: #ffffff; @@ -1522,19 +1520,19 @@ a { padding-left: 1rem; font-family: 'Moririse2' !important; font-size: 1.4rem !important; - color: #273043; + color: #171717; } .cid-sU9izjxqWU .panel-body, .cid-sU9izjxqWU .card-header { padding: 1rem 0; } .cid-sU9izjxqWU .panel-title-edit { - color: #000000; + color: #171717; } .cid-t5zRJx1DXX { padding-top: 5rem; padding-bottom: 5rem; - background-color: #273043; + background-color: #171717; } .cid-t5zRJx1DXX .image-wrapper { display: flex; @@ -1559,7 +1557,7 @@ a { .cid-t5zRJx1DXX .mbr-iconfont { font-size: 2rem; padding-right: 1.5rem; - color: #273043; + color: #171717; } .cid-t5zRJx1DXX .mbr-section-title { color: #ffffff; diff --git a/assets/theme/css/style.css b/assets/theme/css/style.css index b1138c1..c1c47ac 100644 --- a/assets/theme/css/style.css +++ b/assets/theme/css/style.css @@ -8,6 +8,7 @@ body { line-height: 1.5; font-weight: 400; color: #232323; + background-color: #171717; position: relative; } @@ -40,9 +41,7 @@ a { font-weight: 400; cursor: pointer; } -a, a:hover { - text-decoration: none; -} + .mbr-section-title { font-style: normal; @@ -780,6 +779,67 @@ body { width: 14px; } +.image-container { + position: relative; + z-index: 10; +} + +.image-container::after { + content: ''; + position: absolute; + z-index: -1; + bottom: -24px; + left: 24px; + width: 100%; + height: 100%; + background: linear-gradient(rgb(235, 59, 59), rgb(239 68 68)); +} + +.image-container img { + z-index: -1; +} + +.image-container-alt { + position: relative; + z-index: 10; +} + +.image-container-alt::after { + content: ''; + position: absolute; + z-index: -1; + bottom: -24px; + left: -24px; + width: 100%; + height: 100%; + background: linear-gradient(rgb(235, 59, 59), rgb(239 68 68)); +} + +.image-container-alt img { + z-index: -1; +} + +.game-font { + font-family: 'Jersey 10', sans-serif; + font-weight: 400; + font-style: normal; +} + +@keyframes cycle-pulse { + 0% { + filter: invert(42%) sepia(77%) saturate(2318%) hue-rotate(334deg) brightness(96%) contrast(95%); + } + + 50% { + filter: invert(0%) sepia(1%) saturate(10%) hue-rotate(306deg) brightness(98%) contrast(101%); + } + + 100% { + filter: invert(42%) sepia(77%) saturate(2318%) hue-rotate(334deg) brightness(96%) contrast(95%); + } +} + + .form-control { background-color: #ffffff; background-clip: border-box; @@ -935,10 +995,6 @@ blockquote { display: none; } -.dropdown-item:hover + .dropdown-menu, -.dropdown-menu:hover { - display: block; -} @media (min-aspect-ratio: 16/9) { .mbr-video-foreground { diff --git a/fonts/NES/NESCyrillic.ttf b/fonts/NES/NESCyrillic.ttf new file mode 100644 index 0000000..ea94cb1 Binary files /dev/null and b/fonts/NES/NESCyrillic.ttf differ diff --git a/fonts/NES/style.css b/fonts/NES/style.css new file mode 100644 index 0000000..abb851e --- /dev/null +++ b/fonts/NES/style.css @@ -0,0 +1,4 @@ +@font-face { + font-family: 'NES'; + src: url('../NES/NESCyrillic.ttf') format('truetype'); +} diff --git a/index.html b/index.html index f796b53..5ff50b4 100644 --- a/index.html +++ b/index.html @@ -1,498 +1,792 @@ - - - - - - - - - - - - Home - - - - - - - - - - - - - - - + + + + + + + + - - - - - - - - -
- - - - -
-
-
-
- Hack@WPI -

-
January 12 - 14th, 2024
-
3rd Floor of the Campus Center

-
-
+ -
-
- -
- - -
-
-
-

- Hack@WPI Is Now GOATHACKS!

-

- We're excited to announce our rebranding to GOATHACKS!

- -
+
+ FAQ
-
-
- -
- - - - -
-
-
-
-
-

- Registration Is Open!

-


Please take a moment to read through our FAQ section below. If you have any questions, please don't hesitate to reach out to us at hack@wpi.edu

This event will be run according to the Goathacks Code of Conduct.


- -
-
-
+ -
-
+ -
+
+
+
+
+ Hack@WPI +
+
+

JAN 17th - 19th

+ REGISTER! +
+
+
+ Hack@WPI Logo +
+
+
+ +
+
+
+ - + Days +
+ +
+ - + Hours +
+ +
+ - + Mins +
+ +
+ - + Secs +
+
+
+ + +
+ + +
+
+
+ +
+
+
+

BUILD ANYTHING.

+

At GoatHacks, the sky is the limit with what you can create. We support all projects, virtual or physical, and will the resources you need to help you build your project.

+
+
+ +
- -
+
+

COLLABORATE.

+

Find your people at GoatHacks. Come with a team, or find a new one at our event! (Or go solo, if that's your thing).

+
+ +
+
+ +
+
+
+ +
+
+
+ +
+
+
+

LEARN.

+

Whether you're a seasoned hacker or starting for the first time, we've got you covered. We'll be hosting workshops and events from industry experts to help you learn new skills and reinforce existing ones.

+
+
+ + + +
+ + - -
- -
-
-
- -

Event Schedule

-

Friday January 12th    
06:00 PM Doors Open / Check-In Begins -
06:30 PM Opening Ceremony Begins
07:00 PM
Dinner
07:30 PM
Opening Ceremony Ends -
07:30 PM Team Formation Activity
09:00 PM Git Workshop
10:00 PM Python Workshop


Saturday January 13th
09:00 AM Drop-in Breakfast -
12:30 PM Drop-in Lunch
01:00 PM React Workshop
03:00 PM Physical Party Games
05:00 PM Flask and Express Workshop
06:00 PM PC Building Workshop
07:00 PM Creative Buildathon (VGC)
07:00 PM Drop-in Dinner -
08:00 PM Movie Night -
10:00 PM Digital Party Games (Jackbox, Gartic Phone, skribbl.io)

Sunday January 14th
09:00 AM  Drop-in Breakfast
11:00 AM   Project Submission Deadline (Upload to DevPost!)
02:30 PM   Closing Ceremony and Awards



-
-
-
-
- - + +
-
- - -
+
+
-
-


Looking to Sponsor?

-

- Interested in sponsoring? See our sponsor packet below and reach out to us at hack@wpi.edu -

- +
+

+
Looking to Sponsor? +

+

+ + See our sponsor packet below and reach out to us here! + +

+ +
-
-
+
+
-
+
+
+
+
+
+

+ FAQ +

+
- - - - -
- -
-
-
-

Frequently Asked Questions

- -
- -
-
- -
-
-

Yes, we will be providing food and refreshments for all attendants, more information to come!

-
-
-
-
- -
-
-

Anyone who is attending a university! Hackers must be 18+ years old and must be attending a college or university to participate.

-
-
-
-
- -
-
-

You do NOT need to know how to code in order to participate! Hack@WPI 2023 is open to all kinds of STEAM disciplines, and we encourage both software and hardware hacks. This means the event is not limited to just CS majors or programmers -- practically anybody can participate. 

-
-
-
-
- -
-
-

Tools, hardware and machines are available to WPI students in the Makerspace in the Innovation Studio; students should see makerspace.wpi.edu for more details. -

-
-
-
-
- -
-
-

- Teams can range anywhere from 1 to 5 people.

-
-
-
-
- -
-
-

The venue will be open over night for all participants to stay and work!

-
-
-
-
+
+
+ +
+
+

+ Yes, we will be providing food and refreshments for all + attendants, more information to come! +

+
+
+
+
+ +
+
+

+ Anyone who is attending a university! Hackers must be 18+ + years old and must be attending a college or university to + participate.

+

+
+
+
+
+ +
+
+

+ You do NOT need to know how to code in order to + participate! Hack@WPI 2023 is open to all kinds of STEAM + disciplines, and we encourage both software and hardware + hacks. This means the event is not limited to just CS + majors or programmers -- practically anybody can + participate. 
+

+
+
+
+
+ +
+
+

+ Tools, hardware and machines are available to WPI students + in the Makerspace in the Innovation Studio; students + should see + makerspace.wpi.edu + for more details.

+

+
+
+
+
+ +
+
+

+ Teams can range anywhere from 1 to 5 people.

+

+
+
+
+
+ +
+
+

+ The venue will be open over night for all participants to + stay and work! +

+
+
+
+
-
+ +
-
- - - -
-
-

- Contact Us!

- +
+
+
+
-
-
-
-
- -
-
-
- Email
-

hack@wpi.edu

-
-
-
-
-
-
- -
-
-
- Instagram
-

@goathacks_wpi

-
-
-
- - + +
+ + + + + + + + + + + + + + +
-
-
- - - - \ No newline at end of file +
+
+ +
+ +

+ Drag & Drop Website Builder +
+ + + + + + + + + + + Major League Hacking 2025 Hackathon Season + + diff --git a/project.mobirise b/project.mobirise index 67337eb..f06a4e1 100644 --- a/project.mobirise +++ b/project.mobirise @@ -6,7 +6,7 @@ "name": "mobirise5", "title": "Mobirise 5", "styling": { - "primaryColor": "#273043", + "primaryColor": "#000000", "secondaryColor": "#dd0426", "successColor": "#40b0bf", "infoColor": "#273043",