support for jstris skin as well

This commit is contained in:
2026-03-08 05:28:16 +01:00
parent a49c95f1aa
commit 7ed61e135b
4 changed files with 63 additions and 32 deletions

View File

@@ -18,7 +18,8 @@
<link rel="alternate stylesheet" href="css/jazz.css" title="Jazz">
<link rel="alternate stylesheet" href="css/old-school.css" title="Old School">
<link rel="alternate stylesheet" href="css/stereo.css" title="Stéréo (3D)">
<link rel="alternate stylesheet" href="css/custom.css" title="Personnalisé">
<link rel="alternate stylesheet" href="css/jstris-skin.css" title="Skin type Jstris">
<link rel="alternate stylesheet" href="css/tetrio-skin.css" title="Skin type Tetr.io">
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicons/T-2.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
@@ -81,7 +82,7 @@
<label for="stylesheetSelect" class="col-2 col-form-label">Thème</label>
<div class="col-4">
<select name="stylesheet" id="stylesheetSelect" class="form-select"
oninput="selectedStyleSheet.href = this.value; skinURLdiv.style.setProperty('display', this.value === 'css/custom.css' ? 'flex' : 'none')">
oninput="selectedStyleSheet.href = this.value; skinURLdiv.style.setProperty('display', this.value === 'css/tetrio-skin.css' || this.value === 'css/jstris-skin.css' ? 'flex' : 'none')">
<option value="css/classic.css" selected>Classique</option>
<option value="css/neo-classic.css" selected>Néo-classique</option>
<option value="css/synthwave.css">Synthwave</option>
@@ -90,14 +91,14 @@
<option value="css/jazz.css">Jazz</option>
<option value="css/old-school.css">Old School</option>
<option value="css/stereo.css">Stéréo (3D)</option>
<option value="css/custom.css">Personnalisé</option>
<option value="css/jstris-skin.css">Skin type Jstris</option>
<option value="css/tetrio-skin.css">Skin type Tetr.io</option>
</select>
</div>
<div id="skinURLdiv" class="col-6" style="display: none;">
<div class="col-8">
<input name="skinURL" id="skinURLInput" type="text" class="col-8 form-control text-center"
value="https://you.have.fail/ed/at/tetrioplus/data/content/skin/Haley%20Halcyon/tetrio_gameboy_plus.svg" placeholder="Adresse du skin"
title="Adresse d'une image de skin compatible avec Tetr.io Plus"
<input name="skinURL" id="skinURLInput" type="text" class="col-8 form-control text-start"
placeholder="Adresse du skin"
oninput="document.documentElement.style.setProperty('--skin-url', `url(${this.value})`)"
onfocus="this.select()">
</div>