Rename SN -> news, format code and welcome text.

asterjdm · Aug 3, 2024 · c51fb11 · c51fb11
1 parent f2591bb
commit c51fb11
Show file tree

Hide file tree

Showing 7 changed files with 31 additions and 39 deletions.
diff --git a/index.html b/index.html
@@ -3,22 +3,22 @@
 
 <head>
 
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 
   <!-- Favicon -->
-  <link rel="icon" type="image/x-icon" href="./images/favicon.ico" />
+  <link rel="icon" type="image/x-icon" href="./images/favicon.ico"/>
 
   <!-- Styles -->
-  <link rel="stylesheet" href="./styles/styles.css" />
-  <link rel="stylesheet" href="./styles/header.css" />
+  <link rel="stylesheet" href="./styles/styles.css"/>
+  <link rel="stylesheet" href="./styles/header.css"/>
 
   <!-- Standard assets -->
-  <link rel="stylesheet" href="./styles/standard-assets/button.css" />
-  <link rel="stylesheet" href="./styles/standard-assets/select.css" />
-  <link rel="stylesheet" href="./styles/standard-assets/input.css" />
-  <link rel="stylesheet" href="./styles/standard-assets/popup.css" />
-  <link rel="stylesheet" href="./styles/standard-assets/card.css" />
+  <link rel="stylesheet" href="./styles/standard-assets/button.css"/>
+  <link rel="stylesheet" href="./styles/standard-assets/select.css"/>
+  <link rel="stylesheet" href="./styles/standard-assets/input.css"/>
+  <link rel="stylesheet" href="./styles/standard-assets/popup.css"/>
+  <link rel="stylesheet" href="./styles/standard-assets/card.css"/>
 
   <!-- Scripts -->
   <script src="./scripts/utils/objectToFormData.js"></script>
@@ -48,14 +48,14 @@ <h1 class="main-header-title-text2">gl</h1>
     </div>
     <!-- Search bar -->
     <div class="main-header-search">
-      <input id="searchBar" class="main-header-search-input" type="text" placeholder="chercher un schtroumpf" />
-      <img class="main-header-search-img" src="./images/search.png" alt="search icon" />
+      <input id="searchBar" class="main-header-search-input" type="text" placeholder="chercher un schtroumpf"/>
+      <img class="main-header-search-img" src="./images/search.png" alt="search icon"/>
     </div>
 
     <!-- Request new smurf button -->
     <button class="standard-button main-header-button" onclick="openPopup('addPopup')">
       <p class="main-header-button-text">nouveau schtroumpf</p>
-      <img class="main-header-button-img" src="./images/plus.png" alt="plus icon" />
+      <img class="main-header-button-img" src="./images/plus.png" alt="plus icon"/>
     </button>
   </header>
 
@@ -75,11 +75,11 @@ <h1 class="main-header-title-text2">gl</h1>
   <div id="addPopup" class="standard-popup">
     <div class="standard-popup-whole-section">
       <button class="standard-button standard-popup-close" onclick="closePopup('addPopup')">
-        <img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon" />
+        <img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon"/>
       </button>
       <div class="standard-popup-whole-section-content add-smurf-popup">
         <form style="display: contents" method="post" action="api/newSmurf.php">
-          <input name="name" class="standard-input insert-name" type="text" placeholder="nom du schtroumpf" />
+          <input name="name" class="standard-input insert-name" type="text" placeholder="nom du schtroumpf"/>
           <button type="submit" class="standard-button send-request" onclick="closePopup('addPopup')">
             Envoyer
           </button>
@@ -91,14 +91,14 @@ <h1 class="main-header-title-text2">gl</h1>
   <div id="commentPopup" class="standard-popup">
     <div class="standard-popup-whole-section comment-popup">
       <button class="standard-button standard-popup-close" onclick="closePopup('commentPopup')">
-        <img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon" />
+        <img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon"/>
       </button>
       <div class="standard-popup-whole-section-content comment-popup">
         <div id="commentsPlace" class="standard-popup-whole-section-content-messages">
           <p>Il n'y a pas de commentaires pour le moment...</p>
         </div>
         <div class="standard-popup-whole-section-content-send-messages">
-          <input id="commentContentInput" type="text" class="standard-input send-message" />
+          <input id="commentContentInput" type="text" class="standard-input send-message"/>
           <button id="sendCommentButton" class="standard-button send-message">
             Envoyer
           </button>
@@ -110,28 +110,27 @@ <h1 class="main-header-title-text2">gl</h1>
   <div id="ratingPopup" class="standard-popup">
     <div class="standard-popup-whole-section rating-popup">
       <button class="standard-button standard-popup-close" onclick="closePopup('ratingPopup')">
-        <img class="standard-popup-close-img comment-popup other" draggable="false" src="./images/close.svg"
-          alt="close icon" />
+        <img class="standard-popup-close-img comment-popup other" draggable="false" src="./images/close.svg" alt="close icon"/>
       </button>
       <div class="standard-popup-whole-section-content rating-popup">
         <div class="score">
           <p class="score-title">Intelligence</p>
           <div class="score-value">
-            <input id="ratingIntelligence" class="value" type="range" min="1" max="10" value="5" />
+            <input id="ratingIntelligence" class="value" type="range" min="1" max="10" value="5"/>
             <p id="ratingText1">5</p>
           </div>
         </div>
         <div class="score">
           <p class="score-title">Sympathie</p>
           <div class="score-value">
-            <input id="ratingSympathy" class="value" type="range" min="1" max="10" value="5" />
+            <input id="ratingSympathy" class="value" type="range" min="1" max="10" value="5"/>
             <p id="ratingText2">5</p>
           </div>
         </div>
         <div class="score">
           <p class="score-title">Utilité</p>
           <div class="score-value">
-            <input id="ratingUtility" class="value" type="range" min="1" max="10" value="5" />
+            <input id="ratingUtility" class="value" type="range" min="1" max="10" value="5"/>
             <p id="ratingText3">5</p>
           </div>
         </div>
@@ -157,16 +156,13 @@ <h1 class="alert-text"><!-- Insert alert text --> Votre vote a été mis a jour<
     <div class="standard-popup-whole-section welcome-popup">
       <div class="standard-popup-whole-section-content welcome-popup">
         <h1 class="welcome-title">Bienvenue sur GARGAMELEAKS !</h1>
-        <p class="welcome-text">GARGAMELEAKS est un site web permettant aux habitants du village des Schtroumpfs de
-          donner leur avis sur
-          leurs amis Schtroumpfs et de leur attribuer une note.<br><br> Nous vous invitons à prendre connaissance, avant
-          d'utiliser
-          le site, du règlement.
-          <br>
-          Toute ressemblance avec des personnages ou des événements existants serait purement fortuite et ne pourrait
-          être que le fruit d’une pure coïncidence.
+        <p class="welcome-text">GARGAMELEAKS est un site web permettant aux habitants du village des Schtroumpfs de donner leur avis sur leurs amis Schtroumpfs et de leur attribuer une note.
+          <br><br> 
+          Nous vous invitons à prendre connaissance, avant d'utiliser le site, du règlement.
+          <br><br>
+          Toute ressemblance avec des personnages ou des événements existants serait purement fortuite et ne pourrait être que le fruit d’une pure coïncidence.
         </p>
-        <div class="welcome-links">
+        <div class="welcome-link">
           <a target="_blank" rel="noopener noreferrer" href="rules.html">Règlement de GARGAMELEAKS</a>
         </div>
         <button class="standard-button welcome-button"
@@ -185,8 +181,8 @@ <h1 class="welcome-title">Plus d'info</h1>
           <img src="images/smurf_prison.jpeg" alt="" width="100">
           Le journal SCHTROUMF NEWS a écrit un article sur GARGAMELEAKS, vous pouvez le lire ici :
         </p>
-        <div class="welcome-links">
-          <a target="_blank" rel="noopener noreferrer" href="SN">L'article totalement neutre de SCHTROUMF NEWS</a>
+        <div class="welcome-link">
+          <a target="_blank" rel="noopener noreferrer" href="news/">L'article totalement neutre de SCHTROUMF NEWS</a>
         </div>
         <button class="standard-button welcome-button" onclick="closeWelcomePopup('aboutPopup')">Fermer</button>
       </div>

diff --git a/SN/dopey_smurf.webp → news/dopey_smurf.webp b/SN/dopey_smurf.webp → news/dopey_smurf.webp
diff --git a/SN/image-article.png → news/image-article.png b/SN/image-article.png → news/image-article.png
diff --git a/SN/index.html → news/index.html b/SN/index.html → news/index.html
diff --git a/SN/papa_smurf.png → news/papa_smurf.png b/SN/papa_smurf.png → news/papa_smurf.png
diff --git a/SN/styles.css → news/styles.css b/SN/styles.css → news/styles.css
diff --git a/styles/standard-assets/popup.css b/styles/standard-assets/popup.css
@@ -236,11 +236,7 @@
   font-size: 18px;
 }
 
-.welcome-links {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 30px;
+.welcome-link {
   font-size: var(--main-font-sizealertPopup)
 }
 
@@ -269,7 +265,7 @@
     font-size: 4.5vw;
   }
 
-  .welcome-links {
+  .welcome-link {
     font-size: 3.8vw;
   }