From a14c1d5523670d59bfaf0b1f1766282beb67ac40 Mon Sep 17 00:00:00 2001
From: Stan <sr92.zkd-gitea@sr-netw.ca>
Date: Tue, 2 Dec 2025 11:33:08 -0500
Subject: [PATCH] mise a jour de aPropos et missions

---
 www/aPropos.html  | 11 ++++++---
 www/css/style.css | 38 ++++++++++++++++++++--------
 www/missions.html | 63 ++++++++++++++++++++++++++++++++++++++++++++++-
 3 files changed, 98 insertions(+), 14 deletions(-)
diff --git a/www/aPropos.html b/www/aPropos.html
index 7e3536c..5042c33 100644
--- a/www/aPropos.html
+++ b/www/aPropos.html
@@ -16,7 +16,7 @@
     <script src="js/script.js"></script>
 </head>
 
-<body>
+<body class="aProposBG">
     <nav>
         <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a>
 
@@ -31,12 +31,14 @@
     </nav>
 
     <main class="aPropos">
+        <h1>Contactez l'équipe!</h1>
         <div class="sidebyside">
             <div>
                 <!-- utilisation de get pour avoir les variables dans l'url : page statique -->
                 <!-- si utilisation de serveur dynamique, changer pour POST -->
                 <form method="get" action="reponse.html">
-                    <fieldset>
+                    <h2>Commentaire</h2>
+                    <fieldset id="firstField">
                         <legend>Informations de contact</legend>
                         <div>
                             <label for="nomComplet">Votre nom complet :</label>
@@ -140,7 +142,6 @@
             <div>
 
                 <div id="contactInfo">
-                    <h1>Contactez l'équipe!</h1>
                     <div>
                         <div>
                             <h2>Coordonnées</h2>
@@ -169,6 +170,10 @@
                         </div>
                     </div>
                     <!--
+FIXME: Input nom et courriel largeur 
+FIXME: Centrer les div et fond-d'ecran
+FIXME: Padding 2e box ...
+
 
 Contenu minimal de la page de contact de votre site Web :
 • <main> – Le contenu principal de la page
diff --git a/www/css/style.css b/www/css/style.css
index 65a2995..102aeac 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -288,15 +288,24 @@ footer a:hover {
 /* PAGE: à Propos */
 /* AUTEUR: Stanislas Royal */
 /****************************/
+.aProposBG {
+    background: url('../images/imageSR/Warframe0006.webp') center/cover fixed;
+    width: 100vw;
+    height: 100vh;
+}
 .aPropos {
-    background-color: rgb(99, 241, 99);
+    margin: auto;
+    display: block;
 }
 
-.aPropos main {
+.aPropos h1{
+    text-align: center;
+}
+.aPropos>div:first {
     margin: auto;
-
+    display: flex;
     /* min-height: calc(100vh - 60px); */
-    /* display: block; */
+/*    display: block; */
     align-content: center;
     text-align: center;
 }
@@ -305,6 +314,7 @@ footer a:hover {
     max-width: 700px;
     max-height: 600px;
     overflow: scroll;
+    margin-top: 3em;
 }
 
 .aPropos .conteneurMaps­ iframe {
@@ -327,11 +337,6 @@ footer a:hover {
     width: 100%;
 }
 
-.aPropos>main {
-    margin: auto;
-    display: flex;
-    justify-content: center;
-}
 
 .aPropos form {
     width: 70ch;
@@ -392,9 +397,22 @@ Couleur texte : #FFEFE5
     padding: 10px;
     width: 100%;
     border-color: #606060;
-    margin: 10px auto;
+}
+.aPropos fieldset:not(:first-child) {
+margin: 1em auto 1em 0px;
 }
 
+.aPropos #contactInfo h2 {
+    margin-bottom: 1em;
+}
+.aPropos #firstField label {
+    width: 11em;
+    display:inline-block
+}
+.aPropos #firstField input {
+    width: 25em;
+    display:inline-block
+}
 /*.aPropos div {*/
 /*    display: block; */
 /*}*/
diff --git a/www/missions.html b/www/missions.html
index 9f10c9d..fd323df 100644
--- a/www/missions.html
+++ b/www/missions.html
@@ -31,7 +31,68 @@
     </nav>
 
     <main class="missions">
-        <p>Coming soon...</p>
+        <section>
+            <p>Il existe plusieurs types de missions dans Warframe. Une des méchaniques du jeu fait qu'il est nécessaire
+                d'acquérir des resources. Les missions donnent la possibilité de les récolter. Nous vous présenterons
+                les
+                types de missions les plus fréquentes.</p>
+        </section>
+        <section>
+            <h2>Survival</h2>
+            <p>Survie</p>
+        </section>
+        <section>
+            <h2>Assassination</h2>
+            <p>...</p>
+        </section>
+        <section>
+            <h2>Capture</h2>
+            <p>...</p>
+        </section>
+        <section>
+            <h2>Defense</h2>
+            <p>...</p>
+        </section>
+        <section>
+            <h2>Excavation</h2>
+            <p>...</p>
+        </section>
+        <section>
+            <h2>Exterminate</h2>
+            <p>...</p>
+        </section>
+        <section>
+            <h2>Hijack</h2>
+            <p>...</p>
+        </section>
+        <section>
+            <h2>?? Hive Sabotage</h2>
+            <p>...</p>
+        </section>
+        <section>
+            <h2>Interception</h2>
+            <p>...</p>
+        </section>
+        <section>
+            <h2>Invasion</h2>
+            <p>...</p>
+        </section>
+        <section>
+            <h2>Mobile Defense</h2>
+            <p>...</p>
+        </section>
+        <section>
+            <h2>Rescue</h2>
+            <p>...</p>
+        </section>
+        <section>
+            <h2>Sabotage</h2>
+            <p>...</p>
+        </section>
+        <section>
+            <h2>Railjack</h2>
+            <p>...</p>
+        </section>
     </main>
 
     <footer>
