5x sweep 1: add inline favicon (kills /favicon.ico 404 console error)

34f7be724f1dc24c5a73dcdf3d6e1ec00956a866 · 2026-07-25 09:19:52 -0700 · Steve

Files touched

A 5x/sweep-1.md
M index.html

Diff

commit 34f7be724f1dc24c5a73dcdf3d6e1ec00956a866
Author: Steve <steve@designerwallcoverings.com>
Date:   Sat Jul 25 09:19:52 2026 -0700

    5x sweep 1: add inline favicon (kills /favicon.ico 404 console error)
---
 5x/sweep-1.md | 14 ++++++++++++++
 index.html    |  2 ++
 2 files changed, 16 insertions(+)

diff --git a/5x/sweep-1.md b/5x/sweep-1.md
new file mode 100644
index 0000000..240e218
--- /dev/null
+++ b/5x/sweep-1.md
@@ -0,0 +1,14 @@
+# 5x sweep 1 — Starling (particle-text)
+Target: http://127.0.0.1:4185/
+
+## Six-way result: 6/7 (M3 FAILED)
+- M1 HTTP 200 · M2 headless render OK · M3 **FAIL (1 JS error)** · B4/B5/B6 OK · clickthrough 5/5
+
+## Caught
+- M3 automation E2E: 1 non-favicon-filtered console error =
+  `Failed to load resource: 404` — an auto-requested /favicon.ico with no icon on the page.
+  (The 3x favicon filter misses it because Chrome's message text omits the word "favicon".)
+
+## Fix
+- Added inline data-URI SVG favicon (+ apple-touch-icon) in <head> → browser no longer
+  requests /favicon.ico, eliminating the 404 at the root. Also gives the app a real icon.
diff --git a/index.html b/index.html
index 9752e14..a00ed8b 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,8 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 <title>Particle Text</title>
+<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='%2305060a'/%3E%3Ccircle cx='16' cy='16' r='6.5' fill='%238fd3ff'/%3E%3Ccircle cx='16' cy='16' r='11' fill='none' stroke='%23b7a6ff' stroke-width='1.2' opacity='.6'/%3E%3C/svg%3E">
+<link rel="apple-touch-icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%2305060a'/%3E%3Ccircle cx='16' cy='16' r='7' fill='%238fd3ff'/%3E%3C/svg%3E">
 <style>
   * { margin: 0; padding: 0; box-sizing: border-box; }
   html, body { height: 100%; overflow: hidden; background: #05060a; }

← 76daa36 Starling: save motion graphic as animated GIF (dependency-fr · back to Particle Text · 5x: REPORT — 2 consecutive clean sweeps (favicon 404 fixed i 7b38bc9 →