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
69
render.sh
69
render.sh
@@ -34,13 +34,42 @@ cta_text=$(yq -r '.vars.cta.text // ""' "$SITE_YAML")
|
||||
cta_href=$(yq -r '.vars.cta.href // "#"' "$SITE_YAML")
|
||||
year=$(date +%Y)
|
||||
|
||||
# i18n: helper to generate data-de/data-en attribute string
|
||||
i18n_attrs() {
|
||||
local de="$1" en="$2"
|
||||
if [ -n "$en" ] && [ "$en" != "null" ]; then
|
||||
de=$(echo "$de" | sed 's/"/\"/g')
|
||||
en=$(echo "$en" | sed 's/"/\"/g')
|
||||
echo " data-de=\"${de}\" data-en=\"${en}\""
|
||||
fi
|
||||
}
|
||||
|
||||
# i18n: read English overrides
|
||||
title_en=$(yq -r '.title_en // ""' "$SITE_YAML")
|
||||
description_en=$(yq -r '.description_en // ""' "$SITE_YAML")
|
||||
role_en=$(yq -r '.vars.role_en // ""' "$SITE_YAML")
|
||||
tagline_en=$(yq -r '.vars.tagline_en // ""' "$SITE_YAML")
|
||||
cta_text_en=$(yq -r '.vars.cta.text_en // ""' "$SITE_YAML")
|
||||
|
||||
# i18n: build attribute strings for simple fields
|
||||
title_i18n=$(i18n_attrs "$title" "$title_en")
|
||||
description_i18n=$(i18n_attrs "$description" "$description_en")
|
||||
role_i18n=$(i18n_attrs "$role" "$role_en")
|
||||
tagline_i18n=$(i18n_attrs "$tagline" "$tagline_en")
|
||||
cta_i18n=$(i18n_attrs "$cta_text" "$cta_text_en")
|
||||
|
||||
# Build tags HTML
|
||||
tags_html=""
|
||||
tag_count=$(yq -r '.vars.tags | length' "$SITE_YAML" 2>/dev/null || echo "0")
|
||||
if [ "$tag_count" -gt 0 ]; then
|
||||
for i in $(seq 0 $((tag_count - 1))); do
|
||||
tag=$(yq -r ".vars.tags[$i]" "$SITE_YAML")
|
||||
tags_html="${tags_html} <span class=\"tag\">${tag}</span>\n"
|
||||
tag_en=$(yq -r ".vars.tags_en[$i] // \"\"" "$SITE_YAML" 2>/dev/null || echo "")
|
||||
tag_i18n=""
|
||||
if [ -n "$tag_en" ] && [ "$tag_en" != "null" ]; then
|
||||
tag_i18n="$(i18n_attrs "$tag" "$tag_en")"
|
||||
fi
|
||||
tags_html="${tags_html} <span class=\"tag\"${tag_i18n}>${tag}</span>\n"
|
||||
done
|
||||
fi
|
||||
|
||||
@@ -53,17 +82,25 @@ if [ "$section_count" -gt 0 ]; then
|
||||
sec_title=$(yq -r ".vars.sections[$i].title // \"\"" "$SITE_YAML")
|
||||
|
||||
if [ "$sec_type" = "features" ]; then
|
||||
sec_title_en=$(yq -r ".vars.sections[$i].title_en // \"\"" "$SITE_YAML")
|
||||
sections_html="${sections_html} <div class=\"section fade-in stagger-$((i+2))\">\n"
|
||||
[ -n "$sec_title" ] && sections_html="${sections_html} <h2>${sec_title}</h2>\n"
|
||||
if [ -n "$sec_title" ]; then
|
||||
sec_title_i18n=$(i18n_attrs "$sec_title" "$sec_title_en")
|
||||
sections_html="${sections_html} <h2${sec_title_i18n}>${sec_title}</h2>\n"
|
||||
fi
|
||||
sections_html="${sections_html} <div class=\"grid\">\n"
|
||||
|
||||
item_count=$(yq -r ".vars.sections[$i].items | length" "$SITE_YAML" 2>/dev/null || echo "0")
|
||||
for j in $(seq 0 $((item_count - 1))); do
|
||||
item_title=$(yq -r ".vars.sections[$i].items[$j].title" "$SITE_YAML")
|
||||
item_desc=$(yq -r ".vars.sections[$i].items[$j].desc // \"\"" "$SITE_YAML")
|
||||
item_title_en=$(yq -r ".vars.sections[$i].items[$j].title_en // \"\"" "$SITE_YAML")
|
||||
item_desc_en=$(yq -r ".vars.sections[$i].items[$j].desc_en // \"\"" "$SITE_YAML")
|
||||
item_title_i18n=$(i18n_attrs "$item_title" "$item_title_en")
|
||||
item_desc_i18n=$(i18n_attrs "$item_desc" "$item_desc_en")
|
||||
sections_html="${sections_html} <div class=\"card\">\n"
|
||||
sections_html="${sections_html} <h3>${item_title}</h3>\n"
|
||||
[ -n "$item_desc" ] && sections_html="${sections_html} <p>${item_desc}</p>\n"
|
||||
sections_html="${sections_html} <h3${item_title_i18n}>${item_title}</h3>\n"
|
||||
[ -n "$item_desc" ] && sections_html="${sections_html} <p${item_desc_i18n}>${item_desc}</p>\n"
|
||||
sections_html="${sections_html} </div>\n"
|
||||
done
|
||||
|
||||
@@ -71,9 +108,15 @@ if [ "$section_count" -gt 0 ]; then
|
||||
|
||||
elif [ "$sec_type" = "profile" ]; then
|
||||
bio=$(yq -r ".vars.sections[$i].bio // \"\"" "$SITE_YAML")
|
||||
bio_en=$(yq -r ".vars.sections[$i].bio_en // \"\"" "$SITE_YAML")
|
||||
sec_title_en=$(yq -r ".vars.sections[$i].title_en // \"\"" "$SITE_YAML")
|
||||
sections_html="${sections_html} <div class=\"section fade-in stagger-$((i+2))\">\n"
|
||||
[ -n "$sec_title" ] && sections_html="${sections_html} <h2>${sec_title}</h2>\n"
|
||||
sections_html="${sections_html} <p class=\"bio\">${bio}</p>\n"
|
||||
if [ -n "$sec_title" ]; then
|
||||
sec_title_i18n=$(i18n_attrs "$sec_title" "$sec_title_en")
|
||||
sections_html="${sections_html} <h2${sec_title_i18n}>${sec_title}</h2>\n"
|
||||
fi
|
||||
bio_i18n=$(i18n_attrs "$bio" "$bio_en")
|
||||
sections_html="${sections_html} <p class=\"bio\"${bio_i18n}>${bio}</p>\n"
|
||||
sections_html="${sections_html} </div>\n"
|
||||
fi
|
||||
done
|
||||
@@ -82,9 +125,15 @@ fi
|
||||
# Build content HTML (for editorial template)
|
||||
content_html=""
|
||||
content=$(yq -r '.vars.content // ""' "$SITE_YAML")
|
||||
content_i18n=""
|
||||
if [ -n "$content" ] && [ "$content" != "null" ]; then
|
||||
# Convert newlines to paragraphs
|
||||
content_html=$(echo "$content" | sed 's/^$/<\/p><p>/g' | sed '1s/^/<p>/' | sed '$s/$/<\/p>/')
|
||||
content_en=$(yq -r '.vars.content_en // ""' "$SITE_YAML")
|
||||
if [ -n "$content_en" ] && [ "$content_en" != "null" ]; then
|
||||
content_html_en=$(echo "$content_en" | sed 's/^$/<\/p><p>/g' | sed '1s/^/<p>/' | sed '$s/$/<\/p>/')
|
||||
content_i18n=$(i18n_attrs "$content_html" "$content_html_en")
|
||||
fi
|
||||
fi
|
||||
|
||||
# Read template file and extract CSS/body sections
|
||||
@@ -184,7 +233,13 @@ BEGIN {
|
||||
-e "s|{{cta_text}}|${cta_text}|g" \
|
||||
-e "s|{{cta_href}}|${cta_href}|g" \
|
||||
-e "s|{{year}}|${year}|g" \
|
||||
-e "s|{{domain}}|${domain}|g" | \
|
||||
-e "s|{{domain}}|${domain}|g" \
|
||||
-e "s|{{title_i18n}}|$(echo "$title_i18n" | sed 's/[&/\]/\\&/g')|g" \
|
||||
-e "s|{{description_i18n}}|$(echo "$description_i18n" | sed 's/[&/\]/\\&/g')|g" \
|
||||
-e "s|{{role_i18n}}|$(echo "$role_i18n" | sed 's/[&/\]/\\&/g')|g" \
|
||||
-e "s|{{tagline_i18n}}|$(echo "$tagline_i18n" | sed 's/[&/\]/\\&/g')|g" \
|
||||
-e "s|{{cta_i18n}}|$(echo "$cta_i18n" | sed 's/[&/\]/\\&/g')|g" \
|
||||
-e "s|{{content_i18n}}|$(echo "$content_i18n" | sed 's/[&/\]/\\&/g')|g" | \
|
||||
sed "s|{{tags_html}}|$(printf '%b' "$tags_html" | sed 's/[&/\]/\\&/g; s/$/\\/' | sed '$ s/\\$//')|g" | \
|
||||
sed "s|{{sections_html}}|$(printf '%b' "$sections_html" | sed 's/[&/\]/\\&/g; s/$/\\/' | sed '$ s/\\$//')|g" | \
|
||||
sed "s|{{content_html}}|$(printf '%b' "$content_html" | sed 's/[&/\]/\\&/g; s/$/\\/' | sed '$ s/\\$//')|g"
|
||||
|
||||
Reference in New Issue
Block a user