Skip to content

Refactor Guest discovery and Halloween UI with Node.js checks - #97

Merged
hoangsvit merged 3 commits into
mainfrom
refactor/halloween-ui
Oct 14, 2026
Merged

hoangsvit merged 3 commits into
mainfrom
refactor/halloween-ui

Conversation

@hoangsvit

@hoangsvit hoangsvit commented Oct 14, 2026 •

Copy link
Copy Markdown
Member

Guest previously looked like an empty Profile dashboard: a large score hero, repeated profile prompts, full-width tier rows before the labs, and a saved profile URL still visible in the form. Halloween overrides also covered content and painted dark surfaces in light mode; the preview mode switch lost its styling in Profile mode.

This PR makes Guest a public Arcade discovery page and fixes the seasonal/preview presentation:

  • Use a compact localized discovery hero, followed by monthly games and a public tier/reward sidebar on desktop. On mobile, games come before tiers; compact cards prioritize title, code, points, deadline and the enrollment link. Move the extension strip below discovery, remove the large guest banner and obsolete styles, and point guest navigation at Labs instead of an absent personal badge section.
  • Start new visitors in Guest and restore saved profiles into Profile. Keep a separate empty Guest input, hide Reset in Guest, and preserve stored profile data when toggling preview modes.
  • Show one profile-tracking hint instead of repeating it on every public game card. Add a localized retry panel when the game feed fails instead of leaving an empty column. New copy is complete in all 13 catalogs; localized Guest headings are prerendered and checked for SEO.
  • Consolidate Halloween colors, move decoration behind the scrolling hero, simplify mobile artwork, retain the dark-only moon and support reduced motion/forced colors. Refresh activation on navigation, preferences and date rollover, excluding widgets.
  • Style preview mode controls in both Guest/Profile with theme fallbacks and icon spacing.
  • Use Node.js for managed static serving and GA HTML validation in CI/deployment; remove the Python validator.

Validation: 151 unit tests passed; i18n generation, TypeScript and lint passed (existing warnings remain). Production and PR static builds passed; GA and SEO export checks passed for the homepage and all 12 localized routes. Browser verification passed 36 Guest combinations (English/Vietnamese/German × light/dark × 320/390/1440px on production and PR builds), including code copying, successful analysis, stored-profile restoration, Guest privacy and failed-feed retry. Existing seasonal/preview checks passed 48 combinations. Desktop/mobile screenshots inspected. Browser tests use deterministic game/profile fixtures and isolate external feeds.

Based on main; unrelated open UI PRs are not included.

@qodo-code-review

Copy link
Copy Markdown

ⓘ Qodo reviews are paused because the subscription is no longer active. Ask your workspace admin to reactivate the subscription to resume reviews. Manage billing

@github-actions

github-actions Bot commented Oct 14, 2026 •

Copy link
Copy Markdown
Contributor

🧹 PR preview removed

The preview for this pull request was removed after the PR was closed.

@coderabbitai

coderabbitai Bot commented Oct 14, 2026 •

Copy link
Copy Markdown

Important

  • 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration
  • Configuration used: defaults
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 6b2ee33b-d547-499f-a7c8-21323434ea5e
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

github-actions Bot added a commit that referenced this pull request Oct 14, 2026
@hoangsvit hoangsvit changed the title Refactor Halloween UI for light/dark themes and mobile Fix Halloween and preview UI; use Node.js validation Oct 14, 2026
github-actions Bot added a commit that referenced this pull request Oct 14, 2026
@hoangsvit hoangsvit changed the title Fix Halloween and preview UI; use Node.js validation Refactor Guest discovery and Halloween UI with Node.js checks Oct 14, 2026
github-actions Bot added a commit that referenced this pull request Oct 14, 2026
@hoangsvit
hoangsvit merged commit 5b6d57b into main Oct 14, 2026
5 checks passed
@hoangsvit
hoangsvit deleted the refactor/halloween-ui branch October 14, 2026 03:50
github-actions Bot added a commit that referenced this pull request Oct 14, 2026

This branch was successfully deployed

1 active deployment
pr-preview — 67d8dff7 Deployed Oct 14, 2026 by hoangsvit via preview #949
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