adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: adrien:9a2989616a95b77ad0d088ee169b47a694452592
Branches Tags
adrien:master adrien:white-border adrien:3729a3762aa6b1aa08a682aea48fb37ab5fe9bd5
...
compare: adrien:ab105bf485728859ba313898ba19f32447aafb9e
Branches Tags
adrien:master adrien:white-border adrien:3729a3762aa6b1aa08a682aea48fb37ab5fe9bd5

2 Commits
9a2989616a ... ab105bf485

Author SHA1 Message Date
adrien
ab105bf485 settings reorder 2026-03-01 21:29:21 +01:00
adrien
ea8dbff564 pseudo 3d 2026-03-01 21:29:10 +01:00
2 changed files with 15 additions and 11 deletions
Expand all files Collapse all files

10
css/classic.css
View File

@@ -4,15 +4,15 @@
}
tr.matrix td:not(.mino) {
border-left: 1px solid #333;
border-right: 1px solid #333;
border-top: 2px solid #303030;
border-left: none;
border-bottom: none;
}
.mino {
--color: hsl(var(--hue), var(--saturation), 40%);
--light: hsl(var(--hue), calc(0.66 * var(--saturation)), 84%);
--top: hsl(var(--hue), calc(0.6 * var(--saturation)), 68%);
--right: hsl(var(--hue), calc(0.4 * var(--saturation)), 20%);
background-color: var(--color);
background-image:
radial-gradient(
@@ -39,7 +39,9 @@ tr.matrix td:not(.mino) {
box-shadow:
inset 2px 0 4px rgba(0,0,0,.06),
inset -2px 0 4px rgba(0,0,0,.12),
0 -2px 0 var(--light);
0 -4px 0 var(--top),
2px -3px 0 var(--right),
3px 2px 6px #0004;
filter: saturate(1.1) contrast(1.05);
}

12
index.html
View File

@@ -60,7 +60,7 @@
<div class="col-4"><input name="pause" id="pauseInput" type="text" class="form-control text-center" value="Échap." onfocus="changeKey(this)" placeholder="Touche ?" title="Modifier la touche" required></div>
<label for="pauseInput" title="Pause" class="col-2 col-form-label d-flex align-items-center justify-content-center"><i class="bi bi-pause"></i></label>
</fieldset>
<fieldset id="autorepeatFieldset" class="row g-2 mb-3 align-items-center text-center"><legend class="text-start">Répétition automatique</legend>
<fieldset id="autorepeatFieldset" class="row g-2 mb-3 align-items-center text-center"><!--<legend class="text-start">Répétition automatique</legend>-->
<label for="arrInput" class="col-2 col-form-label"><abbr title="Automatic Repeat Rate : période de répétition de l'action">ARR</abbr></label>
<div class="col-4"><div class="input-group"><input name="arr" id="arrInput" type="number" class="form-control text-center" value="50" min="2" max="200" step="1"><div class="input-group-text">ms</div></div></div>
<div class="col-4"><div class="input-group"><input name="das" id="dasInput" type="number" class="form-control text-center" value="300" min="100" max="500" step="5"><div class="input-group-text">ms</div></div></div>
@@ -77,13 +77,15 @@
<option value="css/opera.css">Opéra</option>
<option value="css/stereo.css">Stéréo</option>
</select></div>
<div class="col-4 d-flex align-items-baseline"><input name="sfxVolumeRange" id="sfxVolumeRange" class="form-range" type="range" min="0" max="1" step="any" value="0.7"></div>
<label for="sfxVolumeRange" class="col-2 col-form-label">Volume</label>
<div class="col-2"></div>
<div class="col-4 form-check form-switch text-start">
<div class="col-4">
<div class="form-check form-switch text-start">
<input id="fullscreenCheckbox" type="checkbox" role="switch" class="form-check-input" tabindex="0">
<label for="fullscreenCheckbox" class="form-check-label">Plein écran</label>
</div>
</div>
<div class="col-2"></div>
<label for="sfxVolumeRange" class="col-2 col-form-label">Volume</label>
<div class="col-4 d-flex align-items-baseline"><input name="sfxVolumeRange" id="sfxVolumeRange" class="form-range" type="range" min="0" max="1" step="any" value="0.7"></div>
</fieldset>
<fieldset class="row g-2 mb-3 align-items-center text-center"><legend class="text-start">Partie</legend>
<label for="levelInput" class="col-2 col-form-label text-center">Niveau</label>