wuwi/splatter-tennis
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Drop the stale duplicate ribbon rule the last edit left behind

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
wuwiandClaude Fable 5 committed 2026-08-29 16:05:50 +02:00
1 parent 54e5db8ea2
commit 5c34632513
1 file changed
+1 -16
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+1 -16
View File
@@ -379,21 +379,6 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
#cdCareer { display: flex; align-items: center; gap: 8px; }
#cdCareer u { font: 700 8px Silkscreen, monospace; color: var(--dim); text-decoration: none;
letter-spacing: 1px; }
/* the WAY-UP RIBBON, horizontal (Oliver's call after two diagonal cuts — a rotated pixel font
was the one anti-aliased thing in the menu): a red band running in from OVER the left border,
dissolving rightward through a real PIXEL FADE — an inline-SVG mask of 6px cells thresholded
against a Bayer matrix (four density steps), the dither the game's own art would use, never a
smooth gradient. The mask eats the band, its bevel lines and its shadow together. */
.way { position: absolute; top: 12px; left: -8px; z-index: 2; white-space: nowrap;
padding: 5px 52px 5px 14px; font: 700 10px Silkscreen, monospace; font-style: normal;
color: #fff; background: var(--red);
border-top: 1px solid rgba(255,255,255,0.35); border-bottom: 1px solid #69201c;
text-shadow: 1px 1px 0 rgba(0,0,0,0.55); box-shadow: 0 2px 6px rgba(0,0,0,0.45);
letter-spacing: 1px; text-decoration: none;
-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20180%2024%22%20shape-rendering=%22crispEdges%22%3E%3Cg%20fill=%22%23000%22%3E%3Crect%20x=%220%22%20y=%220%22%20width=%22120%22%20height=%2224%22/%3E%3Crect%20x=%22120%22%20y=%220%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22120%22%20y=%2212%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22126%22%20y=%220%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22126%22%20y=%226%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22126%22%20y=%2212%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22126%22%20y=%2218%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22132%22%20y=%220%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22132%22%20y=%2212%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22138%22%20y=%226%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22138%22%20y=%2218%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22144%22%20y=%220%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22144%22%20y=%2212%22%20width=%226%22%20height=%226%22/%3E%3C/g%3E%3C/svg%3E");
-webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat;
mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20180%2024%22%20shape-rendering=%22crispEdges%22%3E%3Cg%20fill=%22%23000%22%3E%3Crect%20x=%220%22%20y=%220%22%20width=%22120%22%20height=%2224%22/%3E%3Crect%20x=%22120%22%20y=%220%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22120%22%20y=%2212%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22126%22%20y=%220%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22126%22%20y=%226%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22126%22%20y=%2212%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22126%22%20y=%2218%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22132%22%20y=%220%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22132%22%20y=%2212%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22138%22%20y=%226%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22138%22%20y=%2218%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22144%22%20y=%220%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22144%22%20y=%2212%22%20width=%226%22%20height=%226%22/%3E%3C/g%3E%3C/svg%3E");
mask-size: 100% 100%; mask-repeat: no-repeat; }
#plRow s i, #cdBar s i, #cdCareer s i { display: block; height: 100%; width: 0%;
background: linear-gradient(90deg, #3f9560, var(--acid) 55%, #e8b23a);
transition: width 0.4s ease; }
@@ -899,6 +884,6 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
</div>
</div>
</div>
<script type="module" src="src/main.js?v=321"></script>
<script type="module" src="src/main.js?v=322"></script>
</body>
</html>