Restyle Hacklytics 2027 hero to pixel-neo Digital Bloom - #369
Conversation
Replace the centered orb/grid hero with left-offset copy, a live countdown board to Feb 26 2027 00:00 America/New_York, and a full-fold PixelGarden that reuses the existing flora sprites plus sine-wave vines. Co-authored-by: Aamogh <aamoghS@users.noreply.github.com>
Dependency Review✅ No vulnerabilities or license issues or OpenSSF Scorecard issues found.Scanned FilesNone |
|
Visit the preview URL for this PR (updated for commit e280640): https://hacklytics2027--pr-369-qzn10c65.web.app (expires Fri, 04 Sep 2026 04:27:38 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: c48ba34db61581e25fe2978355160b5eefe0e83f |
Keep the left-offset Digital Bloom hero off the ground strip, show more flora on mobile, and give Notify me a wider tap target. Co-authored-by: Aamogh <aamoghS@users.noreply.github.com>
|
| Filename | Overview |
|---|---|
| sites/hacklytics2027/app/page.tsx | Rebuilds the hero and countdown; the fixed mobile title can be clipped on narrow screens, and dynamic SSR accessibility text can produce a hydration mismatch. |
| sites/hacklytics2027/components/pixel/PixelGarden.tsx | Replaces the fixed parallax garden with deterministic full-hero vine, flora, ground, and spore layers while retaining established animation controls. |
| sites/hacklytics2027/components/pixel/sprites.ts | Adds a globe sprite using characters and palette mappings already supported by the sprite renderer. |
Reviews (1): Last reviewed commit: "Tighten hero layout so copy sits above a..." | Re-trigger Greptile
![greptile-apps[bot]](https://avatars.githubusercontent.com/in/867647?s=60&v=4){kind=small}
| Hacklytics | ||
| </h1> | ||
| <PixelSprite | ||
| map={DAISY} | ||
| palette="cyan" | ||
| scale={7} | ||
| glow | ||
| className="hidden lg:block animate-sway origin-bottom" | ||
| style={{ animationDuration: "7.5s", animationDelay: "-2s" }} | ||
| /> | ||
| </div> | ||
|
|
||
| <p className="font-sans text-lg md:text-xl lg:text-2xl text-white/50 max-w-2xl mx-auto leading-relaxed mb-12 font-light tracking-wide"> | ||
| 36 hours of intelligence, innovation, and digital bloom. <br className="hidden md:block"/> | ||
| Join 1,000+ hackers in Atlanta, GA. | ||
| </p> | ||
| <p className="mt-6 max-w-lg font-sans text-base font-normal leading-relaxed text-white md:text-lg"> |
There was a problem hiding this comment.
At a 320px viewport, px-6 leaves 272px for the unbroken heading, but the new fixed text-6xl size exceeds that width and the hero's overflow-hidden clips the right side of “Hacklytics.”
| { label: "MIN", value: pad(time.minutes), accent: false }, | ||
| { label: "SEC", value: pad(time.seconds), accent: false }, | ||
| ]; | ||
|
|
||
| return ( |
There was a problem hiding this comment.
The server and browser each derive this aria-label from Date.now(), so crossing a second between rendering and hydration changes the attribute and produces a React hydration warning; suppression on the child number spans does not cover this parent attribute.
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.
Want higher recall? High effort reviews run extra passes and find more bugs. A team admin can switch effort levels in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit e280640. Configure here.
| tick(); | ||
| const id = window.setInterval(tick, 250); | ||
| return () => window.clearInterval(id); | ||
| }, []); |
There was a problem hiding this comment.
Stale countdown on first paint
Medium Severity
Countdown seeds now with Date.now() during render on a statically exported page, so the baked HTML shows the remaining time from build (or a service-worker cached copy) until hydration. suppressHydrationWarning covers only the digit spans, not the parent aria-label, so React still sees a mismatch. The previous mounted placeholder avoided both the stale number and the warning.
Additional Locations (1)
Reviewed by Cursor Bugbot for commit e280640. Configure here.
|
Closing because we restarted Figma-first; hero lives in the shared Figma file, not this branch. |
2 participants
Restyles the Hacklytics 2027 hero to the locked pixel-neo Digital Bloom look, using the existing sprite system instead of the centered live-site layout.
What changed
sites/hacklytics2027/app/page.tsx) is left-offset: Digital Bloom eyebrow, Space Grotesk H1 with a 1–2px CRT split, cyan Notify me (stillINTEREST_URL), and a single live countdown board to Feb 26, 2027 00:00 America/New_York. DAYS is cyan; HRS/MIN/SEC are white. Small DS@GT globe mark. No form.PixelVine/PixelGroundexports used by About still work.Out of scope
Navbar, Footer, About, Tracks, PrizeAndSpeaker, Schedule, Sponsor — other owners.