mise à jour
This commit is contained in:
Jimmy Labbé
Binary file not shown.
Binary file not shown.
Binary file not shown.
+71
-16
@@ -157,7 +157,16 @@
|
||||
background: white;
|
||||
padding: 15px;
|
||||
border-radius: 8px;
|
||||
display: inline-block;
|
||||
display: none; /* caché par défaut */
|
||||
}
|
||||
|
||||
.accept-label {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 1rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
footer {
|
||||
@@ -169,7 +178,6 @@
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.video-container iframe { height: 320px; }
|
||||
.hero-content h1 { font-size: 2.2rem; }
|
||||
}
|
||||
</style>
|
||||
@@ -225,9 +233,13 @@
|
||||
</ul>
|
||||
|
||||
<div class="confirmation">
|
||||
<strong>Pour attester que vous avez lu les règles :</strong><br><br>
|
||||
<label class="accept-label">
|
||||
<input type="checkbox" class="accept-checkbox">
|
||||
<strong>En cliquant ici, « vous reconnaissez avoir lu et compris » les règles de sûreté, et vous vous engagez à les appliquer.</strong>
|
||||
</label>
|
||||
<br><br>
|
||||
Communiquez ce code à l’hôtesse d’accueil :<br>
|
||||
<div class="code">GSK-SEC-FR-2026</div>
|
||||
<div class="code" id="code-fr">GSK-SEC-FR-XXXXXX</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -248,7 +260,7 @@
|
||||
<div class="safety-text">
|
||||
<ul>
|
||||
<li>Please read the safety instructions carefully, complete them, and keep them with you at all times in case of inspection.</li>
|
||||
<li>Your badge must be worn visibly around your neck at all times.</li>
|
||||
<li>Your badge must be worn visibly around the neck at all times.</li>
|
||||
<li>You must badge in individually, even if someone holds the door for you.</li>
|
||||
<li>Only vehicles carrying equipment are permitted to enter and park on site, and must have a valid authorization.</li>
|
||||
<li>Speed limit: 20 km/h.</li>
|
||||
@@ -257,9 +269,13 @@
|
||||
</ul>
|
||||
|
||||
<div class="confirmation">
|
||||
<strong>To confirm you have read the rules:</strong><br><br>
|
||||
<label class="accept-label">
|
||||
<input type="checkbox" class="accept-checkbox">
|
||||
<strong>By clicking here, you acknowledge that you have read and understood the safety rules, and you agree to comply with them.</strong>
|
||||
</label>
|
||||
<br><br>
|
||||
Give this code to the receptionist:<br>
|
||||
<div class="code">GSK-SEC-EN-2026</div>
|
||||
<div class="code" id="code-en">GSK-SEC-EN-XXXXXX</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -289,17 +305,20 @@
|
||||
</ul>
|
||||
|
||||
<div class="confirmation">
|
||||
<strong>Para confirmar que ha leído las normas:</strong><br><br>
|
||||
<label class="accept-label">
|
||||
<input type="checkbox" class="accept-checkbox">
|
||||
<strong>Haciendo clic aquí, usted reconoce haber leído y comprendido las normas de seguridad, y se compromete a cumplirlas.</strong>
|
||||
</label>
|
||||
<br><br>
|
||||
Entregue este código a la recepcionista:<br>
|
||||
<div class="code">GSK-SEC-ES-2026</div>
|
||||
<div class="code" id="code-es">GSK-SEC-ES-XXXXXX</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<footer>
|
||||
<p>© 2026 GSK plc — Règles de Sécurité Visiteurs</p>
|
||||
<p style="margin-top: 8px; font-size: 0.95rem;">Développé par LABBEJ27 pour Fiducial Évreux</p>
|
||||
<p style="margin-top: 8px; font-size: 0.95rem;">À titre démonstratif</p>
|
||||
<p style="margin-top: 15px; font-size: 0.85rem; opacity: 0.75;">
|
||||
Code source disponible sur :
|
||||
<a href="https://labbej27.duckdns.org/labbej/gsk-securite-visiteurs"
|
||||
@@ -311,6 +330,21 @@
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
// Génère le code avec le mois en cours (ex: 062026)
|
||||
function getCurrentCode(lang) {
|
||||
const now = new Date();
|
||||
const month = String(now.getMonth() + 1).padStart(2, '0');
|
||||
const year = now.getFullYear();
|
||||
return `GSK-SEC-${lang.toUpperCase()}-${month}${year}`;
|
||||
}
|
||||
|
||||
// Met à jour tous les codes
|
||||
function updateCodes() {
|
||||
document.getElementById('code-fr').textContent = getCurrentCode('fr');
|
||||
document.getElementById('code-en').textContent = getCurrentCode('en');
|
||||
document.getElementById('code-es').textContent = getCurrentCode('es');
|
||||
}
|
||||
|
||||
function selectLanguage(lang) {
|
||||
document.querySelectorAll('.content').forEach(c => c.classList.remove('active'));
|
||||
document.getElementById(`content-${lang}`).classList.add('active');
|
||||
@@ -323,11 +357,32 @@
|
||||
document.getElementById(`content-${lang}`).scrollIntoView({ behavior: 'smooth' });
|
||||
}, 150);
|
||||
}
|
||||
|
||||
// Retour à l'accueil en cliquant sur le logo
|
||||
document.querySelector('.logo').addEventListener('click', () => {
|
||||
document.getElementById('home').scrollIntoView({ behavior: 'smooth' });
|
||||
});
|
||||
|
||||
// Gestion des cases à cocher
|
||||
function setupCheckboxes() {
|
||||
document.querySelectorAll('.accept-checkbox').forEach(checkbox => {
|
||||
const codeDiv = checkbox.closest('.confirmation').querySelector('.code');
|
||||
|
||||
checkbox.addEventListener('change', function() {
|
||||
if (this.checked) {
|
||||
codeDiv.style.display = 'inline-block';
|
||||
} else {
|
||||
codeDiv.style.display = 'none';
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Initialisation
|
||||
window.onload = function() {
|
||||
updateCodes();
|
||||
setupCheckboxes();
|
||||
|
||||
// Retour à l'accueil en cliquant sur le logo
|
||||
document.querySelector('.logo').addEventListener('click', () => {
|
||||
document.getElementById('home').scrollIntoView({ behavior: 'smooth' });
|
||||
});
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Reference in New Issue
Block a user