Gauthier/Site_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Aligne les slides d'intro et la bottom bar sur le modèle BioCID

Browse Source 
- FDS : bottom bar refaite façon BioCID (84 px, compteur à gauche, boutons pilule centrés en style footer-btn, bouton retour intégré, masquée sur l'accueil)
- FDS : bouton "Démarrer le TD" remis dans la slide d'accueil et 2e cercle déco passé en ambre
- TP_Nuisibles : formulaire d'identification encadré dans une carte blanche comme la carte identité BioCID
This commit is contained in:
gauthier.chombart
2026-07-19 18:17:56 +02:00
parent 30817c829b
commit affa042c05
2 changed files with 85 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
exercices/TP_Nuisibles.html
View File

@@ -280,6 +280,18 @@
outline: none;
border-color: var(--amber);
}
/* Carte d'identité encadrée (modèle BioCID) */
.id-card {
background: white;
border: 0.5px solid var(--border);
border-radius: 16px;
padding: 20px 22px;
max-width: 460px;
width: 100%;
margin: 1.25rem auto;
box-shadow: 0 8px 30px rgba(0,0,0,0.04);
}
.id-card .id-form { margin: 0; max-width: none; }
/* TABLE FORM CONTROLS */
.risk-table input, .risk-table textarea {
@@ -673,20 +685,22 @@
<div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">Avant de commencer</div>
<div class="slide-title">Identification du groupe</div>
<p class="slide-intro" style="margin:0.5rem auto 0;max-width:420px;">Ces informations permettront au formateur de retrouver vos réponses.</p>
<div class="id-form" style="margin-left:auto;margin-right:auto;">
<div class="id-field">
<label for="inputNom">Nom du stagiaire ou du groupe</label>
<input type="text" id="inputNom" placeholder="Ex : Groupe 3 - Dupont / Martin" autocomplete="off">
</div>
<div class="id-field">
<label for="inputDate">Date de la session</label>
<input type="date" id="inputDate">
</div>
<div class="id-field">
<label>Formateur de la session</label>
<div style="display:flex;gap:10px;margin-top:2px;">
<button type="button" class="formateur-btn" id="btnNathan" onclick="selectFormateur('Nathan')">Nathan</button>
<button type="button" class="formateur-btn" id="btnGauthier" onclick="selectFormateur('Gauthier')">Gauthier</button>
<div class="id-card">
<div class="id-form">
<div class="id-field">
<label for="inputNom">Nom du stagiaire ou du groupe</label>
<input type="text" id="inputNom" placeholder="Ex : Groupe 3 - Dupont / Martin" autocomplete="off">
</div>
<div class="id-field">
<label for="inputDate">Date de la session</label>
<input type="date" id="inputDate">
</div>
<div class="id-field">
<label>Formateur de la session</label>
<div style="display:flex;gap:10px;margin-top:2px;">
<button type="button" class="formateur-btn" id="btnNathan" onclick="selectFormateur('Nathan')">Nathan</button>
<button type="button" class="formateur-btn" id="btnGauthier" onclick="selectFormateur('Gauthier')">Gauthier</button>
</div>
</div>
</div>
</div>