cleaner top banner: no-wrap ticker with fade edge, mobile shows only Subscribe

cf3af21e0392f30d39ee1db0a570655430f3878c · 2026-07-20 15:18:32 -0700 · Steve

Files touched

M public/index.html

Diff

commit cf3af21e0392f30d39ee1db0a570655430f3878c
Author: Steve <steve@designerwallcoverings.com>
Date:   Mon Jul 20 15:18:32 2026 -0700

    cleaner top banner: no-wrap ticker with fade edge, mobile shows only Subscribe
---
 public/index.html | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index b405db1..494d6ff 100644
--- a/public/index.html
+++ b/public/index.html
@@ -13,9 +13,13 @@
   a{color:inherit;text-decoration:none}
   .wrap{max-width:1200px;margin:0 auto;padding:0 20px}
   .util{background:var(--ink);color:#cfd4d9;font-size:12px}
-  .util .wrap{display:flex;justify-content:space-between;align-items:center;height:34px}
-  .ticker{display:flex;gap:20px;overflow:hidden;white-space:nowrap}.ticker b{color:#fff}.up{color:#4ade80}.dn{color:#f87171}
-  .util .acts a{margin-left:14px;color:#cfd4d9}.util .acts a.sub{color:#fff;background:var(--red);padding:4px 12px;border-radius:3px;font-weight:700}
+  .util .wrap{display:flex;justify-content:space-between;align-items:center;height:38px;gap:16px}
+  .ticker{display:flex;gap:18px;overflow:hidden;white-space:nowrap;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}
+  .ticker span{flex:none}.ticker b{color:#fff;font-weight:600;letter-spacing:.02em}.up{color:#4ade80}.dn{color:#f87171}
+  .util .acts{display:flex;align-items:center;flex:none;gap:16px}
+  .util .acts a{color:#cfd4d9;white-space:nowrap;transition:color .15s}.util .acts a:hover{color:#fff}
+  .util .acts a.sub{color:#fff;background:var(--red);padding:5px 13px;border-radius:4px;font-weight:700}
+  @media(max-width:860px){.util .acts a:not(.sub){display:none}.util .wrap{gap:12px}.ticker{gap:14px}}
   .mast{border-bottom:2px solid var(--ink);padding:18px 0 12px}
   .mast{padding:20px 0 14px}
   .mast .wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px}

← 7158ff5 Markets: durable additive components (markets.html + pull-ma · back to Rentv Website · top banner: drop dead placeholder links, keep single clean S 38481aa →