+
+
-
-
- {% if logo_url %} {% endif %}
+ |
+ $ from: {{ site_name }}
+ {% if logo_url %}{% else %}{{ site_name }} {% endif %}
|
- | {{ body|safe }} |
+ {{ body|safe }} |
- | |
+
|
- |
- {% if site_url %} {{ site_url }} {% endif %}
- {% if unsubscribe_url %}[esc] unsubscribe {% else %}[esc] unsubscribe {% endif %}
+ |
+ {% if site_url %} {{ site_url }} {% endif %}
+ {% if support_email %}{{ support_email }} {% endif %}
+ {% if unsubscribe_url %}[esc] unsubscribe {% else %}[esc] unsubscribe {% endif %}
|
diff --git a/templates/overrides/cyberpunk/announcement-bar.ninjatpl b/templates/overrides/cyberpunk/announcement-bar.ninjatpl
new file mode 100644
index 0000000..3b4111e
--- /dev/null
+++ b/templates/overrides/cyberpunk/announcement-bar.ninjatpl
@@ -0,0 +1,21 @@
+{# announcement_bar (WO-TF-006): dismissable banner; dismissal persists in localStorage keyed by a content hash (variant + slugified message) so it reappears when the message changes; no-JS fallback is a static non-dismissable strip. Cyberpunk override: mono broadcast readout — data-* + script preserved. #}
+{% set anncls = "bg-primary/10 text-foreground" %}
+{% if variant == "promo" %}{% set anncls = "bg-primary text-primary-foreground" %}{% elif variant == "alert" %}{% set anncls = "bg-destructive text-destructive-foreground" %}{% endif %}
+
+
+ {{ message }}{% if linkText and linkUrl %} {{ linkText }}{% endif %}
+{% if dismissable %} {% endif %}
+
+ {% if artwork %} {% img artwork alt=title|default:"" class="h-full w-full object-cover" %} {% endif %} {% if title %} {{ title }} {% endif %}{% if artist %} {{ artist }} {% endif %}
+ Session active as {{ context.publicUsername }}
+ My Account
+
+
+
+
+
+
+
+
+
+ Verify your email address.
+ {% endif %}
+
+
+
+
+
+{% if showAvatar and author.avatar_url %} {% img author.avatar_url alt=author.display_name class="h-full w-full object-cover" %} {% endif %}
+ {{ author.display_name }}
+{% if author.job_title or author.company %} {{ author.job_title }}{% if author.job_title and author.company %} · {% endif %}{{ author.company }} {% endif %}
+{% if author.bio %} {{ author.bio }} {% endif %}
+
+{% if showPostCount %}{{ author.post_count|default:0 }} post{% if author.post_count != 1 %}s{% endif %}{% endif %}
+{% if author.location %}{{ author.location }}{% endif %}
+
+{% if showSocial %}
+{% if author.website_url %} {% endif %}
+{% if author.twitter_handle %} {% endif %}
+{% if author.linkedin_url %} {% endif %}
+{% if author.github_url %} {% endif %}
+ {% endif %}
+
+
+{% if title %} {{ title }}{% endif %}
+{% if subtitle %} {{ subtitle }} {% endif %}
+
+{% if posts %}
+
+{% endif %}
+ {% if newTab %}{% button style|default:"primary" text=label|default:"Learn more" href=link|default:"#" size=size|default:"md" icon=icon|default:"" icon_position=iconPosition|default:"left" target="_blank" %}{% else %}{% button style|default:"primary" text=label|default:"Learn more" href=link|default:"#" size=size|default:"md" icon=icon|default:"" icon_position=iconPosition|default:"left" %}{% endif %} {% endwith %}
diff --git a/templates/overrides/cyberpunk/card.ninjatpl b/templates/overrides/cyberpunk/card.ninjatpl
index 44af74e..680ec77 100644
--- a/templates/overrides/cyberpunk/card.ninjatpl
+++ b/templates/overrides/cyberpunk/card.ninjatpl
@@ -1 +1,2 @@
-{% if href %}{% if media %} {% endif %}{% if title %}{{ title }}{% endif %}{% if body %}{{ body|safe }} {% endif %}{% else %}{% if media %}{% endif %}{% if title %}{{ title }}{% endif %}{% if body %}{{ body|safe }} {% endif %}{% endif %}
+{# cyberpunk card — dashed neon panel; fields layout/link/media/title/text/linkLabel #}
+{% with layout=layout|default:"vertical" %}{% if link %}{% endif %}{% if media %}{% if layout == "horizontal" %}{% img media alt=title|default:"" class="h-full w-full object-cover" %}{% else %}{% img media alt=title|default:"" class="aspect-video h-full w-full object-cover" %}{% endif %} {% endif %}{% if title %} {{ title }}{% endif %}{% if text %} {{ text|safe }} {% endif %}{% if linkLabel and link %} {{ linkLabel }}::lucide:arrow-right:sm::{% endif %} {{ heading }}{% endif %}
+{% if pills %}
+
+{% else %}
+
+{% endif %}
+
diff --git a/templates/overrides/cyberpunk/contact-card.ninjatpl b/templates/overrides/cyberpunk/contact-card.ninjatpl
new file mode 100644
index 0000000..be0d7b3
--- /dev/null
+++ b/templates/overrides/cyberpunk/contact-card.ninjatpl
@@ -0,0 +1,18 @@
+{# contact-card cyberpunk override: neon channel panels. All field reads + control flow preserved. #}
+
+
+ {% if heading %} {{ heading }}{% endif %}
+ {% if description %} {{ description }} {% endif %}
+
+ {% for channel in channels %}
+
+ {% if channel.icon %} {% endif %}
+
+ {% if channel.label %} {{ channel.label }} {% endif %}
+ {% if channel.value %} {% endif %}
+
+
+ {% endfor %}
+
+
+ {% if form.submitted %}
+
+
+ {{ form.message|default:successMessage|default:"Thanks — your message has been sent." }}
+
+ {% else %}
+ {% if heading %} {{ heading }}{% endif %}
+ {% if description %} {{ description }} {% endif %}
+ {% if form.errors._form %} {{ form.errors._form }} {% endif %}
+ {% with formAction="/api/blocks/"|add:bid|add:"/submit" formTarget="#contact-form-"|add:bid %}
+ {% form action=formAction hx_target=formTarget hx_swap="outerHTML" class="mt-8 grid grid-cols-1 gap-5 sm:grid-cols-2" %}
+ {% for field in fields %}
+
+ {% if field.label %}{% endif %}
+ {% if field.type == "textarea" %}
+
+ {% elif field.type == "select" %}
+
+ {% else %}
+
+ {% endif %}
+
+ {% endfor %}
+
+
+
+
+ {% endform %}
+ {% endwith %}
+ {% endif %}
+
+ {% if heading %} {{ heading }}{% endif %}
+ {% if intro %} {{ intro }} {% endif %}
+
+
+ --{{ labelDays|default:"Days" }}
+ --{{ labelHours|default:"Hours" }}
+ --{{ labelMinutes|default:"Minutes" }}
+ --{{ labelSeconds|default:"Seconds" }}
+
+
+ {{ expiredMessage|default:"This has started." }}
+ {% if expiredUrl and expiredLabel %} {{ expiredLabel }}{% endif %}
+
+
+
+
+
+
+ {% if heading %} {{ heading }}{% endif %}
+ {% if text %} {{ text }} {% endif %}
+
+
+
+ ::{{ icon|default:"lucide:asterisk" }}:md text-primary:: {% elif variant == "spacer-rule" %}
{% else %}
{% endif %}{% endwith %}
diff --git a/templates/overrides/cyberpunk/event-list.ninjatpl b/templates/overrides/cyberpunk/event-list.ninjatpl
new file mode 100644
index 0000000..01c4ded
--- /dev/null
+++ b/templates/overrides/cyberpunk/event-list.ninjatpl
@@ -0,0 +1,41 @@
+{# event-list cyberpunk override: neon cards, mono datetime. All field reads + control flow preserved. #}
+
+
+ {% if heading %} {{ heading }}{% endif %}
+ {% if intro %} {{ intro }} {% endif %}
+ {% if layout == "cards" %}
+
+ {% for event in events %}{% if not (hidePast and event.past) %}
+
+ {% if event.media %}{% img event.media alt=event.title class="h-full w-full object-cover" %} {% endif %}
+
+ {{ event.start }}{% if event.end %} – {{ event.end }}{% endif %}{% if event.timezone %} {{ event.timezone }}{% endif %}
+ {{ event.title }}
+ {% if event.venue %} {{ event.venue }} {% endif %}
+ {% if event.description %} {{ event.description }} {% endif %}
+ {% if event.link %} {{ event.linkLabel|default:"Details" }}{% endif %}
+
+ {% endif %}{% endfor %}
+
+ {% else %}
+
+ {% for event in events %}{% if not (hidePast and event.past) %}
+ -
+
+ {{ event.start }}
+ {% if event.end %} to {{ event.end }} {% endif %}
+ {% if event.timezone %} {{ event.timezone }} {% endif %}
+
+ {{ event.title }}
+ {% if event.venue %} {{ event.venue }} {% endif %}
+ {% if event.description %} {{ event.description }} {% endif %}
+
+ {% endif %}{% endfor %}
+
+ {% endif %}
+
+ {% if heading %} {{ heading }}{% endif %}
+ {% if intro %} {{ intro }} {% endif %}
+
+ {% for item in items %}
+
+
+ {{ item.question }}
+
+
+ {{ item.answer|safe }}
+
+ {% endfor %}
+
+
+ {% if eyebrow %} {{ eyebrow }} {% endif %}
+ {% if heading %} {{ heading }}{% endif %}
+ {% if intro %} {{ intro }} {% endif %}
+
+ {% for item in items %}
+
+ {% if item.icon %} {% endif %}
+ {% if item.linkUrl %}{{ item.title }}{% else %}{{ item.title }}{% endif %}
+ {% if item.text %} {{ item.text }} {% endif %}
+ {% if item.linkUrl and item.linkLabel %} {{ item.linkLabel }}{% endif %}
+
+ {% endfor %}
+
+
+{% if heading %} {{ heading }}{% endif %}
+
+ {{ newsletterTitle|default:"Stay in the loop" }}{% if newsletterDescription %} {{ newsletterDescription }} {% endif %} {% signup_form list=newsletterListSlug|default:"main" source="footer" submit=newsletterButtonText|default:"Subscribe" %} {% if copyright %}© {{ copyright }}{% else %}© {{ companyName }}{% endif %} {% if legal_items %} {% endif %} {{ text }}{% elif level|integer == 2 %}{{ text }}{% elif level|integer == 3 %}{{ text }}{% elif level|integer == 4 %}{{ text }}{% elif level|integer == 5 %}{{ text }}{% elif level|integer == 6 %}{{ text }}{% else %}{{ text }}{% endif %}
+{# cyberpunk heading — cyberpunk-display everywhere; glitch on h1/h2 only #}
+{% if level == 1 %}{{ text }}
+{% elif level == 3 %}{{ text }}
+{% elif level == 4 %}{{ text }}
+{% elif level == 5 %}{{ text }}
+{% elif level == 6 %}{{ text }}
+{% else %}{{ text }}{% endif %}
diff --git a/templates/overrides/cyberpunk/hero.ninjatpl b/templates/overrides/cyberpunk/hero.ninjatpl
new file mode 100644
index 0000000..32c2bff
--- /dev/null
+++ b/templates/overrides/cyberpunk/hero.ninjatpl
@@ -0,0 +1,95 @@
+{# hero cyberpunk override (GO-BIG showpiece): canvas digital-rain background, glitch headline, scanline overlay. All builtin field reads + macro + branch structure preserved. The rain shows when there is no backgroundImage; it lazy-inits on view, honors prefers-reduced-motion, degrades to a static neon gradient with JS off, and is dependency-free. #}
+{% set eyebrowText = eyebrow.text|default:eyebrow %}
+{% set headlineText = headline.text|default:headline %}
+{% set subText = subheadline.text|default:subheadline %}
+{% set descText = description.text|default:description %}
+{% set pText = ctaPrimary.text %}
+{% set pUrl = ctaPrimary.url %}
+{% set sText = ctaSecondary.text %}
+{% set sUrl = ctaSecondary.url %}
+{% set variant = template|default:"centered" %}
+{% set hasImage = backgroundImage %}
+{% set showOverlay = hasImage and overlayColor != "none" and overlayColor != "" %}
+{% macro herocontent(align) %}
+{% if eyebrowText %}{{ eyebrowText }} _{% endif %}
+{% if headlineText %}{{ headlineText }}{% endif %}
+{% if subText %}{{ subText }}{% endif %}
+{% if descText %}{{ descText }} {% endif %}
+{% if pText or sText %}{% endif %}
+{% if trustLogos %}{% endif %}
+{% endmacro %}
+{% if variant == "split" %}
+
+{% else %}
+{% set align = "center" %}
+{% if variant == "left-aligned" %}{% set align = "left" %}{% endif %}
+
+{% if hasImage %}{% img backgroundImage alt=headlineText class="h-full w-full object-cover" layout="hero" %}{% if showOverlay %} {% endif %} {{ herocontent(align) }}
+
+{% endif %}
+
diff --git a/templates/overrides/cyberpunk/hours-location.ninjatpl b/templates/overrides/cyberpunk/hours-location.ninjatpl
new file mode 100644
index 0000000..1454d11
--- /dev/null
+++ b/templates/overrides/cyberpunk/hours-location.ninjatpl
@@ -0,0 +1,31 @@
+{# hours-location cyberpunk override: mono readout table, neon map panel. Map lazy-load button + inline handler preserved. #}
+
+
+ {% if heading %} {{ heading }}{% endif %}
+
+
+ {% if hours %}
+
+
+ {% for row in hours %}
+
+ | {{ row.day }} |
+ {% if row.closed %}Closed{% else %}{{ row.hours }}{% endif %} |
+
+ {% endfor %}
+
+
+ {% endif %}
+ {% if specialHoursNote %} {{ specialHoursNote }} {% endif %}
+ {% if address %} {% endif %}
+ {% if phone %} {% endif %}
+ {% if directionsUrl %} Get directions{% endif %}
+
+ {% if mapEmbedUrl %}
+
+
+
+ {% endif %}
+
+ {% if objectFit == "contain" %}{% img src alt=alt class="w-full h-full object-contain" layout=size %}{% elif objectFit == "fill" %}{% img src alt=alt class="w-full h-full object-fill" layout=size %}{% elif objectFit == "none" %}{% img src alt=alt class="w-full h-full object-none" layout=size %}{% else %}{% img src alt=alt class="w-full h-full object-cover" layout=size %}{% endif %} {% if caption %}{{ caption }}{% endif %}{% endwith %}
diff --git a/templates/overrides/cyberpunk/logo-strip.ninjatpl b/templates/overrides/cyberpunk/logo-strip.ninjatpl
new file mode 100644
index 0000000..99f79bd
--- /dev/null
+++ b/templates/overrides/cyberpunk/logo-strip.ninjatpl
@@ -0,0 +1,16 @@
+{# logo_strip cyberpunk override: mono kicker. Marquee classes, {% img %}, and keyframes {% endif %}
diff --git a/templates/overrides/cyberpunk/menu-list.ninjatpl b/templates/overrides/cyberpunk/menu-list.ninjatpl
new file mode 100644
index 0000000..a9aa3ca
--- /dev/null
+++ b/templates/overrides/cyberpunk/menu-list.ninjatpl
@@ -0,0 +1,30 @@
+{# menu-list cyberpunk override: mono price readouts, neon section rules. All field reads + control flow preserved. #}
+
+
+ {% if heading %} {{ heading }}{% endif %}
+ {% if intro %} {{ intro }} {% endif %}
+
+ {% for section in sections %}
+
+ {% endfor %}
+
+ {% if footnote %} {{ footnote }} {% endif %}
+
+
+{% if use_mega %} {% for child in item.children %} {% endfor %}
+{% else %} {% for child in item.children %}{% if child.item_type == "header" %} {{ child.label }} {% else %} {{ child.label }}{% endif %}{% endfor %} {% endif %}
+  {% elif companyName %}{{ companyName }}{% endif %}{% endmacro %}
+{% macro ctabtn(extra) %}{% if cta_text %}{% endif %}{% endmacro %}
+
+
+
diff --git a/templates/overrides/cyberpunk/newsletter-signup.ninjatpl b/templates/overrides/cyberpunk/newsletter-signup.ninjatpl
new file mode 100644
index 0000000..28d5dc8
--- /dev/null
+++ b/templates/overrides/cyberpunk/newsletter-signup.ninjatpl
@@ -0,0 +1,12 @@
+{# newsletter-signup (cyberpunk override) — the {% signup_form %} tag carries the #}
+{# untouchable subscribe wiring (/api/lists/subscribe HTMX post + honeypot); #}
+{# this template supplies only the cyberpunk chrome around it. #}
+
+
+
+{% if title %} {{ title }}{% endif %}
+{% if description %} {{ description }} {% endif %}
+ {% signup_form list=listSlug source=source submit=submitText success_message=successMessage placeholder=placeholder %}
+
+
+ Error 404 _
+ {{ title|default:"Signal lost" }}
+ {{ emptyMessage|default:"That route returned nothing. The page moved, shipped, or never existed." }}
+ {% if context.path %} requested: {{ context.path }} {% endif %}
+
+
+
+
+ Reset Password
+ Enter your email address and we will send you a link to reset your password.
+
+ Back to login
+
+ {{ heading }}{% endif %}
+
+{% for post in posts %}
+-
+{% if showRank %}{{ forloop.Counter }}{% endif %}
+{% if showThumbnail and post.featured_image_url %}{% img post.featured_image_url alt=post.title class="h-full w-full object-cover" %}{% endif %}
+
+
+{% if post.published_at %} {{ post.published_at|date:"M j, Y" }} {% endif %}
+
+{% endfor %}
+
+
diff --git a/templates/overrides/cyberpunk/post-hero.ninjatpl b/templates/overrides/cyberpunk/post-hero.ninjatpl
new file mode 100644
index 0000000..3d720a9
--- /dev/null
+++ b/templates/overrides/cyberpunk/post-hero.ninjatpl
@@ -0,0 +1,23 @@
+{# post-hero (cyberpunk override) — current post from the `post` provider. When the post #}
+{# has a featured image it becomes an overlaid banner; otherwise a clean text hero. #}
+{% set center = align != "left" %}
+{% if post.featured_image_url %}
+
+{% img post.featured_image_url alt=post.featured_image_alt class="h-full w-full object-cover" layout="hero" %}
+ {{ post.title }}
+{% if showExcerpt and post.excerpt %} {{ post.excerpt }} {% endif %}
+{% if showMeta %} {% if post.author_name %}{{ post.author_name }}{% endif %}{% if post.published_at %}{{ post.published_at|date:"F j, Y" }}{% endif %}{% if post.reading_time %}{{ post.reading_time }} min read{% endif %} {% endif %}
+
+ {{ post.title }}
+{% if showExcerpt and post.excerpt %} {{ post.excerpt }} {% endif %}
+{% if showMeta %} {% if post.author_name %}{{ post.author_name }}{% endif %}{% if post.published_at %}{{ post.published_at|date:"F j, Y" }}{% endif %}{% if post.reading_time %}{{ post.reading_time }} min read{% endif %} {% endif %}
+
+{% if showAuthor and post.author_name %} {% if showAvatar and post.author_avatar %}{% img post.author_avatar alt=post.author_name class="h-7 w-7 rounded-full border border-primary/40 object-cover" %}{% endif %}{{ post.author_name }}{% endif %}
+{% if showDate and post.published_at %} {% endif %}
+{% if showReadingTime and post.reading_time %} {{ post.reading_time }} min read{% endif %}
+{% if post.categories %} {% for cat in post.categories %}{{ cat.name }}{% endfor %}{% endif %}
+
+ {% if heading %} {{ heading }}{% endif %}
+ {% if intro %} {{ intro }} {% endif %}
+
+ {% for tier in tiers %}
+
+ {% if tier.badge %} {{ tier.badge }}{% endif %}
+ {{ tier.name }}
+
+ {% if currency %}{{ currency }}{% else %}${% endif %}{{ tier.price }}
+ {% if tier.period %}{{ tier.period }}{% endif %}
+
+ {% if tier.description %} {{ tier.description }} {% endif %}
+ {% if tier.features %}
+ {% for feature in tier.features %}- {{ feature }}
{% endfor %}
+ {% endif %}
+ {% if tier.ctaUrl and tier.ctaLabel %} {{ tier.ctaLabel }}{% endif %}
+
+ {% endfor %}
+
+ {% if billingNote %} {{ billingNote }} {% endif %}
+
+ {{ heading|default:"Related posts" }}
+
+
+ {% if heading %} {{ heading }} {% endif %}
+
+
+ {% if heading %} {{ heading }}{% endif %}
+ {% if intro %} {{ intro }} {% endif %}
+
+ {% for item in items %}
+
+ - {% if item.prefix %}{{ item.prefix }}{% endif %}{{ item.value }}{% if item.suffix %}{{ item.suffix }}{% endif %}
+ {% if item.label %}- {{ item.label }}
{% endif %}
+
+ {% endfor %}
+
+
+ {% if heading %} {{ heading }}{% endif %}
+ {% if intro %} {{ intro }} {% endif %}
+
+ {% for member in members %}
+
+ {% if member.photo %} {% img member.photo alt=member.name class="h-full w-full object-cover" %}{% endif %}
+
+ {% if member.name %} {{ member.name }}{% endif %}
+ {% if member.role %} {{ member.role }} {% endif %}
+ {% if member.bio %} {{ member.bio }} {% endif %}
+ {% if member.socials %}
+ {% for social in member.socials %}{% if social.url %} {% endif %}{% endfor %}
+ {% endif %}
+
+
+ {% endfor %}
+
+
+ {% if heading %} {{ heading }}{% endif %}
+
+ {% for q in quotes %}
+
+ {% if q.rating %}
+
+
+
+
+
+ {% endif %}
+ {% if q.quote %}“{{ q.quote }}”{% endif %}
+
+ {% if q.avatar %}{% img q.avatar alt=q.name class="h-full w-full object-cover" %}{% endif %}
+
+ {% if q.name %}{{ q.name }}{% endif %}
+ {% if q.role %}{{ q.role }}{% endif %}
+
+
+
+ {% endfor %}
+
+ {{ text|safe }}
+{# cyberpunk text — body font via cyberpunk-prose #}
+{{ text|safe }}
diff --git a/templates/overrides/cyberpunk/timeline.ninjatpl b/templates/overrides/cyberpunk/timeline.ninjatpl
new file mode 100644
index 0000000..01b6065
--- /dev/null
+++ b/templates/overrides/cyberpunk/timeline.ninjatpl
@@ -0,0 +1,22 @@
+{# timeline cyberpunk override: glitch heading, mono step labels, neon markers. All field reads + control flow preserved. #}
+
+
+ {% if heading %} {{ heading }}{% endif %}
+ {% if intro %} {{ intro }} {% endif %}
+
+ {% for step in steps %}
+ -
+
+ {% if marker == "numbered" %}{{ forloop.counter }}{% elif marker == "dot" %}{% else %}{% endif %}
+
+
+ {% if step.label %} {{ step.label }} {% endif %}
+ {% if step.title %} {{ step.title }}{% endif %}
+ {% if step.text %} {{ step.text }} {% endif %}
+ {% if step.media %} {% img step.media alt=step.title class="w-full h-auto object-cover" %} {% endif %}
+
+ {% endfor %}
+
+
+
+ {% for it in leftItems %}{{ ubitem(it) }}{% endfor %}
+ {% for it in rightItems %}{{ ubitem(it) }}{% endfor %}
+
+ |