src/main/resources/static/fonts/read me.txt

+The font file in this archive was created using Fontstruct the free, online
+font-building tool.
+This font was created by “opipik”.
+This font has a homepage where this archive and other versions may be found:
+http://fontstruct.com/fontstructions/show/773756
+
+Try Fontstruct at http://fontstruct.com
+It’s easy and it’s fun.
+
+NOTE FOR FLASH USERS: Fontstruct fonts (fontstructions) are optimized for Flash.
+If the font in this archive is a pixel font, it is best displayed at a font-size
+of 8.
+
+Fontstruct is sponsored by FontShop.
+Visit them at http://www.fontshop.com
+FontShop is the original independent font retailer. We’ve been around since
+the dawn of digital type. Whether you need the right font or need to create the
+right font from scratch, let our 22 years of experience work for you.
+
+Fontstruct is copyright ©2013 Rob Meek
+
+LEGAL NOTICE:
+In using this font you must comply with the licensing terms described in the
+file “license.txt” included with this archive.
+If you redistribute the font file in this archive, it must be accompanied by all
+the other files from this archive, including this one.

src/main/resources/static/style.css

+@font-face{
+    font-family:'Starkiller';
+    src:
+        url('/fonts/StarkillerOutline-3L5L.ttf') format('truetype');
+}
+@font-face{
+    font-family:'anakinmono';
+    src:
+        url('/fonts/anakinmono.ttf') format('truetype');
+}
+
+:root {
+    --glow-color: hsl(60 100% 50%);
+}
+
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+
+h1 {
+    font-family: 'Starkiller';
+}
+
+h2{
+    text-align: left;
+    margin-inline-end: auto;
+    margin-left: 15%;
+}
+
+body {
+    font-family: anakinmono, sans-serif;
+    background-image: url("https://p.turbosquid.com/ts-thumb/p4/gieJXZ/ZM/screenshot001/png/1650377346/1920x1080/fit_q99/cfea16e5fcc5a49514ffdb25a1eeb849c115d0eb/screenshot001.jpg");
+    background-size: 50%;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+fieldset{
+    border-color: yellow;
+}
+
 body{
     display: flex;
     flex-direction: column;
@@ -13,3 +57,317 @@ th{
 a{
     color: yellow;
 }
+
+.tri{
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    justify-content: space-between;
+}
+
+.mission > h2{
+    margin-left: 43%;
+}
+
+button{
+    font-family: anakinmono, sans-serif;
+    background-color: black;
+    color: yellow;
+    display: flex;
+    justify-content: center;
+}
+
+.mission{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+}
+
+.box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: auto;
+}
+
+.bouton {
+    display: flex;
+    align-items : center;
+    justify-content : center;
+    margin-left : auto;
+    margin-right : auto;
+}
+main::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: rgba(0, 0, 0, 0.5); /* Adjust the last value (alpha) to control the transparency */
+    z-index: -1; /* Place the overlay behind the content */
+}
+
+main{
+    width: 50%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+form{
+    display: flex;
+    justify-content: center;
+}
+
+.laber{
+    text-align: left;
+}
+
+.inscription {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+}
+
+.box{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.button{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-evenly;
+}
+
+input{
+    font-family: "anakinmono", sans-serif;
+    background-color: black;
+    color: yellow;
+}
+
+ul{
+    width: 100%;
+    margin-left: 50%;
+}
+
+li{
+    list-style: none;
+}
+
+select{
+    font-family: "anakinmono", sans-serif;
+    background-color: black;
+    color: yellow;
+}
+
+
+.radio {
+    padding: 0.3rem 0.5rem;
+    border: 1px dashed #ccc;
+    background-color: black;
+}
+.radio {
+    border: 1px solid #000;
+}
+
+.glowing-btn {
+    position: relative;
+    color: var(--glow-color);
+    cursor: pointer;
+    padding: 0.35em 1em;
+    border: 0.15em solid var(--glow-color);
+    border-radius: 0.45em;
+    background: none;
+    perspective: 2em;
+    font-family: "Starkiller", sans-serif;
+    font-size: 2em;
+    font-weight: 900;
+    letter-spacing: 0.2em;
+
+    -webkit-box-shadow: inset 0px 0px 0.5em 0px var(--glow-color),
+        0px 0px 0.5em 0px var(--glow-color);
+    -moz-box-shadow: inset 0px 0px 0.5em 0px var(--glow-color),
+        0px 0px 0.5em 0px var(--glow-color);
+    box-shadow: inset 0px 0px 0.5em 0px var(--glow-color),
+        0px 0px 0.5em 0px var(--glow-color);
+    animation: border-flicker 2s linear infinite;
+}
+
+.glowing-txt {
+    float: left;
+    margin-right: -0.8em;
+    -webkit-text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3),
+        0 0 0.45em var(--glow-color);
+    -moz-text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3),
+        0 0 0.45em var(--glow-color);
+    text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em var(--glow-color);
+    animation: text-flicker 3s linear infinite;
+}
+
+.faulty-letter {
+    opacity: 0.5;
+    animation: faulty-flicker 2s linear infinite;
+}
+
+.glowing-btn::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    opacity: 0.7;
+    filter: blur(1em);
+    transform: translateY(120%) rotateX(95deg) scale(1, 0.35);
+    background: var(--glow-color);
+    pointer-events: none;
+}
+
+.glowing-btn::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    opacity: 0;
+    z-index: -1;
+    background-color: var(--glow-color);
+    box-shadow: 0 0 2em 0.2em var(--glow-color);
+    transition: opacity 100ms linear;
+}
+
+.glowing-btn:hover {
+    color: rgba(0, 0, 0, 0.8);
+    text-shadow: none;
+    animation: none;
+}
+
+.glowing-btn:hover .glowing-txt {
+    animation: none;
+}
+
+.glowing-btn:hover .faulty-letter {
+    animation: none;
+    text-shadow: none;
+    opacity: 1;
+}
+
+.glowing-btn:hover:before {
+    filter: blur(1.5em);
+    opacity: 1;
+}
+
+.glowing-btn:hover:after {
+    opacity: 1;
+}
+
+@keyframes faulty-flicker {
+    0% {
+        opacity: 0.1;
+    }
+    2% {
+        opacity: 0.1;
+    }
+    4% {
+        opacity: 0.5;
+    }
+    19% {
+        opacity: 0.5;
+    }
+    21% {
+        opacity: 0.1;
+    }
+    23% {
+        opacity: 1;
+    }
+    80% {
+        opacity: 0.5;
+    }
+    83% {
+        opacity: 0.4;
+    }
+
+    87% {
+        opacity: 1;
+    }
+}
+
+@keyframes text-flicker {
+    0% {
+        opacity: 0.1;
+    }
+
+    2% {
+        opacity: 1;
+    }
+
+    8% {
+        opacity: 0.1;
+    }
+
+    9% {
+        opacity: 1;
+    }
+
+    12% {
+        opacity: 0.1;
+    }
+    20% {
+        opacity: 1;
+    }
+    25% {
+        opacity: 0.3;
+    }
+    30% {
+        opacity: 1;
+    }
+
+    70% {
+        opacity: 0.7;
+    }
+    72% {
+        opacity: 0.2;
+    }
+
+    77% {
+        opacity: 0.9;
+    }
+    100% {
+        opacity: 0.9;
+    }
+}
+
+@keyframes border-flicker {
+    0% {
+        opacity: 0.1;
+    }
+    2% {
+        opacity: 1;
+    }
+    4% {
+        opacity: 0.1;
+    }
+
+    8% {
+        opacity: 1;
+    }
+    70% {
+        opacity: 0.7;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+@media only screen and (max-width: 600px) {
+    .glowing-btn{
+        font-size: 1em;
+    }
+}
+

src/main/resources/templates/clotureMission.html

@@ -5,18 +5,18 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Cloture Mission</title>
+        <title>cloture mission</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css"/>
     </head>
     <body>
         <header>
-            <h1>Cloture Mission</h1>
+            <h1><span class='faulty-letter'>{</span> Cloture Mission</h1>
         </header>
 
-        <form action="/clotureMission" method="post">
-            <div>
+        <form class='mission' action="/clotureMission" method="post">
+            <div class='box'>
                 <label for="missions">Choisir une mission :</label>
                 <select id="missions" name="missions">
                     <option th:each="mission : ${missions}" th:value="${mission.idMission}" th:text="${mission.titre}"></option>
@@ -32,21 +32,16 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
                     <option th:each="resultat : ${resultatMission}" th:value="${resultat}" th:text="${resultat}"></option>
                 </select>
             </div>
-            <!--
             <div>
-                <label>Détail</label>
-                <div>
-                    <label for="pilote">Pilote</label>
-                    <select id="pilote" name="pilote">
-                        <option th:each="pilote : ${etatPilote}" th:value="${etatPilote}" th:text="${etatPilote}"></option>
-                    </select>
-                    <label for="chasseur">Chasseur</label>
-                    <select id="chasseur" name="chasseur">
-                        <option th:each="chasseur : ${etatChasseur}" th:value="${etatChasseur}" th:text="${etatChasseur}"></option>
-                    </select>
+                <p> List pilote(s) dans la mission: </p>
+                <div th:each="pilote : ${pilotes}">
+                    <p th:text="${pilote.nom}"></p>
+                </div>
+                <p> List chasseur(s) dans la mission: </p>
+                <div th:each="chasseur : ${chasseurs}">
+                    <p th:text="${chasseur.type}"></p>
                 </div>
             </div>
-            -->
             <input type="submit" value="Submit"/>
             <input type="reset" value="Annuler"/>
         </form>

src/main/resources/templates/ficheChasseur.html

 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Fiche Chasseur</title>
+        <title>fiche chasseur</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css">
+            <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+                <style>
+                    @import url('https://fonts.cdnfonts.com/css/star-wars');
+                </style>
                 </head>
                 <body>
-        <h1>Fiche Chasseur</h1>
+                    <header>
+                        <h1><span class='faulty-letter'>{</span> Fiche chasseur</h1>
+                    </header>
+                    <main>
                         <table>
                             <tr>
-                <th>Identifiant</th>
-                <th>Type Chasseur</th>
-                <th>Etat Chasseur</th>
+                                <th>Id</th>
+                                <th>Type chasseur</th>
+                                <th>Etat chasseur</th>
                             </tr>
                             <tr th:each="chasseur: ${ficheChasseur}">
                                 <td th:text="${chasseur.id_chasseur}"></td>
@@ -20,6 +27,10 @@
                                 <td th:text="${chasseur.etat_chasseur}"></td>
                             </tr>
                         </table>
-        <a th:href="@{/listeChasseur}">Retour à la liste des chasseurs</a>
+                        <a th:href="@{/listeChasseur}">Retour a la liste des chasseurs</a>
+                    </main>
+                    <footer>
+                        <a href="/menu"  class="menu">Retour au Menu</a>
+                    </footer>
                 </body>
                 </html>

src/main/resources/templates/fichePilote.html

@@ -5,26 +5,30 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Fiche Pilote</title>
+        <title>fiche pilote</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-        <link rel="stylesheet" href="/style.css">
+        <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet"/>
+        <style>
+            @import url('https://fonts.cdnfonts.com/css/star-wars');
+        </style>
     </head>
     <body>
         <header>
-            <h1>Fiche Pilote</h1>
+            <h1><span class='faulty-letter'>{</span> Fiche Pilote</h1>
         </header>
-        <p>Prénom : <span th:text="${pilote.prenom}"></span></p>
+        <main>
+            <p>Prenom : <span th:text="${pilote.prenom}"></span></p>
             <p>Nom : <span th:text="${pilote.nom}"></span></p>
             <p>Race : <span th:text="${pilote.race}"></span></p>
-        <p>Age_inscription : <span th:text="${pilote.age}"></span></p>
-        <p>État : <span th:text="${pilote.etat}"></span></p>
-        <!--besoin db des missions afin pouvoir afficher Missions-->
+            <p>Age à l'inscription : <span th:text="${pilote.age}"></span></p>
+            <p>Etat : <span th:text="${pilote.etat}"></span></p>
             <p>Nombre d'heures de vol : </p>
             <p>Grade : <span th:text="${pilote.grade}"></span></p>
-        <!--besoin db des missions afin pouvoir afficher Missions-->
-        <p>Liste des Missions</p>
-        <p>Type pilote : <span th:text="${pilote.type}"></span></p>
+            <p>Liste des missions</p>
+            <p>Rang pilote : <span th:text="${pilote.type}"></span></p>
+        </main>
         <footer>
             <a href="/menu"  class="menu">Retour au Menu</a>
         </footer>     

src/main/resources/templates/inscriptionPilote.html

@@ -5,38 +5,51 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Inscription Pilote</title>
+        <title>inscription pilote</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
         <header>
-            <h1>Inscription Pilote</h1>
+            <h1><span class='faulty-letter'>{</span> Inscription pilote</h1>
         </header>
+        <main>
             <form action="inscriptionPilote" method="post">
-            <div>
+                <div class="inscription">
+                    <fieldset>
+                        <legend>Inscrire un Pilote</legend> 
+                    <label class="label"/>
+                    <div class="box">
                         <label for="prenom">Prenom</label>
                         <input type="text" id="prenom" name="prenom"/>
                     </div>
-            <div>
-                <label for="nom">Nom</label>
+                    <div class="box">
+                        <label class="label" for="nom">Nom</label>
                         <input type="text" id="nom" name="nom"/>
                         <!--th:value="${user.nomnom}"-->
                     </div>
-            <div>
-                <label for="races">Choose a race :</label>
+                    <div class='box'>
+                        <label class="label" for="races">Choisir une race :</label>
                         <select id="races"  name="races">
                             <option th:each="race : ${racePilotes}" th:value="${race}" th:text="${race}"></option>
                         </select>
                     </div>
-            <div>
-                <label for="age">Age</label>
+                    <div class="box">
+                        <label class="label" for="age">Age</label>
                         <input type="text" id="age" name="age"/>
                     </div>
-            <input type="submit" value="Submit"/>
+                    <div class="button">
+                        <input type="submit" value="Valider"/>
                         <input type="reset" value="Annuler"/>
+                    </div>
+                </div>
             </form>
+        </main>
         <footer>
             <a href="/menu"  class="menu">Retour au Menu</a>
         </footer>

src/main/resources/templates/listeChasseur.html

 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Liste Chasseur</title>
+        <title>liste chasseur</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
-        <h1>Liste Chasseur</h1>
+        <header>
+            <h1><span class='faulty-letter'>{</span> Liste chasseur</h1>
+        </header>
+        <main>
             <table>
                 <tr>
-                <th>Identifiant</th>
+                    <th>Id</th>
                     <th>Type chasseur</th>
                     <th>Etat chasseur</th>
                 </tr>
@@ -23,7 +30,10 @@
                     <td th:text="${chasseur.etat}"></td>
                 </tr>
             </table>
+        </main>
+        <footer>
             <a href="/menu"  class="menu">Retour au Menu</a>
+        </footer>
     </body>
 </html>
 

src/main/resources/templates/listeMission.html

@@ -5,30 +5,35 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Liste Mission</title>
+        <title>liste mission</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css">
+            <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+        <style>
+            @import url('https://fonts.cdnfonts.com/css/star-wars');
+        </style>
     </head>
     <body>
         <header>
-            <h1>Liste Mission</h1>
+            <h1><span class='faulty-letter'>{</span> Liste Missions Terminées</h1>
         </header>
+        <main>
         <div>
-            <label for="tri mission">sélection de mission :</label>
+            <label for="tri mission">Selection de mission :</label>
 
             <select name="mission" id="tri-mission">
-                <option value="">--Please choose an option--</option>
-                <option value="Terminée">Terminée</option>
-                <option value="En cours">En Cours</option>
+                <option value="">-Choisir une option-</option>
+                <option value="Terminée">Terminee</option>
+                <option value="En cours">En cours</option>
                 <option value="Victoire">Victoire</option>
-                <option value="Défaite">Défaite</option>
+                <option value="Défaite">Defaite</option>
                 <option value="Entrainement">Entrainement</option>
                 <option value="Combat">Combat</option>
             </select>
 
         </div>
-        
+        </main>
         <footer>
             <a href="/menu" class="menu">Retour au Menu</a>
         </footer>   

src/main/resources/templates/listePilote.html

@@ -5,24 +5,26 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Liste Pilote</title>
+        <title>liste pilote</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
         <header>
-            <h1>Trier des Pilotes (inclus Apprentis) :</h1>   
+            <h1>Trier des Pilotes</h1>   
         </header>
-        <a th:href="@{/listePiloteParType}"><p>Trier par type</p></a>
+        <main>
+            <div class="tri">
+                <a th:href="@{/listePiloteParType}"><p>Trier par rang</p></a>
                 <a th:href="@{/listePiloteParGrade}"><p>Trier par grade</p></a>
-        <a th:href="@{/listePiloteParEtat}"><p>Trier par état</p></a>
+                <a th:href="@{/listePiloteParEtat}"><p>Trier par etat</p></a>
+            </div>
 
-        <!--<h1>Trier Tous les Pilotes (sans Apprentis) :</h1>   
-
-        <a th:href="@{/listePiloteDisponible}"><p>Trier par état disponible</p></a>
-        -->
-        <h1>Liste des Pilotes</h1>   
             <table>
                 <tr>
                     <th>Id pilote</th>
@@ -48,7 +50,7 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
                     <td th:text="${pilote.etat}"></td>
                 </tr>
             </table>
-
+        </main>
         <footer>
             <a href="/menu"  class="menu">Retour au Menu</a>
         </footer>

src/main/resources/templates/listePiloteParEtat.html

@@ -5,15 +5,23 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>TODO supply a title</title>
+        <title>Liste Pilote</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
-        <h1>Liste des Pilotes par États</h1>
+        <header>
+            <h1><span class='faulty-letter'>{</span> Liste des pilotes par etat</h1>
+        </header>
+        <main>
             <form action="/listePiloteParEtat" method="post">
                 <div>
-                <label for="etats">Choose a race :</label>
+                    <label for="etats">Choisir un etat :</label>
                     <select id="etats" name="etats">
                         <option th:each="etat : ${etats}" th:value="${etat}" th:text="${etat}"></option>
                     </select>
@@ -47,7 +55,11 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
                 </tr>
             </table>
             <p>
-            <a href="/listePilote">Retour au Liste Pilote</a>
+                <a href="/listePilote">Retour aux pilotes</a>
             </p>
+        </main>
+        <footer>
+            <a href="/menu"  class="menu">Retour au Menu</a>
+        </footer>
     </body>
 </html>

src/main/resources/templates/listePiloteParGrade.html

@@ -8,12 +8,20 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
         <title>TODO supply a title</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
-        <h1>Liste des Pilotes par Grade</h1>
+        <header>
+            <h1><span class='faulty-letter'>{</span> Liste des pilotes par grades</h1>
+        </header>
+        <main>
             <form action="/listePiloteParGrade" method="post">
                 <div>
-                <label for="grades">Choose a race :</label>
+                    <label for="grades">Choisir un grade :</label>
                     <select id="grades" name="grades">
                         <option th:each="grade : ${grades}" th:value="${grade}" th:text="${grade}"></option>
                     </select>
@@ -47,7 +55,11 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
                 </tr>
             </table>
             <p>
-            <a href="/listePilote">Retour au Liste Pilote</a>
+                <a href="/listePilote">retour aux pilotes</a>
             </p>
+        </main>
+        <footer>
+            <a href="/menu"  class="menu">Retour au Menu</a>
+        </footer>
     </body>
 </html>

src/main/resources/templates/listePiloteParType.html

@@ -8,12 +8,20 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
         <title>TODO supply a title</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
-        <h1>Liste des Pilotes par Types</h1>
+        <header>
+            <h1><span class='faulty-letter'>{</span> Liste des pilotes par rang</h1>
+        </header>
+        <main>
             <form action="/listePiloteParType" method="post">
                 <div>
-                <label for="types">Choose a race :</label>
+                    <label for="types">choisir un rang :</label>
                     <select id="types" name="types">
                         <option th:each="type : ${types}" th:value="${type}" th:text="${type}"></option>
                     </select>
@@ -47,7 +55,11 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
                 </tr>
             </table>
             <p>
-            <a href="/listePilote">Retour au Liste Pilote</a>
+                <a href="/listePilote">Retour aux pilotes</a>
             </p>
+        </main>
+        <footer>
+            <a href="/menu"  class="menu">Retour au Menu</a>
+        </footer>
     </body>
 </html>

src/main/resources/templates/menu.html

@@ -3,17 +3,20 @@
 Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
 Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
 -->
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
         <title>Menu</title>
         <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css">
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+        <style>
+            @import url('https://fonts.cdnfonts.com/css/star-wars');
+        </style>
     </head>
     <body>
-        <header>
-            <h1>ALLIANCE REBELLE</h1>
-        </header>
+            <p class='glowing-btn'>
+            <span class='glowing-txt'>{ AL<span class='faulty-letter'>LI</span>ANCE RE<span class='faulty-letter'>BE</span>LLE</p> 
         <main>
             <h2>Pilote</h2>
             <ul>
@@ -29,10 +32,10 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
             <h2>Mission</h2>
             <ul>
                 <li><a href="/nouvelleMission"  class="menu">Nouvelle mission</a></li>
-                <li><a href="/listeMission"  class="menu">Liste des missions terminée</a></li>
-                <li><a href="/clotureMission"  class="menu">Clôturer une mission</a></li>
+                <li><a href="/listeMission"  class="menu">Liste des missions</a></li>
+                <li><a href="/clotureMission"  class="menu">Cloturer une mission</a></li>
             </ul>
         </main>
-        <footer></footer>
+        <footer> &#169 Elly Johad Vincent Fabien</footer>
         </body>
 </html>

src/main/resources/templates/modifierEtatChasseur.html

+<!DOCTYPE html>
+<!--
+Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
+Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
+-->
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+    <head>
+        <title>Modifier Etat Chasseur</title>
+        <meta charset="UTF-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <link rel="stylesheet" href="/style.css">
+    </head>
+    <body>
+        <h1><span class='faulty-letter'>{</span> Modifier Etat Chasseur</h1>
+        <form action="/modifierEtatChasseur" method="post">
+            <div>
+                <label for="etat">Etat du chasseur</label>               
+                <select id="etat"  name="etat">
+                    <option th:each="chasseur : ${chasseur}" th:value="${chasseur.etat}" th:text="${chasseur.etat}"></option>
+                </select>
+            </div>
+            <input type="submit" value="Modifier"/>
+        </form>
+        <a th:href="@{/listeChasseur}">Retour à la liste des chasseurs</a>
+    </body>
+</html>
+

src/main/resources/templates/nouveauChasseur.html

@@ -2,28 +2,36 @@
 
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Nouveau Chasseur</title>
+        <title>nouveau chasseur</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>  
         <link rel="stylesheet" href="/style.css"/>
+        <link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
+            <style>
+                @import url('https://fonts.cdnfonts.com/css/star-wars');
+            </style>
     </head>
     <body>
-        <header><h1>Nouveau Chasseur</h1></header>
+        <header>
+            <h1><span class='faulty-letter'>{</span> Nouveau chasseur</h1>
+        </header>
+        <main>
             <form action="/nouveauChasseur" method="post">
                 <div>
                     <fieldset>
                         <legend>Selectionner un chasseur</legend>
                         <div th:each="type : ${type}">
-                        <input type="radio" th:id="${type}" th:name="typeChasseur" th:value="${type}" />
+                            <input class='radio' type="radio" th:id="${type}" th:name="typeChasseur" th:value="${type}" />
                             <label th:for="${type}" th:text="${type}"></label>
                         </div>
-                </fieldset>
-                <div>
-                    <input type="submit" value="Envoyer"/>
+
+                        <div class='button'>
+                            <input type="submit" value="Valider"/>
                             <input type="reset" value="Annuler"/>
                         </div>
                 </div>
             </form>
+        </main>
         <footer>
             <a href="/menu"  class="menu">Retour au Menu</a>
         </footer>

src/main/resources/templates/nouvelleMission.html

@@ -5,65 +5,43 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
 -->
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
     <head>
-        <title>Nouvelle Mission</title>
+        <title>nouvelle mission</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="stylesheet" href="/style.css"/>
     </head>
     <body>
         <header>
-            <h1>Nouvelle Mission</h1>
+            <h1><span class='faulty-letter'>{</span> Nouvelle Mission</h1>
         </header>
-        <!--<form action="/nouvelleMission" method="post">
-            <div>
-                <label for="missions">Choisir une mission :</label>
-                <select id="missions" name="missions">
-                    <option th:each="mission : ${typeMissions}" th:value="${mission}" th:text="${mission}"></option>                    
-                </select>
-            </div>
-            <div>
-                <label for="titre">Titre</label>
-                <input type="text" id="titre" name="titre"/>
-            </div>
-            <p>Affecter pilote et  chasseur</p>
-            <div>
-                <button>
-                    <a th:href="@{/affectation}">Affectation</a>
-                </button>
-            </div>
-            <div>
-                <input type="submit" value="Valider"/>
-                <input type="reset" value="Annuler"/>
-            </div>
-        </form>  
-        -->
 
-        <!-- Mission Form -->
-        <form th:object="${mission}" th:action="@{/nouvelleMission}" method="post">
-            <!-- Mission creation fields -->
+        <form class='mission' th:object="${mission}" th:action="@{/nouvelleMission}" method="post">
+            <div >
                 <div>
                     <label for="typeMissions">Choisir une mission :</label>
                     <select id="typeMissions" name="typeMissions">
                         <option th:each="typeMission : ${typeMissions}" th:value="${typeMission}" th:text="${typeMission}"></option>                    
                     </select>
                 </div>
+                <div class="box">
                 <label for="titre">Titre</label>
                 <input type="text" id="titre" name="titre"/>
-            <button type="submit">Créer mission</button>
+                </div>
+                <button type="submit">Creer mission</button>
+            </div>
         </form>
 
-        <!-- Affectation Form (initially hidden) -->
-        <!--<form th:if="${affectationFormVisible}" th:object="${affectation}" th:action="@{/affectation/{idMission}}" method="post">-->
-        <form th:object="${affectation}" th:action="@{/affectation}" method="post">
-            <!--<form th:object="${affectation}" th:action="@{/affectation/{idMission}}" method="post">-->
+        <form class='mission' th:object="${affectation}" th:action="@{/affectation}" method="post">
             <h2>Affectation</h2>
+            <div class="box">
             <label for="piloteSelect">Choisir Pilote:</label>
             <select id="piloteSelect" name="piloteSelect">
                 <option th:each="piloteDispo : ${pilotesDispo}" th:value="${piloteDispo.idPilote}" 
                         th:text="${piloteDispo.nom + ' (' + piloteDispo.grade + ' ' + piloteDispo.etat + ')'}">
                 </option>
             </select>
-            <div>
+            </div>
+            <div class="box">
                 <label for="chasseurSelect">Choisir Chasseur:</label>
                 <select id="chasseurSelect" name="chasseurSelect">
                     <option th:each="chasseurDispo : ${chasseursDispo}" th:value="${chasseurDispo.idChasseur}" 
@@ -71,28 +49,10 @@ Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this temp
                     </option>
                 </select>
             </div>
-            <button type="submit">Submit Affectation</button>
+            <button type="submit">Affecter</button>
         </form>
 
-        <!-- Table to display Pilot and Plane information 
-        <table>
-            <tr>
-                <th>Id de mission</th>
-                <th>Titre de mission</th>
-                <th>Id de pilote</th>
-                <th>Nom de pilote</th>
-                <th>Id de chasseur</th>
-                <th>Type de chasseur</th>
-            </tr>
-            <tr th:each="pilote : ${pilotes}">
-                <td th:text="${missionRecupere.idMission}"></td>
-                <td th:text="${missionRecupere.titre}"></td>
-                <td></td>
-            </tr>
-        </table>
-        -->
         <p>Mission id : <span th:text="${idMission}"></span>
-            <!--<p>Mission titre : </p><span th:text="${missionToDisplay.titre}"></span>-->
             <span> est affectée aux : </span></p>
 
         <table>