From e71e9d50e456f3792e3c30d49a63b9f2dc81418a Mon Sep 17 00:00:00 2001 From: Peter Kos Date: Mon, 25 Jan 2021 23:19:26 -0500 Subject: [PATCH] BrickHack 7 Site Updates (#1131) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * More opaque * Changed README badge * turning autoplay back on * Highlighting nav items with scroll (#1064) * Basic nav highlighting * Nav is now hidden on mobile again * Fixed conflicting smooth scrolling settings * Added transparency transition * Adjusted transition target * Adjusted transition target * Added a comment * Update sass/main.scss Co-authored-by: Peter Kos * Restored old nav structure, adjusted scrolling * Searchbar no longer shows ID, fixed border unaligning nav items * Remove hover on click * Cleaned up CSS, added comment * Removed newline * Update package-lock.json * Update package-lock.json * Target navbar links instead of login button Co-authored-by: Peter Kos * Bh-970 large screen layout (#1053) * initial commit * deleted swap file, increased nav size along with desk and shape dimensions * mobile section newlines * moved min-breakpoint above * removed extra newline * added spacing for mlh-badge styling * removed needless nav changes and fixed remaining spacing issues * Fix extra newlines Co-authored-by: Peter Kos * fixed shelf clipping bug on large screen sizes (#1089) changed it to be a percentage over 1500px screen width * Sponsors section (#1088) * Initial sponsor/partner logos * “Inrterested in sponsor” bit * logo updates, added prospectus * Fixed logos, fixed bg color * on hover show color logo; some bugs MLH logo wonky pinnacle no URl * attempt to fix hover delay gltich * Fix partner image size * Update pinnalce link, add sponsors to navbar * Multline sponsors; img size to match amt given * Responsive sponsor section * Exclude transition properly (Refactor l8r) * Hover state on mobile is now handled https://css-tricks.com/solving-sticky-hover-states-with-media-hover-hover/ * Tweak prospectus spacing * Extra newline * Hero section parallax (#1091) * Hero section parallax * Update package-lock.json * Update dependencies * Tweak parallax values for now * Fix zindex on hero content; reorder desk container * Fix shapes div disappearing * Fixed hero text clipping over shelf, disabled mobile parallax * Removed rellax class from the shelf Co-authored-by: Peter Kos * Carousel image clips over the front clip on mobile on tap/slide (#1078) * Carousel image: removed transparency on hover for smaller screens * Changed hover effect to brightness from opacity * Older iOS can now close image modal * Disabled filter effect on mobile * Increased nav z-index from 4 to 5 Co-authored-by: Peter Kos * Adding social media summary cards (#1095) * text for cards; still need imgs from design * fixing the example url I left in * removing theme-color meta tag * adding social card image * fixing file paths * fixing twitter * Add parcel-plugin-metaimage * twitter:image property->name Co-authored-by: Peter Kos * Update shipping FAQ, team size (#1086) * Update shipping FAQ * Remove extra newline * Add team membership limit to faq * Update to logistics wording * Remove extra spaces after some text * Fix hover effect (#1098) * Integrating with FeaturePeek (#1108) * Integrating with FeaturePeek * Fix the newlines * Integrating with FeaturePeek * Fix build script, damn featurepeek * Removes Dokku files/integrations (#1113) * Removes Dokku files/integrations * Update deploy-staging.yml * Update FAQ (#1114) * Add Prizes section (#1117) * Start prizes section * More deisgn + more repsosnive * cleanup * real emdashes * Add wegmans, stickermule (#1120) * making schedule match prizes with border-top (#1122) * new media query for mobile nav (#1123) * stickermule link update (#1129) Co-authored-by: ww2497 Co-authored-by: sjmiller7 Co-authored-by: William Wu <31863372+ww2497@users.noreply.github.com> Co-authored-by: Samuel Velasquez <46058951+sjv01180@users.noreply.github.com> Co-authored-by: JeremyRudman <38338616+JeremyRudman@users.noreply.github.com> Co-authored-by: sjmiller7 <56453920+sjmiller7@users.noreply.github.com> Co-authored-by: Chris Baudouin, Jr --- .github/workflows/deploy-staging.yml | 26 ++-- assets/prizes/rickyconfetti.svg | 78 ++++++++++ assets/sponsors/logos/stickermule-white.svg | 60 ++++++++ assets/sponsors/logos/stickermule.svg | 61 ++++++++ assets/sponsors/logos/wegmans-white.svg | 42 ++++++ assets/sponsors/logos/wegmans.svg | 42 ++++++ buildpack-run.sh | 5 - index.html | 31 +++- peek.yml | 5 + sass/main.scss | 157 ++++++++++++++++---- 10 files changed, 463 insertions(+), 44 deletions(-) create mode 100644 assets/prizes/rickyconfetti.svg create mode 100644 assets/sponsors/logos/stickermule-white.svg create mode 100644 assets/sponsors/logos/stickermule.svg create mode 100644 assets/sponsors/logos/wegmans-white.svg create mode 100644 assets/sponsors/logos/wegmans.svg delete mode 100644 buildpack-run.sh create mode 100644 peek.yml diff --git a/.github/workflows/deploy-staging.yml b/.github/workflows/deploy-staging.yml index 6071475a7..d9839ec8d 100644 --- a/.github/workflows/deploy-staging.yml +++ b/.github/workflows/deploy-staging.yml @@ -1,20 +1,20 @@ -name: Deploy - Staging +# Deploys a preview page for each PR on FeaturePeek -on: - push: - branches: - - develop +name: Deploy - Staging +on: push jobs: - deploy-staging: + build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v2 + - name: Use node 12.x + uses: actions/setup-node@v1 with: - ref: develop - - name: Push to Staging - uses: dokku/github-action@master - with: - git_push_flags: '--force' - git_remote_url: 'ssh://dokku@csh-cloud.oweb.co:22/brickhack-stage' - ssh_private_key: ${{ secrets.CODERIT_CLOUD_SSH_PRIVATE_KEY }} + node-version: 12.x + - name: Install dependencies + run: npm install + - name: Build + run: npm run build + - name: Ping FeaturePeek + run: bash <(curl -s https://peek.run/ci) diff --git a/assets/prizes/rickyconfetti.svg b/assets/prizes/rickyconfetti.svg new file mode 100644 index 000000000..af1ce233e --- /dev/null +++ b/assets/prizes/rickyconfetti.svg @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/sponsors/logos/stickermule-white.svg b/assets/sponsors/logos/stickermule-white.svg new file mode 100644 index 000000000..7279425f2 --- /dev/null +++ b/assets/sponsors/logos/stickermule-white.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + + + + + diff --git a/assets/sponsors/logos/stickermule.svg b/assets/sponsors/logos/stickermule.svg new file mode 100644 index 000000000..bf2556c50 --- /dev/null +++ b/assets/sponsors/logos/stickermule.svg @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + + + + diff --git a/assets/sponsors/logos/wegmans-white.svg b/assets/sponsors/logos/wegmans-white.svg new file mode 100644 index 000000000..28b1b2796 --- /dev/null +++ b/assets/sponsors/logos/wegmans-white.svg @@ -0,0 +1,42 @@ + + + + + + diff --git a/assets/sponsors/logos/wegmans.svg b/assets/sponsors/logos/wegmans.svg new file mode 100644 index 000000000..1f81c97d2 --- /dev/null +++ b/assets/sponsors/logos/wegmans.svg @@ -0,0 +1,42 @@ + + + + + + diff --git a/buildpack-run.sh b/buildpack-run.sh deleted file mode 100644 index 2249a84b9..000000000 --- a/buildpack-run.sh +++ /dev/null @@ -1,5 +0,0 @@ -# Runs build script so heroku-buildpack-static -# has a freshly compiled static site to work with. -rm -r build -npm install -npm run build diff --git a/index.html b/index.html index 69ecafe59..c43febea5 100644 --- a/index.html +++ b/index.html @@ -40,6 +40,7 @@ GENERAL SCHEDULE + PRIZES FAQ ABOUT US SPONSORS @@ -218,6 +219,28 @@
SUNDAY
+
+

Prizes

+
+
+ Confetti Ricky the Brick +
+
+
+

Despite going digital, you can still win prizes at BrickHack!

+
+
+

This year, we'll have more than 10 prize categories for you to compete in — more info to come on Devpost.

+
+
+

We'll have physical prizes shipped out to United States and Canada residents, while digital prizes are open game for everybody!

+
+
+

Check out our FAQ for more details.

+
+
+
+

Frequently Asked Questions

@@ -297,7 +320,7 @@

Frequently Asked Questions

Soon!

-

(We'll send an email out if you are accepted.)

+

Every application is considered on a first-come, first-serve basis. So register early! We'll send an email out if you're accepted.

@@ -413,6 +436,9 @@

Sponsors

+

Interested in sponsoring BrickHack 7?

diff --git a/peek.yml b/peek.yml new file mode 100644 index 000000000..864b7fbeb --- /dev/null +++ b/peek.yml @@ -0,0 +1,5 @@ +version: 2 +main: + type: static + path: /build + spa: false \ No newline at end of file diff --git a/sass/main.scss b/sass/main.scss index 21d4151ab..cef6c5509 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -514,6 +514,65 @@ nav { } } +#prizes { + h1 { + font-size: $title-size; + margin-bottom: 40px; + } + + #prizes-wrapper { + display: flex; + justify-content: space-between; + align-content: center; + max-width: 1600px; + margin: 0 auto; + + #ricky-confetti { + align-self: flex-end; + width: 30%; + + img { + max-height: 100%; + display: block; + margin: 0 auto; + } + } + + #prizes-container { + width: 70%; + display: flex; + flex-direction: column; + justify-content: space-between; + padding-left: 40px; + + .prize { + background-color: white; + padding: 35px; + border-radius: $img-border-radius; + margin-bottom: 30px; + + &:last-child { + margin-bottom: 0; + } + + // Sequentially assign colors to all elements + $colors: $light-gray, $orange; + @for $i from 1 through 4 { + &:nth-child(#{$i}) { + border-top: 10px solid nth($colors, $i % length($colors) + 1); + } + } + + p, strong { + color: $blue; + } + } + } + } + + +} + #faq { background-color: $dark-blue; #faq-wrapper { @@ -660,6 +719,7 @@ nav { user-select: none; cursor: pointer; color: white; + .day { .number { font-size: 6.5em; @@ -688,7 +748,7 @@ nav { $colors: $red, $orange, $light-gray; @for $i from 1 through $event-count { .event:nth-child(#{$i}) { - border-left: 30px solid nth($colors, $i % length($colors) + 1); + border-top: 10px solid nth($colors, $i % length($colors) + 1); } } @@ -892,6 +952,10 @@ footer { background-image: url("/assets/sponsors/logos/mtbank.svg"); } + .wegmans:hover { + background-image: url("/assets/sponsors/logos/wegmans.svg"); + } + .readme:hover { background-image: url("/assets/sponsors/logos/readme.svg"); } @@ -903,6 +967,10 @@ footer { .mlh:hover { background-image: url("/assets/sponsors/logos/mlh.svg"); } + + .stickermule:hover { + background-image: url("/assets/sponsors/logos/stickermule.svg"); + } } } @@ -1086,6 +1154,18 @@ footer { justify-content: space-between; } + #prizes #prizes-wrapper { + #prizes-container { + .prize { + padding: 20px; + + p, strong { + font-size: 1em; + } + } + } + } + #sponsors { #sponsor-grid, #partner-grid { flex-wrap: wrap; @@ -1117,11 +1197,38 @@ footer { } } -@media screen and (max-width: 900px) { +@media screen and (max-width: 955px) { // Redefine only for mobile $nav-height: 60px; + nav { + height: $nav-height; + position: absolute; + + #logo img { + width: $nav-height; + height: $nav-height; + } + + #mlh-badge { + width: 90px; + } + + .link { + display: none; + } + + #login { + padding: 8px 30px; + margin: 0; + font-size: 0.8em; + } + } +} + +@media screen and (max-width: 900px) { + h1, section > p { text-align: center; } @@ -1146,23 +1253,6 @@ footer { padding: 20px; } - nav { - height: $nav-height; - position: absolute; - - #logo img { - width: $nav-height; - height: $nav-height; - } - - #mlh-badge { - width: 90px; - } - - .link { - display: none; - } - } #hero { #hero-content { @@ -1295,6 +1385,25 @@ footer { } } + #prizes #prizes-wrapper { + flex-direction: column; + max-height: 100%; + + #ricky-confetti { + width: 55%; + margin: 0 auto; + } + + #prizes-container { + width: 100%; + padding-left: 0; + margin-top: 30px; + .prize { + margin-bottom: 20px; + } + } + } + #faq #faq-wrapper { h1 { @@ -1341,12 +1450,6 @@ footer { padding: 20px; } - nav #login { - padding: 8px 30px; - margin: 0; - font-size: 0.8em; - } - #hero { p { @@ -1412,6 +1515,10 @@ footer { } } + #prizes #prizes-wrapper #ricky-confetti { + width: 65%; + } + #leadership #leaders { grid-template-columns: repeat(2, $leadership-size-mobile-sm);