pipeline
20 lines
1.3 KiB
HTML
20 lines
1.3 KiB
HTML
{{- /* age-gate-banner.html — full-screen, non-dismissible age interstitial shown
|
|
on first visit. Visibility is driven by the .age-gate-active class on
|
|
<html> (set early in baseof.html and cleared by age-gate.js on confirm).
|
|
The age value is data-driven and updated per locale by the switcher. */ -}}
|
|
{{- $brand := .Site.Data.brand -}}
|
|
<div id="age-gate" class="age-gate" role="dialog" aria-modal="true" aria-labelledby="age-gate-title" aria-describedby="age-gate-desc">
|
|
<div class="age-gate-card">
|
|
<div class="mx-auto mb-4 grid h-16 w-16 place-items-center rounded-full bg-primary/10 text-xl font-extrabold text-primary">
|
|
<span><span data-age-value>{{ $brand.ageRestrictionDefault }}</span>+</span>
|
|
</div>
|
|
<h2 id="age-gate-title" class="text-2xl font-bold text-secondary">{{ i18n "ageGateTitle" }}</h2>
|
|
<p id="age-gate-desc" class="mt-3 text-secondary/80">{{ printf (i18n "ageGateDescription") $brand.ageRestrictionDefault }}</p>
|
|
<div class="mt-6 flex flex-col gap-3">
|
|
<button type="button" data-age-confirm class="btn-primary btn-lg">{{ i18n "ageGateConfirm" }}</button>
|
|
<button type="button" data-age-exit class="btn-ghost">{{ i18n "ageGateExit" }}</button>
|
|
</div>
|
|
<p class="mt-4 text-xs text-secondary/60">{{ i18n "ageGateNotice" }}</p>
|
|
</div>
|
|
</div>
|