5221b310ff
Hero blank-hero bug: eyebrow/headline/subheadline/description read
field.text|default:field, which hard-errors in the ninjatpl engine on
bare-string seed values (attribute access on a string), blanking the whole
hero. Switch to field|get:"text"|default:field — the process-global `get`
filter degrades gracefully on both {text,...} objects and bare strings.
Responsive layout back to Tailwind (supersedes the prior CSS-class approach
in 6787a01): the host Tailwind build now scans theme .ninjatpl, so the
cp-grid / cp-cols / cp-span / cp-split / cp-article-grid classes were exact
reimplementations of stock utilities. Restore plain Tailwind in the
templates (grid grid-cols-1 sm:/md:/lg:grid-cols-*, gap-*, columns-*,
col-span-*, before:* timeline connector) across feature-grid, pricing,
stats, team, testimonial, contact-card, featured/related-posts, blog-hero,
menu-list, event-list, hours-location, timeline, footer, gallery,
rich-section, roster_grid, article + hero split section, and delete the
duplicate CSS from manifest css.input_css_append.
Kept as genuinely bespoke design CSS: cp-hero-* bounded clamp() min-heights
(the anti-balloon whitespace fix — not a stock min-h-* utility; restoring
min-h-screen would reintroduce the empty neon void) and the reduced-motion /
high-contrast blocks.
Scroll-reveal: cyberpunk ships no opacity-hidden .reveal content — its two
IntersectionObservers (hero digital-rain, stats countUp) fire on the IO
initial callback when already in view and both have static, visible no-JS /
reduced-motion fallbacks, so content is never hidden behind JS.
make (codeless .bnp) OK; check-safety 32 checks 19 ok 13 skip -> OK.
No version bump. No push.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Cyberpunk
A high-voltage theme built on neon glow over near-black. Magenta, cyan, and lime accents cut across scanlines, glitch splits, and HUD brackets, so a page reads like the interface of a late-night game studio. The hero carries an animated canvas that rains code down the screen. It looks loud, and the type stays legible while it does.
Good for
We built Cyberpunk for teams that want a screen to feel switched on. Treat these as starting points, not limits. If the mood fits your brand, use it:
- Indie game studios and dev collectives
- Developer tools and API products
- Crypto, fintech, and Web3 launches
- Hackathons and tech event pages
What you get
- Five color presets, each with a tuned light mode and a tuned dark mode: Neon Noir, Acid Rain, Toxic Bloom, Hotline, and Ghost Protocol.
- Orbitron for display headings, Share Tech Mono for code and labels, and Inter for body text. All three ship bundled. Fonts stay admin-controlled, so you can swap them from the typography settings.
- An animated canvas hero that rains code behind the headline. It waits until it scrolls into view, honors reduced-motion, and falls back to a static neon gradient when scripting is off.
- Four persona blocks: a glitch hero, a neon code panel, a team roster grid, and a patch-notes feed.
- A demo site that installs when you activate the theme: a home page, an about page, a short blog, and a contact page whose form emails your admins. It comes seeded as a studio called Neon Forge.
- Every core block restyled to match, plus a themed login screen and a themed 404 page.
Install
Install from the BlockNinja registry, then pick a preset and assign your fonts in the admin. Activate the demo content if you want a fully dressed starting point.