use https://you.have.fail/tetrioplus/ skins
This commit is contained in:
16
index.html
16
index.html
@@ -12,7 +12,8 @@
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" />
|
||||
<link rel="stylesheet" href="css/_select2-dark.css">
|
||||
<link rel="stylesheet" href="css/_common.css">
|
||||
<link rel="stylesheet" href="css/classic.css" title="Thème sélectionné" id="selectedStyleSheet">
|
||||
<link rel="stylesheet" href="css/jstris-skin.css" title="Thème sélectionné" id="selectedStyleSheet">
|
||||
<link rel="alternate stylesheet" href="css/jstris-skin.css" title="Sample...">
|
||||
<link rel="alternate stylesheet" href="css/classic.css" title="Classique">
|
||||
<link rel="alternate stylesheet" href="css/neo-classic.css" title="Néo-classique">
|
||||
<link rel="alternate stylesheet" href="css/electro.css" title="Électro">
|
||||
@@ -21,7 +22,6 @@
|
||||
<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/jstris-skin.css" title="Sample...">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/js/select2.min.js"></script>
|
||||
@@ -78,21 +78,21 @@
|
||||
<fieldset class="row g-2 mb-3 align-items-center text-center"><legend class="text-start">Interface</legend>
|
||||
<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; skinURLSelect.disabled = this.value !== 'css/jstris-skin.css';">
|
||||
<option value="css/classic.css" selected>Classique</option>
|
||||
<option value="css/neo-classic.css" selected>Néo-classique</option>
|
||||
<select name="stylesheet" id="stylesheetSelect" class="form-select">
|
||||
<option value="css/jstris-skin.css" selected>Sample JStris...</option>
|
||||
<option value="css/tetrio-skin.css">Sample Tetr.io...</option>
|
||||
<option value="css/classic.css">Classique</option>
|
||||
<option value="css/neo-classic.css">Néo-classique</option>
|
||||
<option value="css/synthwave.css">Synthwave</option>
|
||||
<option value="css/electro.css">Électro</option>
|
||||
<option value="css/heavy-metal.css">Heavy metal</option>
|
||||
<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/jstris-skin.css">Sample...</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<select name="skinURL" id="skinURLSelect" class="form-select" disabled
|
||||
<select name="skinURL" id="skinURLSelect" class="form-select"
|
||||
oninput="document.documentElement.style.setProperty('--skin-url', `url(${this.value})`)">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user