fix graphic interface again !!

backend/src/main/resources/get/cesare.html

@@ -12,15 +12,17 @@
 
     <nav class="navbar">
         <a href="index.html" class="nav-brand">
-            <img src="seal1.png" alt="🦭"onerror="this.style.display='none'; this.nextElementSibling.style.display='inline';">
-            <span style="display:none;"><img src="seal1.png" alt="🦭"></span> CryptoSeals
+            <img src="seal1.png" height="80" alt="🦭">
+            CryptoSeals
         </a>
-        <ul class="nav-links">
-            <li><a href="rsa.html">Algoritmo RSA</a></li>
-            <li><a href="cesare.html">Cesare</a></li>
-            <li><a href="vigenere.html">Vigenère</a></li>
-            <li><a href="storia.html">La Storia</a></li>
-            <li><a href="team.html">Il Team</a></li>
+        <div class="menu-toggle" onclick="toggleMenu()">
+            <i class="fa-solid fa-bars"></i>
+        </div>
+        <ul class="nav-links" id="nav-links">
+            <li><a href="rsa.html"><i class="fa-solid fa-key"></i> RSA</a></li>
+            <li><a href="cesare.html"><i class="fa-solid fa-arrow-right-arrow-left"></i> Cesare</a></li>
+            <li><a href="vigenere.html"><i class="fa-solid fa-table"></i> Vigenère</a></li>
+            <li><a href="team.html"><i class="fa-solid fa-users"></i> Il Team</a></li>
         </ul>
     </nav>
 
@@ -47,5 +49,12 @@
             <textarea id="testoDecifrato" readonly placeholder="Il messaggio originale tornerà qui..."></textarea>
         </div>
     </div>
+    <footer>
+        <div class="copyright">
+            <a href="/privacy-policy/">Privacy Policy</a> | 
+            <a href="#"><i class="fa-brands fa-github"></i> GitHub</a> <br><br>
+            © <span id="year"></span> CryptoSeals Team
+        </div>
+    </footer>
 </body>
 </html>

backend/src/main/resources/get/cesare.js

@@ -28,3 +28,10 @@ async function encrypt() {
         document.getElementById("testoDecifrato").value = await res.text();
     } catch (e) { alert("Errore di connessione!"); }
 }
+
+// Gestione Menu Mobile
+function toggleMenu() {
+    document.getElementById("nav-links").classList.toggle("active");
+}
+// Anno dinamico Footer
+document.getElementById("year").innerText = new Date().getFullYear();

backend/src/main/resources/get/index.html

@@ -12,7 +12,7 @@
 
     <nav class="navbar">
         <a href="index.html" class="nav-brand">
-            <img src="seal1.png" height="50" alt="🦭">
+            <img src="seal1.png" height="80" alt="🦭">
             CryptoSeals
         </a>
         <div class="menu-toggle" onclick="toggleMenu()">

backend/src/main/resources/get/rsa.html

@@ -10,14 +10,17 @@
 
     <nav class="navbar">
         <a href="index.html" class="nav-brand">
-            <span><img src="seal1.png" height="80"onerror="this.style.display='none'; this.nextElementSibling.style.display='inline';"></span> CryptoSeals
+            <img src="seal1.png" height="80" alt="🦭">
+            CryptoSeals
         </a>
-        <ul class="nav-links">
-            <li><a href="rsa.html" class="active">Algoritmo RSA</a></li>
-            <li><a href="cesare.html">Cesare</a></li>
-            <li><a href="vigenere.html">Vigenère</a></li>
-            <li><a href="storia.html">La Storia</a></li>
-            <li><a href="team.html">Il Team</a></li>
+        <div class="menu-toggle" onclick="toggleMenu()">
+            <i class="fa-solid fa-bars"></i>
+        </div>
+        <ul class="nav-links" id="nav-links">
+            <li><a href="rsa.html"><i class="fa-solid fa-key"></i> RSA</a></li>
+            <li><a href="cesare.html"><i class="fa-solid fa-arrow-right-arrow-left"></i> Cesare</a></li>
+            <li><a href="vigenere.html"><i class="fa-solid fa-table"></i> Vigenère</a></li>
+            <li><a href="team.html"><i class="fa-solid fa-users"></i> Il Team</a></li>
         </ul>
     </nav>
 
@@ -57,5 +60,12 @@
             </div>
         </div>
     </div>
+    <footer>
+        <div class="copyright">
+            <a href="/privacy-policy/">Privacy Policy</a> | 
+            <a href="#"><i class="fa-brands fa-github"></i> GitHub</a> <br><br>
+            © <span id="year"></span> CryptoSeals Team
+        </div>
+    </footer>
 </body>
 </html>

backend/src/main/resources/get/rsa.js

@@ -30,3 +30,10 @@ async function decrypt() {
         document.getElementById("decodedtext").value = await res.text();
     } catch (e) { alert("Impossibile connettersi al server."); }
 }
+
+// Gestione Menu Mobile
+function toggleMenu() {
+    document.getElementById("nav-links").classList.toggle("active");
+}
+// Anno dinamico Footer
+document.getElementById("year").innerText = new Date().getFullYear();

backend/src/main/resources/get/team.html

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="it">
+
+<head>
+    <meta charset="UTF-8">
+    <title>CryptoSeals - Il Team</title>
+    <link rel="stylesheet" href="style.css">
+    <style>
+        /* Stili speciali solo per le card del team */
+        .team-container {
+            display: flex;
+            justify-content: center;
+            gap: 30px;
+            flex-wrap: wrap;
+            margin-top: 40px;
+        }
+
+        .team-card {
+            background: white;
+            padding: 30px 20px;
+            border-radius: 15px;
+            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
+            width: 250px;
+            text-align: center;
+            transition: transform 0.3s;
+        }
+
+        .team-card:hover {
+            transform: translateY(-10px);
+            /* Effetto sollevamento al passaggio del mouse */
+            box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
+        }
+
+        .avatar {
+            font-size: 60px;
+            margin-bottom: 15px;
+        }
+
+        .ruolo {
+            color: #3498db;
+            font-weight: bold;
+            margin-bottom: 10px;
+            font-size: 14px;
+        }
+    </style>
+</head>
+
+<body>
+
+    <nav class="navbar">
+        <a href="index.html" class="nav-brand">
+            <img src="seal1.png" height="80" alt="🦭">
+            CryptoSeals
+        </a>
+        <div class="menu-toggle" onclick="toggleMenu()">
+            <i class="fa-solid fa-bars"></i>
+        </div>
+        <ul class="nav-links" id="nav-links">
+            <li><a href="rsa.html"><i class="fa-solid fa-key"></i> RSA</a></li>
+            <li><a href="cesare.html"><i class="fa-solid fa-arrow-right-arrow-left"></i> Cesare</a></li>
+            <li><a href="vigenere.html"><i class="fa-solid fa-table"></i> Vigenère</a></li>
+            <li><a href="team.html"><i class="fa-solid fa-users"></i> Il Team</a></li>
+        </ul>
+    </nav>
+
+    <div class="container">
+        <h1>Il Team CryptoSeals</h1>
+        <p class="descrizione">Siamo un gruppo di sviluppatori appassionati di sicurezza informatica e algoritmi
+            storici. Ecco le menti dietro al progetto.</p>
+
+        <div class="team-container">
+            <div class="team-card">
+                <div class="avatar">👨‍💻</div>
+                <h2>Elisabetta Raione</h2>
+                <p class="ruolo">Lead Developer Java & Web</p>
+                <p style="color: #777; font-size: 14px;">Si occupa dell'architettura del server Javalin e
+                    dell'integrazione con il frontend.</p>
+            </div>
+
+            <div class="team-card">
+                <div class="avatar">🕵️‍♂️</div>
+                <h2>Manuela Mango</h2>
+                <p class="ruolo">Esperto Crittografia</p>
+                <p style="color: #777; font-size: 14px;">Specializzato nell'implementazione matematica degli algoritmi
+                    RSA e Vigenère.</p>
+            </div>
+        </div>
+    </div>
+
+    <footer>
+        <div class="copyright">
+            <a href="/privacy-policy/">Privacy Policy</a> |
+            <a href="#"><i class="fa-brands fa-github"></i> GitHub</a> <br><br>
+            © <span id="year"></span> CryptoSeals Team
+        </div>
+    </footer>
+</body>
+</html>

backend/src/main/resources/get/team.js

@@ -0,0 +1,6 @@
+// Gestione Menu Mobile
+function toggleMenu() {
+    document.getElementById("nav-links").classList.toggle("active");
+}
+// Anno dinamico Footer
+document.getElementById("year").innerText = new Date().getFullYear();