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

stylesheet select

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-04-25 11:27:30 +02:00
parent f9e743f7ae
commit 40a5b59b8a
1 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
index.html
View File

@ -5,13 +5,13 @@
<title>QUATRIS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="dark">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css">
<link href="css/common.css" rel="stylesheet">
<link href="css/classic.css" rel="stylesheet" title="Classique">
<link href="css/electro.css" rel="alternate stylesheet" title="Électro">
<link href="css/pop.css" rel="alternate stylesheet" title="Pop">
<link href="css/retro.css" rel="alternate stylesheet" title="Rétro">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/classic.css"title="Classique">
<link rel="alternate stylesheet" href="css/electro.css" title="Électro">
<link rel="alternate stylesheet" href="css/pop.css" title="Pop">
<link rel="alternate stylesheet" href="css/retro.css" title="Rétro">
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
@ -96,6 +96,18 @@
</div>
<label for="dasInput" class="col-sm-2 col-form-label" title="Delayed AutoShift : délai initial avant répétition">DAS</label>
</fieldset>
<fieldset class="row g-2 mb-3 align-items-center text-center">
<legend class="text-start">Feuille de style</legend>
<label for="stylesheetSelect" class="col-sm-2 col-form-label text-center">Style</label>
<div class="col-sm-4">
<select id="stylesheetSelect" class="form-select" onclick="document.selectedStyleSheetSet=stylesheetSelect.value">
<option selected>Classique</option>
<option>Électro</option>
<option>Pop</option>
<option>Rétro</option>
</select>
</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-sm-2 col-form-label text-center">Niveau</label>
@ -114,7 +126,7 @@
<div class="container-fluid d-flex h-100 justify-content-center d-flex align-items-center">
<div class="row row-cols-auto align-items-start gap-2">
<div id="screenRow" class="row row-cols-auto align-items-start gap-2">
<div class="col d-flex flex-column align-items-end">
<div class="card mb-4">
<div class="card-header text-center"><strong>HOLD</strong></div>