Skip to content

HackCamp 2026: last-minute fixes (sponsor tiers, phone stars, footer bed and clouds) - #709

Merged
Flaryiest merged 6 commits into
hackcamp2026_devfrom
eric/hackcamp2026-last-minute-fixes
Sep 26, 2026
Merged

Flaryiest merged 6 commits into
hackcamp2026_devfrom
eric/hackcamp2026-last-minute-fixes

Conversation

@Flaryiest

@Flaryiest Flaryiest commented Sep 26, 2026 •

Copy link
Copy Markdown
Member

Last-minute fixes from the QA pass.

Done

  • Sponsor shelves keep tiers apart. Frames were packed three to a shelf across the whole tier-sorted list, so a tier that didn't fill its last shelf shared it with the next one (Investly next to n8n and ElevenLabs, RBC GAM next to Spin Society and Formation Studios). Each tier now starts a fresh shelf. With the current production sponsors that's silver ×3 | silver ×2 | bronze ×2 | in-kind ×3, still four shelves. Covered by a new test in shelves.test.ts.
  • Stats: sharper small stars on phones. The strip of small stars was drawn at screen width and enlarged with scale-300, which Safari rasterizes before scaling. It's now laid out 300% wide and only rotated, in exactly the same place.
  • Footer: cloud pillars even on phones. The left pillar reached ~14% of the width in and the right ~8%. The art is shifted 3% left so both reach ~11%. Desktop unchanged.
  • Footer: the phone bed's pieces fit together again. The phone bed was redrawn at 1.13157× the desktop bed, but the headboard and star group kept placements from the old phone frame (narrow, high headboard; big star on the bear's phone). The headboard now gets the bed's desktop-to-phone scale and offset, so it sits where it does on desktop. The yellow star group (with the big star) doesn't follow the bed's scale: the phone bed is wider than the gap between the cloud pillars, which would put the edge stars on the pillars' own stars. Instead it's sized to the visible blanket, 15%–85% across. Layer order matches Figma (yellow stars over the front clouds, background stars on top).
  • Footer: team heading a little lower on phones. The phone scene is raised 3vw (bottom-[10vw] → bottom-[13vw]), so "Meet the minds behind HackCamp" clears the blanket and its stars. The plain strip behind the copyright line gets 3vw taller.

To check

  • Stats stars on an iPhone. The fix couldn't be tested in Safari locally; in Chrome they were already sharp.
  • Footer at 375px. The heading clears the blanket; the lowest yellow star rests on the cloud band just above it.

Frames were packed three to a shelf across the whole tier-sorted list, so a tier that didn't fill its last shelf shared it with the next tier down (Investly next to n8n and ElevenLabs, RBC GAM next to Spin Society and Formation Studios).
…aled up

The strip was drawn at the screen's width and blown up with scale-300, which Safari rasterizes before scaling, so the stars came out pixelated. It is now laid out 300% wide and only rotated, in the same place.
The phone placement had the left pillar reaching ~14% of the width in and the right ~8%. Shifting the art 3% left evens them at ~11%.
The phone bed was redrawn from the current Figma at 1.13157x the desktop bed, but the headboard and star group kept placements from the old phone frame, so the headboard came out narrow and high and the stars drifted (the big star landed on the bear's phone). Both now get the bed's desktop-to-phone scale and move, so every piece sits where it does on desktop. The lowest star of the group is clipped off below xl, where it would land on the team heading.
@github-actions

github-actions Bot commented Sep 26, 2026 •

Copy link
Copy Markdown

Visit the preview URL for this PR (updated for commit e52fd11):

https://dev-nwplus-root--pr709-eric-hackcamp2026-la-s89stg2d.web.app

(expires Tue, 06 Oct 2026 02:28:42 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: ca465d4a689cc01bf206252b60f82f45b4ba90eb

The phone scene is raised 3vw (bottom 10vw -> 13vw), which moves the bed up relative to the team gallery, so the heading clears the blanket and the stars on it. The headboard fix left room above the bed for it.
Scaling the star group with the phone bed spread its edge stars onto the cloud pillars, over the pillars' own stars. On the phone the group is now sized to the part of the blanket between the pillars (15%-85% across) with the big star moved along with it; the design's layer order (glowing stars over the front clouds) is unchanged, and the lowest star is back on the cloud band, so the clip that hid it is gone.
@Flaryiest
Flaryiest merged commit af550c6 into hackcamp2026_dev Sep 26, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant