First commit

static/js/functions.js

@@ -0,0 +1,50 @@
+function hide(id) {
+    let htmlChange = document.getElementById('show-' + id);
+    htmlChange.style.display = "none";
+    htmlChange.id = `hide-${id}`;
+    let buttonChange = document.getElementById(id);
+    buttonChange.onclick = function() { show(id); };
+}
+
+function show(id) {
+    let htmlChange = document.getElementById('hide-' + id);
+    htmlChange.style.display = "block";
+    htmlChange.id = `show-${id}`;
+    let buttonChange = document.getElementById(id);
+    buttonChange.onclick = function() { hide(id); };
+}
+
+// Fonction pour supprimer le message d'alerte après 5 secondes
+document.addEventListener('DOMContentLoaded', function() {
+    let messages = document.querySelector('.flash_messages')
+    setTimeout(function() {
+            messages.style.opacity = 0;
+            setTimeout(function() {
+                messages.style.display = 'none';
+            }, 1000);
+        }, 5000);
+});
+
+// Fonction pour générer des flocons de neige
+function createSnowflake() {
+    const snowflake = document.createElement('div');
+    snowflake.classList.add('snowflake');
+    snowflake.textContent = '•';
+
+    snowflake.style.left = `${Math.random() * 100}vw`;
+
+    const size = Math.random() * 1.5 + 0.5; 
+    snowflake.style.fontSize = `${size}em`;
+
+    const duration = Math.random() * 5 + 5;
+    snowflake.style.animationDuration = `${duration}s`;
+
+    document.body.appendChild(snowflake);
+
+    setTimeout(() => {
+        snowflake.remove();
+    }, duration * 1000);
+}
+
+// On génére lee flocons toute les 300ms
+setInterval(createSnowflake, 300);