fix graphic interface again !!

2026-03-28 11:33:03 +01:00
parent d371b504f5
commit b8f0ba86e1
7 changed files with 180 additions and 43 deletions
--- a/backend/src/main/resources/get/team.html
+++ b/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>