Training pays a quarter, and the level bar wears its endpoints
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
7d39032907
commit
a38c804069
6 files changed
+37
-10
No files matched your search
+11
-4
@@ -364,7 +364,12 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
|
||||
white-space: nowrap; overflow: hidden; }
|
||||
#plLv { grid-area: lv; align-self: start; font: 400 26px Bangers, cursive; color: var(--acid);
|
||||
letter-spacing: 1.5px; text-decoration: none; text-shadow: 2px 2px 0 rgba(0,0,0,0.5); }
|
||||
#plRow { grid-area: bar; display: block; width: auto; margin-top: 15px; }
|
||||
/* the bar wears its ENDPOINTS — "20 ▓▓░░ 21" says "fill toward the next level" without a
|
||||
word of explanation (Oliver read the bare bar as total progress) */
|
||||
#plRow { grid-area: bar; display: flex; align-items: center; gap: 7px; width: auto;
|
||||
margin-top: 15px; }
|
||||
#plRow u, #cdBar u { font: 700 9px Silkscreen, monospace; color: var(--cream);
|
||||
text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }
|
||||
/* NO nowrap here: the longest goal line is ~380px and a nowrap child sets the CARD's
|
||||
min-content past the viewport — that was the phantom horizontal scrollbar Oliver spotted */
|
||||
/* LITERAL gold — there is no --warm in the page palette (UI.warm is a CANVAS colour), and an
|
||||
@@ -377,6 +382,7 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
|
||||
#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; }
|
||||
#cdBar { display: flex; align-items: center; gap: 8px; }
|
||||
#cdCareer { display: flex; align-items: center; gap: 8px; }
|
||||
#cdCareer u { font: 700 8px Silkscreen, monospace; color: var(--dim); text-decoration: none;
|
||||
letter-spacing: 1px; }
|
||||
@@ -615,7 +621,7 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
|
||||
<img id="plBadge" alt="">
|
||||
<b id="plName"></b>
|
||||
<u id="plLv">LEVEL 1</u>
|
||||
<span id="plRow"><s><i id="plFill"></i></s></span>
|
||||
<span id="plRow"><u id="plFrom">1</u><s><i id="plFill"></i></s><u id="plTo">2</u></span>
|
||||
<i id="plGoal"></i>
|
||||
<em>></em>
|
||||
</button>
|
||||
@@ -740,7 +746,8 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
|
||||
<img id="cdBadge" alt="">
|
||||
<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="cdBar"><u id="cdFrom">1</u><s><i id="cdFill"></i></s><u id="cdTo">2</u></div>
|
||||
<u id="cdXp"></u>
|
||||
<div id="cdCareer"><u>CAREER</u><s><i id="cdCareerFill"></i></s></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -864,6 +871,6 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="module" src="src/main.js?v=334"></script>
|
||||
<script type="module" src="src/main.js?v=335"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user