cookie modal.

assets/css/main.css

@@ -2414,17 +2414,7 @@ input, select, textarea {
 	cursor: pointer;
 }
 
-.cookie-modal {
-	display: none;
-	position: fixed;
-	z-index: 1;
-	left: 0;
-	top: 0;
-	width: 100%;
-	height: 100%;
-	overflow: auto;
-	background-color: #FFFFFF;
-}
+
 .modal-content {
 	margin: 15% auto;
 	padding: 20px;

assets/en.json

@@ -0,0 +1,5 @@
+{
+    "statement": "Play hangman <br> Guess a letter to solve the puzzle <br> Hint: Fruits & Vegetables",  
+    "does":  "Social Connection<br>Publishing<br>Language Learning Streams<br>Contests<br>Puppet Shows<br>Games<br>Chat",
+    "is": "an English teacher, web developer and applied linguist. Language learning is our first habit and I want to help people find their youthful sensitivity to it online with cultural immersion."
+}

assets/fr.json

@@ -0,0 +1,5 @@
+ {
+    "statement": "Jouez au Pendu en anglais <br> Devinez les lettres à résoudre <br> Indice: fruits et légumes",
+    "does": "Connexion sociale<br>Édition<br>Flux d'apprentissage des langues<br>Concours<br>Spectacles de marionnettes<br>Jeux<br>Bavarder pour pratique les langues",
+    "is": "professeur d'anglais, développeur web et linguiste appliqué. L'apprentissage des langues est notre première habitude et je veux aider les gens à retrouver leur sensibilité de jeunesse en ligne grâce à une immersion culturelle."
+    }

assets/it.json

@@ -0,0 +1,5 @@
+{
+    "statement": "Gioca all'impiccato <br> Indovina una lettera per risolvere il puzzle <br> Suggerimento: frutta e verdura",
+    "does": "Connessione sociale<br>Pubblicazione<br>Streaming di apprendimento linguistico<br>Concorsi<br>Spettacoli di marionette<br>Giochi<br>Chat",
+    "is": "un insegnante di inglese, sviluppatore web e linguista applicato. L'apprendimento delle lingue è la nostra prima abitudine e voglio aiutare le persone a trovare la loro sensibilità giovanile online con l'immersione culturale."
+}

assets/js/authentication.js

@@ -0,0 +1,151 @@
+// authentication.js
+import { 
+    createUserWithEmailAndPassword, 
+    sendEmailVerification, 
+    signInWithEmailAndPassword, 
+    FacebookAuthProvider, 
+    signInWithPopup, 
+    onAuthStateChanged 
+} from "https://www.gstatic.com/firebasejs/10.8.0/firebase-auth.js";
+import { auth } from './firebaseInit.js';
+
+// Function to handle the token client-side
+onAuthStateChanged(auth, user => {
+    if (user) {
+        // User is signed in.
+        user.getIdToken().then(function(idToken) {
+            // Send token to your backend via HTTPS
+            sessionStorage.setItem("userToken", idToken); // Store token in sessionStorage
+        });
+    } else {
+        // No user is signed in.
+        sessionStorage.removeItem("userToken"); // Remove token when user logs out
+    }
+});
+
+// // Function to handle user sign-up
+function signUp(email, password) {
+    return new Promise((resolve, reject) => {
+        createUserWithEmailAndPassword(auth, email, password)
+            .then(userCredential => {
+                const user = userCredential.user;
+                console.log('User account created, sending verification email...');
+                sendVerificationEmail(user)
+                    .then(() => {
+                        console.log('Verification email sent.');
+                        resolve(user);  // Pass the user object to resolve for further use
+                    }) 
+                    .catch(error => {
+                        console.error('Failed to send verification email:', error);
+                        reject(error);
+                    });
+            })
+            .catch(error => {
+                console.error('Error during sign up:', error);
+                reject(error);
+            });
+    });
+}
+
+async function signIn(email, password) {
+    try {
+        const userCredential = await signInWithEmailAndPassword(auth, email, password);
+        if (!userCredential.user.emailVerified) {
+            throw new Error('Email not verified.');
+        }
+        console.log("User signed in:", userCredential.user);
+    } catch (error) {
+        console.error("Error signing in:", error);
+    }
+}
+
+async function sendVerificationEmail(user) {
+    try {
+        await sendEmailVerification(user);
+        console.log('Verification email sent.');
+    } catch (error) {
+        console.error('Failed to send verification email:', error);
+    }
+}
+
+async function sendPasswordResetEmail(email) {
+    try {
+        await firebase.auth().sendPasswordResetEmail(email);
+        console.log('Password reset email sent.');
+    } catch (error) {
+        console.error('Error sending password reset email:', error);
+    }
+}
+
+// Facebook Authentication
+async function signInWithFacebook() {
+    try {
+        const provider = new FacebookAuthProvider();
+        const result = await signInWithPopup(auth, provider);
+        console.log('Facebook sign-in successful:', result.user);
+    } catch (error) {
+        console.error('Error during Facebook sign-in:', error);
+    }
+}
+
+// Event Listeners
+function setupEventListeners() {
+    // Set up event listener for sign-up form
+    document.getElementById('signupForm').addEventListener('submit', async (event) => {
+        event.preventDefault();
+        const email = event.target.elements['email'].value;
+        const password = event.target.elements['password'].value;
+        try {
+            await signUp(email, password);
+            console.log('Sign-up successful, please check your email to verify.');
+        } catch (error) {
+            console.error('Sign-up failed:', error);
+        }
+    });
+
+    // Set up event listener for sign-in form
+    document.getElementById('signinForm').addEventListener('submit', async (event) => {
+        event.preventDefault();
+        const email = document.getElementById('loginEmail').value;
+        const password = document.getElementById('loginPassword').value;
+        try {
+            await signIn(email, password);
+            console.log('Sign-in successful.');
+        } catch (error) {
+            console.error('Sign-in failed:', error);
+        }
+    });
+
+    // Set up event listener for "Forgot Password?" button
+    const forgotPasswordButton = document.getElementById('forgotPasswordButton');
+    if (forgotPasswordButton) {
+        forgotPasswordButton.addEventListener('click', async () => {
+            const email = document.getElementById('loginEmail').value;
+            if (email) {
+                try {
+                    await sendPasswordResetEmail(email);
+                    console.log('Password reset email sent.');
+                } catch (error) {
+                    console.error('Error sending password reset email:', error);
+                }
+            } else {
+                console.error('No email provided for password reset.');
+            }
+        });
+    }
+}
+
+// Monitor authentication state changes
+onAuthStateChanged(auth, (user) => {
+    if (user) {
+        console.log('User is signed in.');
+    } else {
+        console.log('User is signed out.');
+    }
+});
+
+// Ensure all listeners are set up after the DOM is fully loaded
+document.addEventListener('DOMContentLoaded', setupEventListeners);
+
+// Export functions if needed elsewhere
+export { signUp, signIn, sendPasswordResetEmail, signInWithFacebook};