diff --git a/pong/static/game.js b/pong/static/game.js
index 0698013..e926d48 100644
--- a/pong/static/game.js
+++ b/pong/static/game.js
@@ -447,4 +447,154 @@ document.addEventListener('DOMContentLoaded', () => {
});
}
+ var modal = document.getElementById("myModal");
+ var btn = document.getElementById("myBtn");
+ var span = document.getElementsByClassName("close")[0];
+ var jsonContent = document.getElementById("jsonContent");
+ btn.onclick = function() {
+ fetch('/web3/')
+ .then(response => response.json())
+ .then(data => {
+ jsonContent.textContent = JSON.stringify(data, null, 2);
+ modal.style.display = "block";
+ });
+ }
+
+ span.onclick = function() {
+ modal.style.display = "none";
+ }
+
+ window.onclick = function(event) {
+ if (event.target == modal) {
+ modal.style.display = "none";
+ }
+ }
+
+ const translations = {
+ fr: {
+ welcome: "BIENVENUE DANS LE PONG 42",
+ labelNickname: "Entrez votre surnom:",
+ labelPassword: "Entrez votre mot de passe:",
+ labelConfirmPassword: "Confirmez votre mot de passe:",
+ labelLoginPassword: "Entrez votre mot de passe:"
+ },
+ en: {
+ welcome: "WELCOME TO PONG 42",
+ labelNickname: "Enter your nickname:",
+ labelPassword: "Enter your password:",
+ labelConfirmPassword: "Confirm your password:",
+ labelLoginPassword: "Enter your password:"
+ },
+ it: {
+ welcome: "BENVENUTO A PONG 42",
+ labelNickname: "Inserisci il tuo soprannome:",
+ labelPassword: "Inserisci la tua password:",
+ labelConfirmPassword: "Conferma la tua password:",
+ labelLoginPassword: "Inserisci la tua password:"
+ },
+ es: {
+ welcome: "BIENVENIDO A PONG 42",
+ labelNickname: "Introduce tu apodo:",
+ labelPassword: "Introduce tu contraseña:",
+ labelConfirmPassword: "Confirma tu contraseña:",
+ labelLoginPassword: "Introduce tu contraseña:"
+ },
+ de: {
+ welcome: "WILLKOMMEN BEI PONG 42",
+ labelNickname: "Geben Sie Ihren Spitznamen ein:",
+ labelPassword: "Geben Sie Ihr Passwort ein:",
+ labelConfirmPassword: "Bestätigen Sie Ihr Passwort:",
+ labelLoginPassword: "Geben Sie Ihr Passwort ein:"
+ }
+ };
+
+ function changeLanguage(lang) {
+ document.getElementById('welcome').innerText = translations[lang].welcome;
+ document.getElementById('label-nickname').innerText = translations[lang].labelNickname;
+ document.getElementById('label-password').innerText = translations[lang].labelPassword;
+ document.getElementById('label-confirm-password').innerText = translations[lang].labelConfirmPassword;
+ document.getElementById('label-login-password').innerText = translations[lang].labelLoginPassword;
+ }
+
+ const starsContainer = document.getElementById('stars');
+ for (let i = 0; i < 500; i++) {
+ const star = document.createElement('div');
+ star.className = 'star';
+ star.style.width = `${Math.random() * 3}px`;
+ star.style.height = star.style.width;
+ star.style.left = `${Math.random() * 100}%`;
+ star.style.top = `${Math.random() * 100}%`;
+ star.style.animationDuration = `${Math.random() * 2 + 1}s`;
+ starsContainer.appendChild(star);
+ }
+
+ function setCookie(name, value, days) {
+ const d = new Date();
+ d.setTime(d.getTime() + (days*24*60*60*1000));
+ const expires = "expires=" + d.toUTCString();
+ document.cookie = name + "=" + value + ";" + expires + ";path=/";
+ }
+
+ function getCookie(name) {
+ const cname = name + "=";
+ const decodedCookie = decodeURIComponent(document.cookie);
+ const ca = decodedCookie.split(';');
+ for(let i = 0; i < ca.length; i++) {
+ let c = ca[i];
+ while (c.charAt(0) === ' ') {
+ c = c.substring(1);
+ }
+ if (c.indexOf(cname) === 0) {
+ return c.substring(cname.length, c.length);
+ }
+ }
+ return "";
+ }
+
+ function changeLanguage(lang) {
+ setCookie('preferredLanguage', lang, 365); // Store the language preference for 1 year
+ document.getElementById('welcome').innerText = translations[lang].welcome;
+ document.getElementById('label-nickname').innerText = translations[lang].labelNickname;
+ document.getElementById('label-password').innerText = translations[lang].labelPassword;
+ document.getElementById('label-confirm-password').innerText = translations[lang].labelConfirmPassword;
+ document.getElementById('label-login-password').innerText = translations[lang].labelLoginPassword;
+ }
+
+ // Function to set the language based on the cookie
+ function setLanguageFromCookie() {
+ const preferredLanguage = getCookie('preferredLanguage');
+ if (preferredLanguage && translations[preferredLanguage]) {
+ changeLanguage(preferredLanguage);
+ } else {
+ changeLanguage('fr'); // Default to French if no cookie is found
+ }
+ }
+
+ // Set the language when the page loads
+ window.onload = setLanguageFromCookie;
+
+ document.getElementById('settings-btn').addEventListener('click', function() {
+ document.getElementById('settings-menu').style.display = 'block';
+ });
+
+ document.getElementById('close-settings').addEventListener('click', function() {
+ document.getElementById('settings-menu').style.display = 'none';
+ });
+
+ // Change the color of the text
+ document.getElementById('color-picker').addEventListener('input', function() {
+ document.body.style.color = this.value;
+ document.querySelectorAll('button').forEach(function(button) {
+ button.style.backgroundColor = this.value; // Change la couleur de fond des boutons
+ }, this);
+ });
+
+ document.getElementById('font-selector').addEventListener('change', function() {
+ document.body.style.fontFamily = this.value;
+ });
+
+ document.getElementById('font-size-slider').addEventListener('input', function() {
+ document.body.style.fontSize = this.value + 'px';
+ });
+
});
diff --git a/pong/static/index.html b/pong/static/index.html
index 48d0691..b58283c 100644
--- a/pong/static/index.html
+++ b/pong/static/index.html
@@ -64,30 +64,6 @@
-
BIENVENUE DANS LE PONG 42
@@ -260,136 +236,6 @@
-
-
-