iDropped my alph in hot oil

Signed-off-by: Francesco Mancuso <hello@francescomancuso.it>

backend/src/main/java/com/crypto/Caesar.java

@@ -1,18 +1,42 @@
 package com.crypto;
-import java.util.Scanner;
 public class Caesar {
     
-    public static void encode(Scanner sc){
+    public static String encode(String plaintext, int key){
         String alphabet = "abcdefghijklmnopqrstuvwxyz";
-        System.out.println("Digita il testo in chiaro da cifrare:");
+        char encoded[] = plaintext.toCharArray();
-        String base = sc.nextLine();
-        System.out.println("Digita il valore della chiave:");
-        int key = sc.nextInt();
-        char encoded[] = base.toCharArray();
 
-        for(int i = 0; i < base.length(); i++){
+        for(int i = 0; i < plaintext.length(); i++){
-            encoded[i] = alphabet.charAt(alphabet.indexOf(encoded[i]) + key % 26);
+            if (alphabet.indexOf(encoded[i]) == -1) continue;
+            encoded[i] = alphabet.charAt((alphabet.indexOf(encoded[i]) + key) % 26);
         }
-        System.out.println(encoded);
+        return String.valueOf(encoded);
+    }
+
+    public static String[] decode(String ciphertext){
+        String alphabet = "abcdefghijklmnopqrstuvwxyz";
+        char encoded[] = ciphertext.strip().toCharArray();
+
+        char decoded[] = new char[ciphertext.length()];
+        String bruteforce[] = new String[26];
+
+        for(int key = 0; key < alphabet.length(); key++){
+
+            for(int i = 0; i < ciphertext.length(); i++){
+                if (alphabet.indexOf(encoded[i]) == -1) {
+                    decoded[i] = encoded[i];
+                    continue;
+                }
+                char current = encoded[i];
+                int pos = alphabet.indexOf(current);
+                if(pos != -1) {
+                    int newpos = (pos + key) % 26;
+                    decoded[i] = alphabet.charAt(newpos);
+                } else
+                    decoded[i] = current;
+            }
+            bruteforce[key] = String.valueOf(decoded);
+        }
+        return bruteforce;
+
     }
 }

backend/src/main/java/com/crypto/Main.java

@@ -1,140 +0,0 @@
-package com.crypto;
-import java.math.BigInteger;
-import java.util.Scanner;
-
-public class Main {
-
-    // ─────────────────────────────────────────────
-    //                    Menu
-    // ─────────────────────────────────────────────
-    private static int scegliDimensioneChiave(Scanner scanner) {
-        int bits = 0;
-        
-        while (bits == 0) {
-            System.out.println("\nSeleziona la dimensione della chiave:");
-            System.out.println("  [1] 512 bit  (Solo uso didattico)");
-            System.out.println("  [2] 1024 bit (Deprecata, solo test)");
-            System.out.println("  [3] 2048 bit (Standard attuale)");
-            System.out.println("  [4] 3072 bit (Ottimo compromesso)");
-            System.out.println("  [5] 4096 bit (Alta sicurezza)");
-            System.out.print("Scelta (1-5): ");
-
-            try {
-                int scelta = Integer.parseInt(scanner.nextLine().trim());
-                
-                // Assegniamo i bit in base alla scelta
-                switch (scelta) {
-                    case 1 -> bits = 512;
-                    case 2 -> bits = 1024;
-                    case 3 -> bits = 2048;
-                    case 4 -> bits = 3072;
-                    case 5 -> bits = 4096;
-                    default -> System.out.println("❌ Scelta non valida. Inserisci un numero da 1 a 5.");
-                }
-            } catch (NumberFormatException e) {
-                System.out.println("❌ Errore: Inserisci un numero valido.");
-            }
-        }
-        
-        System.out.println("Selezionata chiave da " + bits + " bit.");
-        return bits;
-    }
-
-    // Main
-    public static void main(String[] args) {
-        Scanner scanner = new Scanner(System.in);
-
-        System.out.println("==========================================");
-        System.out.println("           RSA  CRYPTO  ENGINE            ");
-        System.out.println("==========================================");
-
-        // --- 1. SETUP DELLE CHIAVI ---
-        int dimChiave = scegliDimensioneChiave(scanner);
-
-        System.out.println("\n⏳ Generazione delle chiavi in corso...");
-        // Passiamo dimChiave / 2 come facevi prima per p e q
-        RSA.RSAkeys chiavi = RSA.defkeys(dimChiave / 2);
-        System.out.println("> Chiavi generate con successo!");
-
-        boolean continua = true;
-
-        // --- CICLO PRINCIPALE ---
-        while (continua) {
-
-            System.out.println("\n------------------------------------------");
-            System.out.println("Cosa vuoi fare?");
-            System.out.println("  [1] Cifra un numero");
-            System.out.println("  [2] Cifra una stringa");
-            System.out.println("  [3] Rigenera le chiavi");
-            System.out.println("  [0] Esci");
-            System.out.println("------------------------------------------");
-            System.out.print("Scelta: ");
-
-            int scelta = -1;
-            try {
-                scelta = Integer.parseInt(scanner.nextLine().trim());
-            } catch (NumberFormatException ignored) {
-            }
-
-            System.out.println();
-
-            switch (scelta) {
-
-                case 1 -> {
-                    // MODALITÀ NUMERO
-                    System.out.print("Inserisci il numero da cifrare: ");
-                    try {
-                        BigInteger m = new BigInteger(scanner.nextLine().trim());
-
-                        System.out.println("> Cifratura in corso...");
-                        BigInteger c = RSA.encrypt(m, chiavi.e(), chiavi.n());
-                        System.out.println("Cifrato:\n" + c);
-
-                        System.out.println("\n> Decifratura in corso...");
-                        BigInteger dec = RSA.decrypt(c, chiavi.d(), chiavi.n());
-                        System.out.println("Decifrato:\n" + dec);
-
-                    } catch (IllegalArgumentException ex) {
-                        System.out.println("> Errore: Assicurati di inserire un numero valido.");
-                    }
-                }
-
-                case 2 -> {
-                    // MODALITÀ STRINGA
-                    System.out.print("Inserisci il testo da cifrare: ");
-                    String input = scanner.nextLine();
-
-                    System.out.println("> Cifratura in corso...");
-                    String cifrato = RSA.encrypt(input, chiavi.e(), chiavi.n());
-                    if (cifrato != null && !cifrato.isEmpty()) {
-                    // 2. SOLO PER LA STAMPA: nascondiamo il binario convertendolo in Base64
-                        String base64 = java.util.Base64.getEncoder().encodeToString(cifrato.getBytes());
-                        System.out.println("Cifrato (Base64):\n" + base64);
-                    }
-                        
-                    System.out.println("\n> Decifratura in corso...");
-                    String dec = RSA.decrypt(cifrato, chiavi.d(), chiavi.n());
-                    System.out.println("Decifrato:\n" + dec);
-                }
-
-                case 3 -> {
-                    // RIGENERA CHIAVI
-                    dimChiave = scegliDimensioneChiave(scanner);
-                    System.out.println("\n> Generazione delle chiavi in corso...");
-                    chiavi = RSA.defkeys(dimChiave / 2);
-                    System.out.println("> Chiavi rigenerate con successo!");
-                }
-
-                case 0 -> {
-                    continua = false;
-                    System.out.println("Chiusura del motore RSA. Alla prossima!");
-                }
-
-                default -> System.out.println("> Scelta non valida, riprova.");
-            }
-        }
-
-        scanner.close();
-    }
-}
-

backend/src/main/java/com/crypto/Seal.java

@@ -1,10 +1,9 @@
 package com.crypto;
+import java.math.BigInteger;
+
 import io.javalin.Javalin;
 
 public class Seal {
-
-    // Il mazzo di chiavi !!
-    public static RSA.RSAkeys keys;
     public static void main(String[] args) {
         
         // Avvio del server web
@@ -15,48 +14,70 @@ public class Seal {
 
         System.out.println("Generazione chiavi RSA per il server web in corso...");
 
-        // Cifratura con Cifrario di Cesare
+        // Cifratura con Cifrario di Vigenere (TODO)
-        app.post("/seal/caesar/encrypt", ctx -> {
-
-        }
-
-        );
-
-        // Decifratura con Cifrario di Vigenere
         app.post("/seal/vigenere/encrypt", ctx -> {
 
         }
 
         );
 
+        // Cifratura con Cifrario di Cesare
+        app.post("/seal/caesar/encrypt", ctx -> {
+            RichiestaCesare req = ctx.bodyAsClass(RichiestaCesare.class);
+            String ciphertext = Caesar.encode(req.plaintext,req.key);
+            ctx.result(ciphertext);
+        }
+
+        );
+
+        // Decifratura con Cifrario di Cesare (Attacco Bruteforce !!)
+        app.post("/seal/caesar/decrypt", ctx -> {
+            RichiestaCesare req = ctx.bodyAsClass(RichiestaCesare.class);
+            String[] ciphertext = Caesar.decode(req.ciphertext);
+            ctx.json(ciphertext);
+        }
+        );
+
         // Cifratura con RSA
         app.post("/seal/rsa/encrypt", ctx -> {
             // Legge i dati nel body dalla richiesta
-            Richiesta req = ctx.bodyAsClass(Richiesta.class); 
+            RichiestaRSA req = ctx.bodyAsClass(RichiestaRSA.class); 
-            keys = RSA.defkeys(req.keysize / 2);
+            RSA.RSAkeys keys = RSA.defkeys(req.keysize / 2);
             String ciphertext = RSA.encrypt(req.text,keys.e(), keys.n());
-            ctx.result(ciphertext);
+            ctx.result("{\"ciphertext\":\""+ciphertext+"\",\"keys\":{\"d\":\"" + keys.d().toString() + "\",\"n\":\""  + keys.n().toString() +  "\"}}");
         });
 
         // Decifratura con RSA
         app.post("/seal/rsa/decrypt", ctx -> {
             // Legge i dati nel body dalla richiesta
-            Richiesta req = ctx.bodyAsClass(Richiesta.class);
+            RichiestaRSA req = ctx.bodyAsClass(RichiestaRSA.class);
-            
+        
+            BigInteger d = new BigInteger(req.d);
+            BigInteger n = new BigInteger(req.n);
+
             // Usa il metodo RSA per cifrare
-            String plaintext = RSA.decrypt(req.text, keys.d(), keys.n());
+            String plaintext = RSA.decrypt(req.text, d, n);
 
             // Restituisce il risultato della cifratura
-            ctx.result(plaintext.replaceAll("\\\\u0000", ""));
+            ctx.result(plaintext.replace("\u0000", "").trim());
         });
     }
 }
 
-// Classe utilizzata per tradurre il JSON - Rappresenta l'oggetto richiesta
+// Classi utilizzate per tradurre il JSON - Rappresenta l'oggetto richiesta
-class Richiesta {
+class RichiestaCesare {
+    public int key;
+    public String plaintext;
+    public String ciphertext;
+    public RichiestaCesare() {} 
+}
+
+class RichiestaRSA {
     public int keysize;
     public String text;
+    public String d;
+    public String n;
     
     // Costruttore della richiesta
-    public Richiesta() {} 
+    public RichiestaRSA() {} 
 }

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

@@ -1,77 +1,59 @@
 <!DOCTYPE html>
 <html lang="it">
+
 <head>
     <meta charset="UTF-8">
     <title>CryptoSeals - Cesare</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="style.css">
+    <script src="cesare.js" defer></script>
 </head>
-<body>
 
+<body>
     <nav class="navbar">
         <a href="index.html" class="nav-brand">
-            <img src="logo.png" alt="🦭" onerror="this.style.display='none'; this.nextElementSibling.style.display='inline';">
+            <img src="seal1.png" height="80" alt="🦭">
-            <span style="display:none;">🦭</span> CryptoSeals
+            CryptoSeals
         </a>
-        <ul class="nav-links">
+        <div class="menu-toggle" onclick="toggleMenu()">
-            <li><a href="rsa.html">Algoritmo RSA</a></li>
+            <i class="fa-solid fa-bars"></i>
-            <li><a href="cesare.html" style="color: #3498db;">Cesare</a></li> <li><a href="vigenere.html">Vigenère</a></li>
+        </div>
-            <li><a href="storia.html">La Storia</a></li>
+        <ul class="nav-links" id="nav-links">
-            <li><a href="team.html">Il Team</a></li>
+            <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="team.html"><i class="fa-solid fa-users"></i> Il Team</a></li>
         </ul>
     </nav>
 
     <div class="container">
         <h1>Cifrario di Cesare</h1>
-        <p class="descrizione">Sposta le lettere dell'alfabeto di un numero fisso di posizioni. Semplice, storico, ma efficace per messaggi veloci.</p>
+        <p class="descrizione">Sposta le lettere dell'alfabeto di un numero fisso di posizioni. Semplice, storico, ma
-        
+            efficace per messaggi veloci.</p>
+
         <div class="crypto-box">
-            
             <label>Chiave (Numero di spostamento):</label>
-            <input type="number" id="chiaveCesare" value="3" placeholder="Es. 3" style="width: 100%; padding: 12px; margin-top: 5px; margin-bottom: 15px; border-radius: 5px; border: 1px solid #ccc;">
+            <input type="number" id="key" value="3" placeholder="Es. 3"
+                style="width: 100%; padding: 12px; margin-top: 5px; margin-bottom: 15px; border-radius: 5px; border: 1px solid #ccc;">
 
             <label>Testo in chiaro:</label>
-            <textarea id="testoInput" placeholder="Scrivi qui il messaggio da cifrare..."></textarea>
+            <textarea id="plaintext" placeholder="Scrivi qui il messaggio da cifrare..."></textarea>
-            <button onclick="cifraCesare()">🔒 Cifra con Cesare</button>
+            <button onclick="encrypt()">🔒 Cifra con Cesare</button>
-            
+
             <label style="display:block; margin-top: 25px;">Testo Cifrato:</label>
-            <textarea id="testoOutput" placeholder="Il risultato cifrato apparirà qui..."></textarea>
+            <textarea id="ciphertext" placeholder="Il risultato cifrato apparirà qui..."></textarea>
-            <button class="btn-green" onclick="decifraCesare()">🔓 Decifra in chiaro</button>
+            <button class="btn-green" onclick="decrypt()">🔓 Decifra in chiaro</button>
-            
+
             <label style="display:block; margin-top: 25px;">Risultato decifrato:</label>
-            <textarea id="testoDecifrato" readonly placeholder="Il messaggio originale tornerà qui..."></textarea>
+            <textarea id="decodedtext" readonly placeholder="Il messaggio originale tornerà qui..."></textarea>
         </div>
     </div>
-
+    <footer>
-    <script>
+        <div class="copyright">
-        async function cifraCesare() {
+            <a href="/privacy-policy/">Privacy Policy</a> | 
-            const input = document.getElementById("testoInput").value;
+            <a href="https://git.vps.francescomancuso.it/elisabetta/cryptoseals"><i class="fa-solid fa-mug-saucer"></i> Gitea</a> <br><br>
-            const chiave = document.getElementById("chiaveCesare").value; 
+            © <span id="year"></span> CryptoSeals Team
-            
+        </div>
-            if(!input) return alert("Inserisci del testo!");
+    </footer>
-
-            try {
-                const risposta = await fetch("/seal/cesare/encrypt", {
-                    method: "POST", headers: { "Content-Type": "application/json" },
-                    // Invia il testo e la CHIAVE (convertita in numero) al server
-                    body: JSON.stringify({ testo: input, chiave: parseInt(chiave) }) 
-                });
-                document.getElementById("testoOutput").value = await risposta.text();
-            } catch (e) { alert("Errore di connessione con le API di Cesare!"); }
-        }
-
-        async function decifraCesare() {
-            const inputCifrato = document.getElementById("testoOutput").value;
-            const chiave = document.getElementById("chiaveCesare").value; 
-
-            if(!inputCifrato) return alert("Nessun testo da decifrare!");
-            try {
-                const risposta = await fetch("/seal/cesare/decrypt", {
-                    method: "POST", headers: { "Content-Type": "application/json" },
-                    body: JSON.stringify({ testo: inputCifrato, chiave: parseInt(chiave) }) 
-                });
-                document.getElementById("testoDecifrato").value = await risposta.text();
-            } catch (e) { alert("Errore di connessione!"); }
-        }
-    </script>
 </body>
 </html>

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

@@ -0,0 +1,35 @@
+async function encrypt() {
+    const plaintext = document.getElementById("plaintext").value;
+    const key = document.getElementById("key").value;
+
+    if (!plaintext) return alert("Inserisci del testo!");
+
+    try {
+        const risposta = await fetch("/seal/caesar/encrypt", {
+            method: "POST", headers: { "Content-Type": "application/json" },
+            // Invia il testo e la chiave (convertita in numero) al server
+            body: JSON.stringify({ plaintext: plaintext, key: parseInt(key) })
+        });
+        document.getElementById("ciphertext").value = await risposta.text();
+    } catch (e) { alert("Errore di connessione con le API di caesar!"); }
+}
+
+async function decrypt() {
+    const c = document.getElementById("ciphertext").value;
+    if (!c) return alert("Nessun testo da decifrare!");
+    try {
+        const res = await fetch("/seal/caesar/decrypt", {
+            method: "POST", headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ ciphertext: c })
+        });
+        const data = await res.json();
+        document.getElementById("decodedtext").value = JSON.stringify(data, null, 2);
+    } 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

@@ -1,17 +1,25 @@
 <!DOCTYPE html>
 <html lang="it">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>CryptoSeals - Home</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="style.css">
+    <script src="index.js" defer></script>
 </head>
-<body>
 
+<body>
+    <div>
+        <div id="stars-container">
+        <div id="stars"></div>
+        <div id="stars2"></div>
+        <div id="stars3"></div>
+    </div>
     <nav class="navbar">
         <a href="index.html" class="nav-brand">
-            <img src="seal1.png" height="50" alt="🦭" onerror="this.src='https://cdn-icons-png.flaticon.com/512/3063/3063126.png';">
+            <img src="seal1.png" height="80" alt="🦭">
             CryptoSeals
         </a>
         <div class="menu-toggle" onclick="toggleMenu()">
@@ -20,39 +28,32 @@
         <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" style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 60vh;">
+    <div class="container"
+        style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 60vh;">
         <h1>Welcome to CryptoSeals</h1>
         <p class="descrizione">
             Dive deep, Seal your data. <i class="fa-solid fa-water"></i><br><br>
             Scegli uno strumento dal menu per iniziare a proteggere i tuoi messaggi!
         </p>
-        <img src="seal1.png" alt="Mascotte CryptoSeals" style="max-width: 250px; border-radius: 20px; box-shadow: 0 10px 30px rgba(16, 185, 129, 0.2);" onerror="this.src='https://cdn-icons-png.flaticon.com/512/3063/3063126.png';">
     </div>
 
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="margin-bottom: -5px;">
-        <path fill="#0b0f19" fill-opacity="1" d="M0,160L48,170.7C96,181,192,203,288,208C384,213,480,203,576,176C672,149,768,107,864,117.3C960,128,1056,192,1152,213.3C1248,235,1344,213,1392,202.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
+        <path fill="#0b0f19" fill-opacity="1"
+            d="M0,160L48,170.7C96,181,192,203,288,208C384,213,480,203,576,176C672,149,768,107,864,117.3C960,128,1056,192,1152,213.3C1248,235,1344,213,1392,202.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z">
+        </path>
     </svg>
 
     <footer>
         <div class="copyright">
-            <a href="/privacy-policy/">Privacy Policy</a> | 
+            <a href="/privacy-policy/">Privacy Policy</a> |
-            <a href="#"><i class="fa-brands fa-github"></i> GitHub</a> <br><br>
+            <a href="https://git.vps.francescomancuso.it/elisabetta/cryptoseals"><i class="fa-solid fa-mug-saucer"></i> Gitea</a> <br><br>
             © <span id="year"></span> CryptoSeals Team
         </div>
     </footer>
-
-    <script>
-        // Gestione Menu Mobile
-        function toggleMenu() {
-            document.getElementById("nav-links").classList.toggle("active");
-        }
-        // Anno dinamico Footer
-        document.getElementById("year").innerText = new Date().getFullYear();
-    </script>
 </body>
+
 </html>

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

@@ -0,0 +1,24 @@
+// Gestione Menu Mobile
+function toggleMenu() {
+    document.getElementById("nav-links").classList.toggle("active");
+}
+// Anno dinamico Footer
+document.getElementById("year").innerText = new Date().getFullYear();
+
+// Funzione per generare le ombre casuali delle stelle
+function generateStars(n) {
+    let shadows = '';
+    for (let i = 0; i < n; i++) {
+        // Genera coordinate casuali fino a 2000px
+        let x = Math.floor(Math.random() * 2000);
+        let y = Math.floor(Math.random() * 2000);
+        shadows += `${x}px ${y}px #FFF`;
+        if (i < n - 1) shadows += ', ';
+    }
+    return shadows;
+}
+
+// Applica le stelle generate alle variabili CSS
+document.documentElement.style.setProperty('--shadows-small', generateStars(700));
+document.documentElement.style.setProperty('--shadows-medium', generateStars(200));
+document.documentElement.style.setProperty('--shadows-big', generateStars(100));

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

@@ -3,20 +3,24 @@
 <head>
     <meta charset="UTF-8">
     <title>CryptoSeals - RSA</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="style.css">
+    <script src="rsa.js" defer></script>
 </head>
 <body>
-
     <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">
+        <div class="menu-toggle" onclick="toggleMenu()">
-            <li><a href="rsa.html" class="active">Algoritmo RSA</a></li>
+            <i class="fa-solid fa-bars"></i>
-            <li><a href="cesare.html">Cesare</a></li>
+        </div>
-            <li><a href="vigenere.html">Vigenère</a></li>
+        <ul class="nav-links" id="nav-links">
-            <li><a href="storia.html">La Storia</a></li>
+            <li><a href="rsa.html"><i class="fa-solid fa-key"></i> RSA</a></li>
-            <li><a href="team.html">Il Team</a></li>
+            <li><a href="cesare.html"><i class="fa-solid fa-arrow-right-arrow-left"></i> Cesare</a></li>
+            <li><a href="team.html"><i class="fa-solid fa-users"></i> Il Team</a></li>
         </ul>
     </nav>
 
@@ -56,41 +60,12 @@
             </div>
         </div>
     </div>
-
+    <footer>
-    <script>
+        <div class="copyright">
-        async function encrypt() {
+            <a href="/privacy-policy/">Privacy Policy</a> | 
-            const plaintext = document.getElementById("plaintext").value;
+            <a href="https://git.vps.francescomancuso.it/elisabetta/cryptoseals"><i class="fa-solid fa-mug-saucer"></i> Gitea</a> <br><br>
-            const size = document.getElementById("keysize").value; 
+            © <span id="year"></span> CryptoSeals Team
-            
+        </div>
-            if(!plaintext) return alert("Per favore, inserisci del testo da cifrare.");
+    </footer>
-
-            document.getElementById("ciphertext").value = "Le foche stanno cifrando... Attendere prego.";
-
-            try {
-                // NOTA: Controlla che la rotta nel tuo Java sia corretta (/seal/rsa/encrypt o /api/rsa/cifra)
-                const res = await fetch("/seal/rsa/encrypt", {
-                    method: "POST", headers: { "Content-Type": "application/json" },
-                    body: JSON.stringify({ text: plaintext, keysize: parseInt(size) }) 
-                });
-                document.getElementById("ciphertext").value = await res.text();
-            } catch (e) { alert("Impossibile connettersi al server Javalin."); }
-        }
-
-        async function decrypt() {
-            const input = document.getElementById("ciphertext").value;
-            if(!input) return alert("Non c'è nessun testo da decifrare.");
-
-            document.getElementById("decodedtext").value = "Decifratura in corso...";
-
-            try {
-                // NOTA: Controlla che la rotta nel tuo Java sia corretta (/seal/rsa/decrypt o /api/rsa/decifra)
-                const res = await fetch("http://localhost:8080/seal/rsa/decrypt", {
-                    method: "POST", headers: { "Content-Type": "application/json" },
-                    body: JSON.stringify({ text: input }) 
-                });
-                document.getElementById("decodedtext").value = await res.text();
-            } catch (e) { alert("Impossibile connettersi al server."); }
-        }
-    </script>
 </body>
 </html>

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

@@ -0,0 +1,44 @@
+let d = "";
+let n = "";
+
+async function encrypt() {
+    const plaintext = document.getElementById("plaintext").value;
+    const size = document.getElementById("keysize").value;
+
+    if (!plaintext) return alert("Per favore, inserisci del testo da cifrare.");
+
+    document.getElementById("ciphertext").value = "Le foche stanno cifrando... Attendere prego.";
+
+    try {
+        const res = await fetch("/seal/rsa/encrypt", {
+            method: "POST", headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ text: plaintext, keysize: parseInt(size) })
+        });
+        const answer = await res.json();
+        document.getElementById("ciphertext").value = answer.ciphertext;
+        d = answer.keys.d;
+        n = answer.keys.n;
+    } catch (e) { alert("Impossibile connettersi al server Javalin."); }
+}
+
+async function decrypt() {
+    const input = document.getElementById("ciphertext").value;
+    if (!input) return alert("Non c'è nessun testo da decifrare.");
+
+    document.getElementById("decodedtext").value = "Decifratura in corso...";
+
+    try {
+        const res = await fetch("/seal/rsa/decrypt", {
+            method: "POST", headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ text: input, n: n, d: d })
+        });
+        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/style.css

@@ -54,6 +54,16 @@ body {
 
 .nav-brand img {
     border-radius: 50%;
+    height: 40px;
+    width: 80px;
+    object-fit: cover;
+}
+
+.nav-brand img:hover {
+    object-fit: fill;
+    display: inline-block;
+    margin-top: 10px;
+    margin-bottom: -10px;
 }
 
 .nav-links {
@@ -213,6 +223,43 @@ footer a {
     text-decoration: none;
 }
 
+/* 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: #f3f4f6;
+            padding: 30px 20px;
+            border-radius: 15px;
+            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
+            width: 280px;
+            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:#10b981;
+            font-weight: bold;
+            margin-bottom: 10px;
+            font-size: 14px;
+        }
+
 /* --- RESPONSIVE --- */
 @media (max-width: 768px) {
     .crypto-columns {
@@ -235,4 +282,47 @@ footer a {
     .menu-toggle {
         display: block;
     }
+}
+/* --- SFONDO SPAZIALE ANIMATO --- */
+.sfondo-spazio {
+    position: fixed; /* Lo fissa allo schermo */
+    top: 0; left: 0; width: 100%; height: 100%;
+    z-index: -1; /* Manda le stelle DIETRO le tue card e la navbar */
+    background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
+    overflow: hidden;
+}
+
+#stars-container {
+    position: fixed;
+    top: 0; 
+    left: 0; 
+    width: 100vw; 
+    height: 100vh;
+    z-index: -1;
+    pointer-events: none; 
+    background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
+    overflow: hidden;
+}
+
+#stars, #stars2, #stars3 { background: transparent; }
+
+/* Stelle Piccole */
+#stars { width: 1px; height: 1px; box-shadow: var(--shadows-small); animation: animStar 50s linear infinite; }
+#stars::after { content: " "; position: absolute; top: 2000px; width: 1px; height: 1px; background: transparent; box-shadow: var(--shadows-small); }
+
+/* Stelle Medie */
+#stars2 { width: 2px; height: 2px; box-shadow: var(--shadows-medium); animation: animStar 100s linear infinite; }
+#stars2::after { content: " "; position: absolute; top: 2000px; width: 2px; height: 2px; background: transparent; box-shadow: var(--shadows-medium); }
+
+/* Stelle Grandi */
+#stars3 { width: 3px; height: 3px; box-shadow: var(--shadows-big); animation: animStar 150s linear infinite; }
+#stars3::after { content: " "; position: absolute; top: 2000px; width: 3px; height: 3px; background: transparent; box-shadow: var(--shadows-big); }
+
+@keyframes animStar {
+    from { transform: translateY(0px); }
+    to { transform: translateY(-2000px); }
+}
+
+body {
+    color: white; 
 }

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

@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="it">
+
+<head>
+    <meta charset="UTF-8">
+    <title>CryptoSeals - Il Team</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link rel="stylesheet" href="style.css">
+    <script src="team.js" defer></script>
+</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="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"></p>
+
+        <div class="team-container">
+            <div class="team-card">
+                <div class="avatar"
+                    style="width: 190px; height: 140px; margin: 0 auto; overflow: hidden; border-radius: 10px;">
+                    <img src='elisabetta.png'
+                        style="width: 70%; height: calc(90% - 2px); object-fit: cover; object-position: top center;">
+                </div>
+                <h2 style="color: #0b0f19;">Elisabetta Raione</h2>
+                <p class="ruolo">Foca 1</p>
+            </div>
+
+            <div class="team-card">
+                <div class="avatar"
+                    style="width: 190px; height: 140px; margin: 0 auto; overflow: hidden; border-radius: 10px;">
+                    <img src='manuela1.png'
+                        style="width: 70%; height: calc(90% - 2px); object-fit: cover; object-position: top center;">
+                </div>
+                <h2 style="color: #0b0f19;">Manuela Mango</h2>
+                <p class="ruolo">Foca 2</p>
+            </div>
+        </div>
+    </div>
+
+    <footer>
+        <div class="copyright">
+            <a href="/privacy-policy/">Privacy Policy</a> |
+            <a href="https://git.vps.francescomancuso.it/elisabetta/cryptoseals"><i class="fa-solid fa-mug-saucer"></i> Gitea</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();