first commit

static/css/common.css

@@ -0,0 +1,126 @@
+@font-face {
+  font-family: OpenDyslexic;
+  src: url(../font/open_dyslexic/OpenDyslexic-Regular.otf);
+}
+
+:root {
+  --ecriture: black;
+  --background: white;
+  --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);
+  font-size: 1.5rem;
+  font-family: var(--police);
+}
+
+body {
+  width: 100%;
+}
+
+#content {
+  display: flex;
+  text-align: center;
+  width: 100%;
+  justify-content: center;
+}
+
+
+nav {
+  width: 99%;
+  position: sticky;
+  top: 0px;
+  background-image: linear-gradient(to right, #008dff, #009bfe, #00a7f8, #00b2f0, #00bbe7);
+  border-radius: 20px;
+}
+
+#menu {
+  table-layout: fixed;
+  border-collapse: collapse;
+  width: 100%;
+  text-align: center;
+  /* background-color: rgba(255, 255, 255, 0.4); */
+}
+
+.menuItem {
+  font-size: 1rem;
+  font-weight: 700;
+  height: 40px;
+  transition: all, 0.5s;
+  font-family: var(--police);
+}
+
+.menuItem2 {
+  font-size: 1rem;
+  font-weight: 700;
+  height: 40px;
+  font-family: var(--police);
+}
+
+.menuItem:hover {
+  background-color: #0000ff23;
+}
+
+article {
+  text-align: justify;
+}
+
+a {
+  width: 100% !important;
+  height: 100% !important;
+}
+
+a:link {
+  color: black;
+  text-decoration: none;
+}
+
+a:visited {
+  color: black;
+  text-decoration: none;
+}
+
+
+#dyslexique {
+  background-color: #5c5cfd;
+  padding-bottom: 0px;
+  border-radius: 20px;
+  width: 120px;
+  height: 60px;
+  transition: all, 0.5s;
+  font-size: .7rem;
+}
+
+
+
+/* slider */
+
+.slider {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: auto;
+  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/fiche.css

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

static/css/liste.css

@@ -0,0 +1,57 @@
+#button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    margin: 30px;
+}
+
+#content2 {
+    padding-top: 3rem;
+}
+
+#submit {
+    display: inline-block;
+    border-radius: 20px;
+    background-color: #3EA6FF;
+    box-shadow: 0px 25px 80px rgb(0 0 0 / 50%);
+    border: 2px #3e6bff;
+    color: #FFFFFF;
+    text-align: center;
+    font-size: 20px;
+    padding: 20px;
+    transition: all 0.5s;
+    cursor: pointer;
+    margin: 5px;
+    transition: all ,0.5s;
+}
+
+
+#submit:hover {
+    box-shadow: 0px 25px 80px rgb(0 0 0 / 70%);
+}
+
+#submit span {
+    cursor: pointer;
+    display: inline-block;
+    position: relative;
+    transition: 0.5s;
+}
+
+#submit span:after {
+    content: '\00bb';
+    position: absolute;
+    opacity: 0;
+    top: 0;
+    right: -20px;
+    transition: 0.5s;
+}
+
+#submit:hover span {
+    padding-right: 25px;
+}
+
+#submit:hover span:after {
+    opacity: 1;
+    right: 0;
+}

static/css/main.css

@@ -0,0 +1,44 @@
+html {
+    font-size: 1.5rem;
+    font-family: var(--police);
+}
+
+#content2 {
+    text-align: center;
+    justify-content: center;
+    width: 900px;
+}
+
+.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;
+    /* padding: 20px; */
+}
+
+.clique>a>h2 {
+    text-align: center;
+}

static/css/nouvelle.css

@@ -0,0 +1,90 @@
+label {
+    font-weight: 600;
+}
+
+#nouvelle {
+    width: 400px;
+    margin: auto;
+    text-align: center;
+    border-collapse: collapse;
+}
+
+#nouvelle>tbody>tr {
+    height: 30px;
+    max-width: 100px;
+}
+
+#nouvelle>tbody>tr>td {
+    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; */
+}
+
+
+#button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    margin: 30px;
+}
+
+#submit {
+    display: inline-block;
+    border-radius: 20px;
+    background-color: #3EA6FF;
+    box-shadow: 0px 25px 80px rgb(0 0 0 / 50%);
+    border: 2px #3e6bff;
+    color: #FFFFFF;
+    text-align: center;
+    font-size: 20px;
+    padding: 20px;
+    width: 200px;
+    transition: all 0.5s;
+    cursor: pointer;
+    margin: 5px;
+    transition: all ,0.5s;
+}
+
+#submit:hover {
+    box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.7);
+}
+
+#submit span {
+    cursor: pointer;
+    display: inline-block;
+    position: relative;
+    transition: 0.5s;
+}
+
+#submit span:after {
+    content: '\00bb';
+    position: absolute;
+    opacity: 0;
+    top: 0;
+    right: -20px;
+    transition: 0.5s;
+}
+
+#submit:hover span {
+    padding-right: 25px;
+}
+
+#submit:hover span:after {
+    opacity: 1;
+    right: 0;
+}