From a15a7ca974233f26b016513420aad19851b2d749 Mon Sep 17 00:00:00 2001
From: Justine Pelletreau <blanchespams@gmail.com>
Date: Fri, 7 Jul 2023 13:59:09 +0200
Subject: [PATCH] Modified CSS

---
 Files/header.html | 70 +++++++++++++++++++++++++++--------------------
 Files/index.html  | 32 ++++++++++++----------
 Files/posts.json  |  2 ++
 3 files changed, 60 insertions(+), 44 deletions(-)
diff --git a/Files/header.html b/Files/header.html
index 86fb6d5..56c6294 100644
--- a/Files/header.html
+++ b/Files/header.html
@@ -7,16 +7,15 @@
   <title>SqPad</title>
   <style>
     body {
-      background-color: black;
+      background-color: #2e2e2e;
       color: white;
       font-family: Arial, sans-serif;
       text-align: center;
       padding-top: 50px;
     }
 
-    h1,
-    h2{
-      color: orange;
+    h1 {
+      color: pink;
     }
 
     #logo {
@@ -24,19 +23,13 @@
       margin: 0 auto;
     }
 
-    pre {
-     word-wrap: break-word;
-     white-space: pre-wrap;
-     font-size: 18px;
-    }
-
-
     #form-container {
-      max-width: 400px;
+      max-width: 90%;
       margin: 0 auto;
       padding: 20px;
-      border: 2px solid orange;
+      border: 2px solid pink;
       border-radius: 10px;
+      align: center;
     }
 
     label {
@@ -46,16 +39,33 @@
 
     input[type="text"] {
       width: 100%;
-      padding: 8px;
-      margin-top: 5px;
-      border: 1px solid orange;
+      border: 1px solid pink;
       border-radius: 5px;
-      background-color: black;
+      background-color: #2e2e2e;
       color: white;
+      margin: auto;
+      display: block;
     }
 
+    textarea {
+      width: 100%;
+      border: 1px solid pink;
+      border-radius: 5px;
+      background-color: #2e2e2e;
+      color: white;
+      align: center;
+      margin: auto;
+      display: block;
+
+    }
+
+    a {
+      color: pink;
+    }
+
+
     input[type="submit"] {
-      background-color: orange;
+      background-color: pink;
       color: black;
       padding: 10px 20px;
       border: none;
@@ -65,7 +75,7 @@
     }
 
     input[type="submit"]:hover {
-      background-color: darkorange;
+      background-color: darkpink;
     }
 
     /* CSS for the table */
@@ -73,43 +83,43 @@
       width: 100%;
       border-collapse: collapse;
       margin-top: 20px;
-      border: 2px solid orange;
+      border: 2px solid pink;
       color: white;
     }
-    
+
     th,
     td {
       padding: 10px;
       text-align: left;
-      border-bottom: 1px solid orange;
+      border-bottom: 1px solid pink;
     }
-    
+
     th {
       background-color: black;
-      color: orange;
+      color: pink;
     }
-    
+
     tr:nth-child(even) {
       background-color: #333;
     }
-    
+
     tr:nth-child(odd) {
       background-color: #444;
     }
-    
+
     /* Additional styles for the table */
     caption {
       font-size: 1.2em;
       font-weight: bold;
       margin-bottom: 10px;
-      color: orange;
+      color: pink;
     }
-    
+
     .table-container {
       max-width: 600px;
       margin: 0 auto;
     }
-  </style>
+   </style>
 </head>
 
 <body>
diff --git a/Files/index.html b/Files/index.html
index 9001915..f535c37 100644
--- a/Files/index.html
+++ b/Files/index.html
@@ -7,7 +7,7 @@
   <title>SqPad</title>
   <style>
     body {
-      background-color: black;
+      background-color: #2e2e2e;
       color: white;
       font-family: Arial, sans-serif;
       text-align: center;
@@ -15,7 +15,7 @@
     }
 
     h1 {
-      color: orange;
+      color: pink;
     }
 
     #logo {
@@ -24,10 +24,10 @@
     }
 
     #form-container {
-      max-width: 400px;
+      max-width: 90%;
       margin: 0 auto;
       padding: 20px;
-      border: 2px solid orange;
+      border: 2px solid pink;
       border-radius: 10px;
       align: center;
     }
@@ -39,9 +39,9 @@
 
     input[type="text"] {
       width: 100%;
-      border: 1px solid orange;
+      border: 1px solid pink;
       border-radius: 5px;
-      background-color: black;
+      background-color: #2e2e2e;
       color: white;
       margin: auto;
       display: block;
@@ -49,9 +49,9 @@
 
     textarea {
       width: 100%;
-      border: 1px solid orange;
+      border: 1px solid pink;
       border-radius: 5px;
-      background-color: black;
+      background-color: #2e2e2e;
       color: white;
       align: center;
       margin: auto;
@@ -59,9 +59,13 @@
 
     }
 
+    a {
+      color: pink;
+    }
+
 
     input[type="submit"] {
-      background-color: orange;
+      background-color: pink;
       color: black;
       padding: 10px 20px;
       border: none;
@@ -71,7 +75,7 @@
     }
 
     input[type="submit"]:hover {
-      background-color: darkorange;
+      background-color: darkpink;
     }
 
     /* CSS for the table */
@@ -79,7 +83,7 @@
       width: 100%;
       border-collapse: collapse;
       margin-top: 20px;
-      border: 2px solid orange;
+      border: 2px solid pink;
       color: white;
     }
     
@@ -87,12 +91,12 @@
     td {
       padding: 10px;
       text-align: left;
-      border-bottom: 1px solid orange;
+      border-bottom: 1px solid pink;
     }
     
     th {
       background-color: black;
-      color: orange;
+      color: pink;
     }
     
     tr:nth-child(even) {
@@ -108,7 +112,7 @@
       font-size: 1.2em;
       font-weight: bold;
       margin-bottom: 10px;
-      color: orange;
+      color: pink;
     }
     
     .table-container {
diff --git a/Files/posts.json b/Files/posts.json
index 8b10bf5..5d393f0 100644
--- a/Files/posts.json
+++ b/Files/posts.json
@@ -1 +1,3 @@
 {"name":"qzdqzd","crypt":"EFOUHjEiFhRorSgOQAgOgA==","date":"03/07/2023@18:45:45","id":11295522918797061807}
+{"name":"qzdqzdq","crypt":"Wap895rKiiX6QKQcoW/HeA==","date":"07/07/2023@13:54:54","id":11359763750215510915}
+{"name":"Salut","crypt":"HgTgatuvDrFDzSzB1NBD8g==","date":"07/07/2023@13:58:53","id":7122794868924569050}
