changes

static/css/common.css

@@ -1,3 +1,4 @@
+/* importation de la police dyslexique */
 @font-face {
   font-family: OpenDyslexic;
   src: url(../font/open_dyslexic/OpenDyslexic-Regular.otf);
@@ -9,13 +10,6 @@
   --police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
-
-test {
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-  font-family: Arial, Helvetica, sans-serif;
-  font-family: 'Courier New', Courier, monospace;
-}
-
 html {
   background: var(--background);
   color: var(--ecriture);
@@ -34,7 +28,7 @@ body {
   justify-content: center;
 }
 
-
+/* barre de navigation */
 nav {
   width: 99%;
   position: sticky;
@@ -48,7 +42,6 @@ nav {
   border-collapse: collapse;
   width: 100%;
   text-align: center;
-  /* background-color: rgba(255, 255, 255, 0.4); */
 }
 
 .menuItem {
@@ -89,7 +82,7 @@ a:visited {
   text-decoration: none;
 }
 
-
+/* bouton dyslexique */
 #dyslexique {
   background-color: #5c5cfd;
   padding-bottom: 0px;
@@ -100,10 +93,7 @@ a:visited {
   font-size: .7rem;
 }
 
-
-
 /* slider */
-
 .slider {
   display: flex;
   justify-content: center;
@@ -112,15 +102,4 @@ a:visited {
   margin-bottom: auto;
   font-size: 300px;
   font-weight: 500;
-}
-
-.minuteur {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-top: auto;
-  margin-bottom: auto;
-  font-size: 300px;
-  font-weight: 500;
-
 }

static/css/erreur.css

@@ -0,0 +1,46 @@
+html {
+    font-size: 1.5rem;
+    font-family: var(--police);
+}
+
+#content2 {
+    text-align: center;
+    justify-content: center;
+    width: 900px;
+}
+
+.contentchild {
+    margin: 50px;
+}
+
+/* bouton retour à l'accueil */
+.clique {
+    display: flex;
+    background-color: #0000ff94;
+    padding: 20px;
+    padding-bottom: 0px;
+    border-radius: 30px;
+    box-shadow: 0px 25px 80px rgb(0 0 0 / 50%);
+    width: auto;
+    height: auto;
+    max-width: 700;
+    transition: all ,0.5s;
+}
+
+
+.clique:hover {
+    box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.60);
+}
+
+.clique>a>img {
+    height: 50px;
+    width: 50px;
+    margin-left: auto;
+    margin-right: auto;
+    display: flex;
+    /* padding: 20px; */
+}
+
+.clique>a>h2 {
+    text-align: center;
+}

static/css/fiche.css

@@ -1,21 +1,23 @@
 #fiche {
-    padding-top: 5rem;
-    width: 400px;
+    padding-top: 3rem;
+    width: 1200px;
     margin: auto;
-    text-align: center;
+    text-align: left;
     border-collapse: collapse;
 }
 
 #content2 {
-    padding-top: 5rem;
+    padding-top: 3rem;
 }
 
 #fiche>tbody>tr {
+    margin: 50px;
     height: 50px;
     padding: 10px;
 }
 
-
 #fiche>tbody>tr>td {
+    margin: 50px;
+    padding: 20px;
     font-weight: 600;
 }

static/css/infopaypal.css

@@ -0,0 +1,24 @@
+#fiche {
+    padding-top: 3rem;
+    width: 1200px;
+    margin: auto;
+    text-align: left;
+    border-collapse: collapse;
+}
+
+#content2 {
+    padding-top: 3rem;
+}
+
+#fiche>tbody>tr {
+    margin: 50px;
+    height: 50px;
+    padding: 10px;
+}
+
+#fiche>tbody>tr>td {
+    font-size: 1.5rem;
+    margin: 50px;
+    padding: 20px;
+    font-weight: 600;
+}

static/css/liste.css

@@ -1,3 +1,8 @@
+#content2 {
+    padding-top: 3rem;
+}
+
+/* lorsqu'il y a une histoire */
 #button {
     display: flex;
     align-items: center;
@@ -6,10 +11,6 @@
     margin: 30px;
 }
 
-#content2 {
-    padding-top: 3rem;
-}
-
 #submit {
     display: inline-block;
     border-radius: 20px;
@@ -23,10 +24,9 @@
     transition: all 0.5s;
     cursor: pointer;
     margin: 5px;
-    transition: all ,0.5s;
+    transition: all, 0.5s;
 }
 
-
 #submit:hover {
     box-shadow: 0px 25px 80px rgb(0 0 0 / 70%);
 }
@@ -54,4 +54,43 @@
 #submit:hover span:after {
     opacity: 1;
     right: 0;
+}
+
+
+/* lorsque aucune histoire */
+.contentchild {
+    margin: 50px;
+}
+
+.clique {
+    display: flex;
+    background-color: #0000ff94;
+    padding: 20px;
+    padding-bottom: 0px;
+    border-radius: 30px;
+    box-shadow: 0px 25px 80px rgb(0 0 0 / 50%);
+    width: auto;
+    height: auto;
+    max-width: 700;
+    transition: all, 0.5s;
+}
+
+.clique:hover {
+    box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.60);
+}
+
+.clique>a>img {
+    height: 50px;
+    width: 50px;
+    margin-left: auto;
+    margin-right: auto;
+    display: flex;
+}
+
+.clique>a>h2 {
+    text-align: center;
+}
+
+#content1 {
+    padding-top: 3rem;
 }

static/css/main.css

@@ -12,6 +12,8 @@ html {
 .contentchild {
     margin: 50px;
 }
+
+/* bouton pour ajouter une histoire */
 .clique {
     display: flex;
     background-color: #0000ff94;

static/css/nouvelle.css

@@ -2,6 +2,11 @@ label {
     font-weight: 600;
 }
 
+#formNouvelleHistoire,
+#formListeHist {
+    padding-top: 3rem;
+}
+
 #nouvelle {
     width: 400px;
     margin: auto;
@@ -18,23 +23,7 @@ label {
     padding: 10px;
 }
 
-
-/* #formListePerso>button {
-    display: block;
-    width: 100%;
-    height: 50px;
-    margin: 5px;
-    background-color: rgba(0, 0, 0, 0.4);
-    border: solid 1px black;
-} */
-
-#formNouveauPerso,
-#formListePerso {
-    padding-top: 5rem;
-    /* width: 300px; */
-}
-
-
+/* bouton envoyer */
 #button {
     display: flex;
     align-items: center;