diff options
| author | Paul Buetow <paul@buetow.org> | 2026-06-21 09:45:21 +0300 |
|---|---|---|
| committer | Paul Buetow <paul@buetow.org> | 2026-06-21 09:45:21 +0300 |
| commit | ed549aaa423f10d15171c678303fea679d997220 (patch) | |
| tree | 811ec27c8393cdb2ddf38411997988b1f075f491 /share/templates/default/details.tmpl | |
| parent | 6e6cc0b44fce859669bd967c5d98a39074d8251c (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/details.tmpl')
| -rw-r--r-- | share/templates/default/details.tmpl | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/share/templates/default/details.tmpl b/share/templates/default/details.tmpl index f8e09d3..cd70328 100644 --- a/share/templates/default/details.tmpl +++ b/share/templates/default/details.tmpl @@ -9,12 +9,12 @@ cat <<END <div class="details-layout"> <div class="details-photo-column"> <a class="details-photo-link" href="${render_page_num_html}-${render_view_next_html}-details.html"> - <img class='view details-photo ${render_animation_class_html}' border='0' src='${render_backhref_html}/${render_photos_dir_html}/${render_photo_html}'${render_exif_tooltip_attr} /> + <img class='view details-photo ${render_animation_class_html}' alt='${render_photo_html}' src='${render_backhref_html}/${render_photos_dir_html}/${render_photo_html}'${render_exif_tooltip_attr}> </a> <div class="navigator details-navigator"> <a href="${render_page_num_html}-${render_view_prev_html}-details.html" class="arrow">⇐</a> <a href="${render_page_num_html}-${render_preview_num_html}.html">Image view</a> | - <a href ='${render_backhref_html}/${render_photos_dir_html}/${render_photo_html}'>Direct link</a> + <a href='${render_backhref_html}/${render_photos_dir_html}/${render_photo_html}'>Direct link</a> <a href="${render_page_num_html}-${render_view_next_html}-details.html" class="arrow">⇒</a> </div> </div> |