feat: i18n template infrastructure — render.sh reads _en vars, emits data-de/data-en

Phase 1 of i18n rollout:
- render.sh: i18n_attrs helper, reads *_en fields from site.yaml, emits
  data-de/data-en attributes on title, description, role, tagline, cta,
  tags, section titles, card titles/descriptions, bio, content
- base.html: i18n.js auto-included, title/description get i18n attrs
- All 6 templates: translatable elements get i18n attr placeholders,
  footer toggle button with machine-translation disclaimer
- ichbinotto.de pilot: added machine-translation disclaimer per m's request

Templated sites can now be translated by adding _en fields to site.yaml.
This commit is contained in:
m
2026-04-01 12:49:34 +02:00
parent 883904318e
commit 846fc04444
9 changed files with 101 additions and 24 deletions

View File

@@ -139,8 +139,8 @@
<div class="hero fade-in">
<div class="initials">{{initials}}</div>
<h1>{{name}}</h1>
<div class="role">{{role}}</div>
<div class="tagline">{{tagline}}</div>
<div class="role"{{role_i18n}}>{{role}}</div>
<div class="tagline"{{tagline_i18n}}>{{tagline}}</div>
</div>
<div class="tags fade-in stagger-1">
@@ -151,6 +151,9 @@
<div class="footer fade-in stagger-5">
&copy; {{year}} {{name}}
<br>
<button data-i18n-toggle title="Maschinell übersetzt / Machine-translated — German is the original." style="background:none;border:1px solid currentColor;color:var(--text-dimmed,#888);font-size:0.65rem;letter-spacing:0.1em;padding:4px 12px;border-radius:4px;cursor:pointer;margin-top:12px;opacity:0.6;">EN</button>
<br><small data-de="Maschinell übersetzt" data-en="Machine-translated" style="color:var(--text-dimmed,#888);font-size:0.6rem;opacity:0.5;">Maschinell übersetzt</small>
</div>
</div>
{{template_body_end}}