celilo/tango-nexus
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Turn the homepage into the October 2027 teaser #26

Merged
forgejo-admin merged 1 commit from october-2027 into main 2026-09-23 05:48:45 +00:00
Conversation 0 Commits 1 Files changed 117 +374 -16
forgejo-admin commented 2026-09-23 05:46:44 +00:00
Owner
Copy link

Problem

The 2026 weekend is over, but the homepage still sells tickets for it. The site needs to point people at the next one: October 2027.

Solution

  • New homepage: a full-screen wall of 109 photos from the 2026 weekend. The photos fly in, then drift right to left in five tilted rows. "October 2027" sits in the centre with "Friendly tango that crosses borders" under it; "Tango Nexus", "Portland, Oregon" and "Alt Tango" sit in the corners, and a "See 2026 →" button links to the archive. On phones, the smaller words take turns under the date. For visitors who turn off motion, everything holds still. The page is plain CSS, no JavaScript (src/components/Montage.astro).
  • Archive: the 2026 page moves unchanged to /2026, including the schedule, bios and .ics feeds.
  • Texture: film grain and slow-drifting glows added in BaseLayout. This applies to both pages.
  • Photos: two shots with identifying tattoos are left out. Everyone else pictured has agreed to be shown.
  • build.inlineStylesheets: 'never': the new homepage has no JavaScript, and its CSS was being inlined. That left its HTML with no .css or .js URL, so the health check would fail with "references no script or stylesheet".

Testing

  • npm run build and astro check pass (0 errors).
  • Built with CELILO_ROUTE=/nexus: stylesheet and /2026 links get the prefix.
  • Screenshots at 1440×900, and at phone width with motion turned off.
  • Not verified: the phone text rotation running live. Headless screenshots couldn't capture it.
  • lasertag reports five false-positive dead-selector warnings on the @keyframes definitions. It has no way to suppress them.

🤖 Generated with Claude Code

## Problem The 2026 weekend is over, but the homepage still sells tickets for it. The site needs to point people at the next one: October 2027. ## Solution - **New homepage:** a full-screen wall of 109 photos from the 2026 weekend. The photos fly in, then drift right to left in five tilted rows. "October 2027" sits in the centre with "Friendly tango that crosses borders" under it; "Tango Nexus", "Portland, Oregon" and "Alt Tango" sit in the corners, and a "See 2026 →" button links to the archive. On phones, the smaller words take turns under the date. For visitors who turn off motion, everything holds still. The page is plain CSS, no JavaScript (`src/components/Montage.astro`). - **Archive:** the 2026 page moves unchanged to `/2026`, including the schedule, bios and `.ics` feeds. - **Texture:** film grain and slow-drifting glows added in `BaseLayout`. This applies to both pages. - **Photos:** two shots with identifying tattoos are left out. Everyone else pictured has agreed to be shown. - **`build.inlineStylesheets: 'never'`:** the new homepage has no JavaScript, and its CSS was being inlined. That left its HTML with no `.css` or `.js` URL, so the health check would fail with "references no script or stylesheet". ## Testing - `npm run build` and `astro check` pass (0 errors). - Built with `CELILO_ROUTE=/nexus`: stylesheet and `/2026` links get the prefix. - Screenshots at 1440×900, and at phone width with motion turned off. - Not verified: the phone text rotation running live. Headless screenshots couldn't capture it. - `lasertag` reports five false-positive `dead-selector` warnings on the `@keyframes` definitions. It has no way to suppress them. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
The homepage is now a full-screen wall of 109 photos from the 2026
weekend, drifting right to left in five rows, with "October 2027",
"Tango Nexus", "Portland, Oregon", "Alt Tango" and the tagline around
it. On phones the smaller words take turns under the date.

The 2026 page moves unchanged to /2026 and the teaser links to it.
Two photos with identifying tattoos are left out; everyone else
pictured has agreed to be shown.

The homepage ships no JS, so stylesheets are no longer inlined —
otherwise its HTML would reference no .css/.js file and the health
check, which proves the base path by fetching one, would fail.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
celilo/tango-nexus!26
No description provided.