rewrite v1.0

assets/icon.svg

@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="none"
+   stroke="currentColor"
+   stroke-width="2"
+   stroke-linecap="round"
+   stroke-linejoin="round"
+   class="lucide lucide-archive-restore"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="icon.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="24.719275"
+     inkscape:cx="5.2185997"
+     inkscape:cy="13.713995"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <rect
+     width="20"
+     height="5"
+     x="2"
+     y="4"
+     rx="2"
+     id="rect2"
+     style="stroke:#c104fc;stroke-opacity:1" />
+  <path
+     d="M12 13v7"
+     id="path4"
+     style="stroke:#c104fc;stroke-opacity:1" />
+  <path
+     d="m9 16 3-3 3 3"
+     id="path6"
+     style="stroke:#c104fc;stroke-opacity:1" />
+  <path
+     d="M4 9v9a2 2 0 0 0 2 2h2"
+     id="path8"
+     style="stroke:#c104fc;stroke-opacity:1" />
+  <path
+     d="M20 9v9a2 2 0 0 1-2 2h-2"
+     id="path10"
+     style="stroke:#c104fc;stroke-opacity:1" />
+</svg>

assets/posterg.css

@@ -1,8 +1,26 @@
   @font-face {
     font-family: police1;
-    src: url("./fonts/Combinedd.otf");
+    src: url("./Combinedd.otf");
   }
 
+/* Dark theme */
+/* UTILE POUR FORCER UN MODE LIGHT */
+@media (prefers-color-scheme: dark) {
+  :root,
+  ::backdrop {
+    --bg: #fff;
+    --accent-bg: #f5f7ff;
+    --text: #212121;
+    --text-light: #585858;
+    --border: #898EA4;
+    --accent: #0d47a1;
+    --code: #d81b60;
+    --preformatted: #444;
+    --marked: #ffdd33;
+    --disabled: #efefef;
+  }
+}
+
   body{
     background-color: white;
   }
@@ -10,15 +28,18 @@
 
   /* ENTÊTE */
   header {
-
     font-family: 'police1';
-    background: linear-gradient(315deg, rgba(77, 168, 112, 1) 0%, rgba(193, 4, 252, 1) 66%);
-
+    background: linear-gradient(280deg, rgba(77, 168, 112, 1) 0%, rgba(193, 4, 252, 1) 85%);
     text-decoration: none;
     outline: none;
     font-size: 2rem;
   }
 
+  body > header h1 {
+    color: white;
+    margin: 3rem auto auto auto;
+  }
+
   /* FORMULAIRE */
 
   form label {
@@ -44,8 +65,8 @@
   }
 
 input {
-    font-family: police1;
-    font-weight: bold;
+    /* font-family: police1; */
+    /* font-weight: bold; */
     background-color: none;
     color: rgb(193, 4, 252);
     border: 1px solid rgb(193, 4, 252);
@@ -72,10 +93,7 @@ input {
     margin-top: 2rem;
   }
 
-  body > header h1 {
-    color: white;
-    margin: 3rem auto auto auto;
-  }
+