From cc70391167a4c235e1a5758a211c83345fe0800f Mon Sep 17 00:00:00 2001
From: WhyKorp <117651228+whykorp@users.noreply.github.com>
Date: Tue, 19 Dec 2023 22:31:50 +0100
Subject: [PATCH] aa

---
 tools/fluidsim/index.html |  5 ++++-
 tools/index.html          | 25 ++++++++++++++++++-----
 tools/style.css           | 42 +++++++++++++++++++++++++++++++++++++++
 3 files changed, 66 insertions(+), 6 deletions(-)
 create mode 100644 tools/style.css
diff --git a/tools/fluidsim/index.html b/tools/fluidsim/index.html
index c418ea0..ede4274 100644
--- a/tools/fluidsim/index.html
+++ b/tools/fluidsim/index.html
@@ -57,11 +57,14 @@
                 position: sticky;
                 bottom: 27px;
             }
+            a.back {
+                z-index: 5;
+            };
         </style>
     </head>
     <body>
         <canvas></canvas>
         <script src="./script.js"></script>
-		<a href="javascript:history.back()" img="img/back_arrow.png"></a>
+		<a class="back" href="javascript:history.back()"><img src="img/back_arrow.png"></a>
     </body>
 </html>
\ No newline at end of file
diff --git a/tools/index.html b/tools/index.html
index e55315f..c388d1e 100644
--- a/tools/index.html
+++ b/tools/index.html
@@ -4,18 +4,33 @@
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="icon" type="image/png" sizes="16x16" href="fluidsim/img/favicon.png">
+	<link href="https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap" rel="stylesheet">
+	<link href="style.css" rel="stylesheet">
 	<title>
 		WhykTools
 	</title>
 </head>
 <body>
-
-	<h1>
-		Voici la page des outils référencés
-	</h1>
+<div class="container">
+	<header>
+	  <a href="javascript:history.back()">
+		<img class="logo" src="fluidsim/img/favicon.png" alt="Logo">
+	  </a>
+	  <h1 class="title">WhyKorp</h1>
+	</header>
+	<p><br></p>
+	<hr>
+	<p><br></p>
+	<h1>Bienvenue sur WhykTools</h1>
+	<p><br></p>
+	<hr>
+	<h1>Voici la page des outils référencés</h1>
 	<a href="fluidsim">
 		<img src="fluidsim/preview.gif">
 	</a>
-
+</div>
+<div class="footer">
+	Copyright | Whykorp® 2021-2024
+  </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/tools/style.css b/tools/style.css
new file mode 100644
index 0000000..81dd4c2
--- /dev/null
+++ b/tools/style.css
@@ -0,0 +1,42 @@
+body {
+    font-family: 'Noto Sans', sans-serif;
+    background-color: #333;
+    color: #fff;
+};
+div.container {
+    width: 80%;
+    margin: auto;
+    border: 2px solid #d63209;
+    border-radius: 25px;
+    padding: 20px;
+    background-color: #444;
+};
+header {
+    text-align: left;
+}
+
+  .logo {
+    height: 60px;
+    width: 60px;
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 10px;
+  }
+  .title {
+    display: inline-block;
+    font-size: 48px;
+    line-height: 60px;
+    vertical-align: middle;
+  }
+  
+  div.footer {
+    width: 80%;
+    margin: auto;
+    border: 2px solid #d63209;
+    border-radius: 25px;
+    padding: 20px;
+    background-color: #444;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
\ No newline at end of file
