From 894e5e47112bb66b82b916e3093d9c5f56bc7276 Mon Sep 17 00:00:00 2001
From: rays <ray.slakinski@gmail.com>
Date: Fri, 16 Oct 2026 20:48:14 +0000
Subject: [PATCH] Home page: the noise bars' widths in the stylesheet (#254)

The site's CSP is style-src 'self', which refuses style attributes, so
the bars would all have drawn at full width.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 site/index.html | 10 +++++-----
 site/site.css   |  3 ++-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/site/index.html b/site/index.html
index 999bf38..19e2ba5 100644
--- a/site/index.html
+++ b/site/index.html
@@ -116,13 +116,13 @@
         <div class="tune" aria-hidden="true">
           <p class="for">Listening for <b>rockets</b>, <b>launch</b>, <b>orbit</b></p>
           <ul>
-            <li class="n"><i style="width:62%"></i></li>
+            <li class="n"><i></i></li>
             <li class="s">What it takes to stay in orbit</li>
-            <li class="n"><i style="width:48%"></i></li>
-            <li class="n"><i style="width:70%"></i></li>
+            <li class="n"><i></i></li>
+            <li class="n"><i></i></li>
             <li class="s">A week at the launch site</li>
-            <li class="n"><i style="width:55%"></i></li>
-            <li class="n"><i style="width:40%"></i></li>
+            <li class="n"><i></i></li>
+            <li class="n"><i></i></li>
             <li class="s">Why the second stage came down early</li>
           </ul>
         </div>
diff --git a/site/site.css b/site/site.css
index cff8bee..ad35da4 100644
--- a/site/site.css
+++ b/site/site.css
@@ -93,7 +93,8 @@ h2{margin:0 0 1.5rem;color:var(--navy);font-weight:800;font-size:clamp(1.75rem,4
 .tune .for b{color:#fff;font-weight:650}
 .tune ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
 .tune li{display:flex;align-items:center;min-height:1.6rem;padding-left:.7rem;border-left:3px solid transparent;font-size:.95rem;font-weight:600;line-height:1.3}
-.tune .n i{display:block;height:.55rem;border-radius:.3rem;background:var(--tick)}
+.tune .n i{display:block;height:.55rem;border-radius:.3rem;background:var(--tick);width:58%}
+.tune .n:nth-child(3) i{width:46%}.tune .n:nth-child(4) i{width:70%}.tune .n:nth-child(7) i{width:40%}  /* the page's CSP takes no inline style */
 .tune .n{animation:noise 7s ease-in-out infinite}
 .tune .s{animation:signal 7s ease-in-out infinite}
 @keyframes noise{0%,14%{opacity:.7}36%,86%{opacity:.15}100%{opacity:.7}}