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

Story: the cup's tableau between rounds, a brighter act card (v388)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
wuwiandClaude Opus 5.5 committed 2026-10-16 15:32:35 +02:00
1 parent 0576f24614
commit 0c67d32519
5 files changed
+67 -5
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

index.html
+13 -3
View File
@@ -131,9 +131,11 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
#sty[hidden] { display: none; }
#sty .col { width: min(420px, 100%); display: grid; gap: 14px; justify-items: center; text-align: center; }
#sty .bgc { position: absolute; inset: 0; background-size: cover; background-position: center 30%;
image-rendering: pixelated; opacity: .55; }
#sty .bgc::after { content: ''; position: absolute; inset: 0; background: linear-gradient(#0009, #000d 80%); }
image-rendering: pixelated; }
#sty .bgc::after { content: ''; position: absolute; inset: 0; background: linear-gradient(#0006, #0004 35%, #000c 85%); }
#sty .col { position: relative; }
#sty .bgc ~ .col .lab { text-shadow: 1px 1px 0 #000, 0 0 8px #000, 0 0 3px #000; }
#sty .bgc.dim::after { background: linear-gradient(#000b, #000e 70%); }
#sty .lab { font: 400 10px Silkscreen, monospace; letter-spacing: 2px; color: #8fa0b8; text-transform: uppercase; }
#sty .gold { color: #e0cc72; } #sty .hot { color: #d9705f; } #sty .pink { color: #ff5cf0; }
#sty .huge { font: 400 92px/0.9 Bangers, Impact, sans-serif; text-shadow: 4px 4px 0 #000; margin: 0; }
@@ -157,6 +159,14 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
#sty .next { width: 100%; height: 92px; border-radius: 4px; background-size: cover; background-position: center;
image-rendering: pixelated; display: flex; align-items: flex-end; padding: 8px; text-align: left; box-sizing: border-box; }
#sty .next .lab { text-shadow: 1px 1px 0 #000, 0 0 6px #000; }
#sty .draw { width: 100%; display: grid; gap: 8px; }
#sty .draw > div { display: flex; align-items: center; gap: 12px; height: 64px; padding: 0 10px; text-align: left;
border: 1px solid #ffffff22; border-radius: 4px; background: #0006; }
#sty .draw > div.fin { border-color: #e0cc72; }
#sty .draw > div.done img, #sty .draw > div.done .mid { opacity: .5; }
#sty .draw img { height: 52px; width: 52px; }
#sty .draw .st { margin-left: auto; }
#sty .draw .won { color: #9fe0a8; display: inline-block; animation: stySlam .5s cubic-bezier(.2,.9,.3,1.2) both .5s; }
#sty .btn { max-width: 320px; }
#sty .tap { animation: styBlink 1.2s steps(2) infinite; }
#sty .r { animation: styRise .5s ease-out both; } #sty .s { animation: stySlam .55s cubic-bezier(.2,.9,.3,1.2) both; }
@@ -1201,6 +1211,6 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
</div>
</div>
<span id="recLamp" hidden>REC</span>
<script type="module" src="src/main.js?v=387"></script>
<script type="module" src="src/main.js?v=388"></script>
</body>
</html>