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

The leagues, the plaque round: the meta speaks — the player plaque, the goal line, the way-up tag, the centred ceremony

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
wuwiandClaude Fable 5 committed 2026-08-29 15:30:24 +02:00
1 parent 787877bce6
commit 87ac3294bc
7 files changed
+124 -25
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

index.html
+42 -9
View File
@@ -271,7 +271,8 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
animation: drop 0.5s ease-out 0.15s backwards; }
#prLeague { margin: 0; font: 700 12px Silkscreen, monospace; color: var(--cream);
letter-spacing: 2px; animation: drop 0.5s ease-out 0.3s backwards; }
#prCourt { width: 74%; max-width: 300px; margin-top: 10px; border: 2px solid var(--line);
#prCourt { width: 74%; max-width: 300px; margin: 10px auto 0; align-self: center;
border: 2px solid var(--line);
image-rendering: pixelated; animation: drop 0.5s ease-out 0.5s backwards; }
#prCourtName { margin: 0; font: 400 10px Silkscreen, monospace; color: var(--acid);
letter-spacing: 1.5px; animation: drop 0.5s ease-out 0.62s backwards; }
@@ -296,11 +297,34 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
#xpRow { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; }
#xpRow u { font: 700 9px Silkscreen, monospace; color: var(--cream); text-decoration: none;
letter-spacing: 1px; white-space: nowrap; }
#xpRow { cursor: pointer; } /* the strip IS the door to the character card */
#xpRow s, #cdBar s { flex: 1; height: 6px; background: rgba(255,255,255,0.10); border: 1px solid var(--line);
text-decoration: none; display: block; }
/* THE PLAYER PLAQUE (replaces the bare level strip): ONE button-styled panel — wappen, name,
level+league over the bar, and the standing GOAL LINE ("win the X cup to advance"), with a
chevron that says it opens. The splash stays two buttons + one plaque; the badge COLLECTION
stays on the card, one (now discoverable) tap away. */
#plaque { display: flex; align-items: center; gap: 10px; width: 100%; margin: 0 0 10px;
padding: 8px 10px; background: var(--solid); border: 2px solid var(--line);
cursor: pointer; text-align: left; -webkit-tap-highlight-color: transparent; }
#plBadge { height: 34px; flex: none; image-rendering: pixelated; }
#plBody { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
#plName { font: 700 10px Silkscreen, monospace; color: var(--cream); letter-spacing: 1.5px;
white-space: nowrap; overflow: hidden; }
#plRow { display: flex; align-items: center; gap: 8px; }
#plRow u { font: 700 8px Silkscreen, monospace; color: var(--dim); text-decoration: none;
letter-spacing: 1px; white-space: nowrap; }
#plGoal { font: 400 8px Silkscreen, monospace; font-style: normal; color: var(--acid);
letter-spacing: 1px; }
#plaque em { flex: none; font: 400 22px Bangers, cursive; font-style: normal; color: var(--acid); }
#plRow s, #cdBar s, #cdCareer s { flex: 1; height: 6px; background: rgba(255,255,255,0.10);
border: 1px solid var(--line); text-decoration: none; display: block; }
#cdBar s { height: 8px; }
#xpRow s i, #cdBar s i { display: block; height: 100%; width: 0%;
#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 mode picker's WAY-UP tag: the standing answer to "how do I advance", worn by the cup */
.way { position: absolute; top: 8px; left: 8px; padding: 3px 6px; font: 700 8px Silkscreen, monospace;
font-style: normal; color: var(--ink); background: var(--acid); letter-spacing: 1px;
text-decoration: none; }
#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; }
/* KIT and SKIN: a row of colour squares, under a label that names whatever is selected. That is
@@ -554,9 +578,17 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
you can press before the sheets have landed is how you reach the stats screen with half
the zombies missing. Swapped by #splash.busy, see main.js. -->
<div id="boot"><s><i></i></s><u>LOADING</u></div>
<!-- THE LEVEL STRIP (the leagues): the clock the whole meta-game runs on, visible on every
visit to the title. Filled by refreshSplash. -->
<div id="xpRow"><u id="xpLv">LEVEL 1</u><s><i id="xpFill"></i></s></div>
<!-- THE PLAYER PLAQUE (the leagues): wappen, name, level+league, the bar, and the
standing goal line. One tap opens the character card. Filled by refreshSplash. -->
<button id="plaque">
<img id="plBadge" alt="">
<span id="plBody">
<b id="plName"></b>
<span id="plRow"><u id="plLv">LEVEL 1</u><s><i id="plFill"></i></s></span>
<i id="plGoal"></i>
</span>
<em>&rsaquo;</em>
</button>
<button class="btn big" id="mStart">PLAY MATCH</button>
<div class="two">
<button class="btn sec" id="mStats">STATS<i id="mKills">0 KILLS</i></button>
@@ -660,6 +692,7 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
<u id="cdLeague"></u>
<b id="cdLevel">LEVEL 1</b>
<div id="cdBar"><s><i id="cdFill"></i></s><u id="cdXp"></u></div>
<div id="cdCareer"><u>CAREER</u><s><i id="cdCareerFill"></i></s></div>
</div>
</div>
<h3>HONOURS<span>WIN THE CUP TO CLIMB</span></h3>
@@ -795,6 +828,6 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
</div>
</div>
</div>
<script type="module" src="src/main.js?v=315"></script>
<script type="module" src="src/main.js?v=316"></script>
</body>
</html>