summaryrefslogtreecommitdiff
path: root/share/templates/default/header.tmpl
diff options
context:
space:
mode:
authorPaul Buetow <paul@buetow.org>2026-06-21 09:45:21 +0300
committerPaul Buetow <paul@buetow.org>2026-06-21 09:45:21 +0300
commited549aaa423f10d15171c678303fea679d997220 (patch)
tree811ec27c8393cdb2ddf38411997988b1f075f491 /share/templates/default/header.tmpl
parent6e6cc0b44fce859669bd967c5d98a39074d8251c (diff)
Fix W3C HTML validation errors in generated pages; release 0.10.10.10.1
Every shuriken-generated page failed W3C validation. Fixed across the templates and the bash thumbnail builders so all page categories (splash, gallery, photo view, details, stats overview, stats filter mini-albums and redirect stubs) validate cleanly: - Add <!DOCTYPE html>, <html lang="en"> and <meta charset="utf-8"> to the header, splash and redirect templates. - Drop the obsolete type="text/css" on <style> and border='0' on <img>. - Fix invalid CSS "margin: 2 auto" -> "margin: 2px auto". - Add required alt attributes to every <img> (splash, thumbnails, views). - Replace the obsolete name attribute on <a> thumbnail anchors with id (in album-render.source.sh and stats-filter-album.source.sh, where the markup is actually built, plus preview.tmpl for consistency). - Give redirect stubs a <title>; drop trailing slashes on void elements. Updated the affected cli.sh assertions and rebuilt bin/shuriken. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Diffstat (limited to 'share/templates/default/header.tmpl')
-rw-r--r--share/templates/default/header.tmpl8
1 files changed, 5 insertions, 3 deletions
diff --git a/share/templates/default/header.tmpl b/share/templates/default/header.tmpl
index 37c3559..4ba159e 100644
--- a/share/templates/default/header.tmpl
+++ b/share/templates/default/header.tmpl
@@ -1,9 +1,11 @@
cat <<END
-<html>
+<!DOCTYPE html>
+<html lang="en">
<head>
+ <meta charset="utf-8">
<title>${render_title_html}</title>
<link rel="icon" href="${render_backhref_html}/favicon.ico" type="image/x-icon">
- <style type="text/css">
+ <style>
body {
background-color: #000000;
color: #ffffff;
@@ -36,7 +38,7 @@ cat <<END
border: 3px solid #ffffff;
padding: 3px;
max-width: 400px;
- margin: 2 auto;
+ margin: 2px auto;
}
div.details-panel {