Icon generation

This repo now includes SVG-first icons and a small script to produce PNG fallbacks for iOS and PWA.

What was added

• assets/img/favicon.svg — vector favicon for modern browsers
• assets/img/icon-maskable.svg — maskable icon for Android/PWA (SVG)
• assets/img/safari-pinned-tab.svg — monochrome icon for Safari pinned tabs
• manifest.json — updated to include SVG maskable icon and PNG fallbacks
• _layouts/default.html — wired up favicon, apple-touch, mask-icon, manifest
• scripts/generate-icons.mjs — builds required PNGs from logo.svg

Generate PNGs (Windows PowerShell) 1) Install Node.js 18+ if needed 2) From the repo root:

npm install npm run icons

This will create:

• assets/img/apple-touch-icon.png (180x180)
• assets/img/icon-192.png
• assets/img/icon-512.png

Notes

• The SVG icons are preferred by modern browsers. The PNGs remain for compatibility.
• If your logo has transparent edges, the generator adds a #2c5aa0 background to fill to square sizes (better for iOS). Adjust in scripts/generate-icons.mjs if needed.