From 0c3fe53ef20ea91d921ab54f5fb8197c1e0458a3 Mon Sep 17 00:00:00 2001
From: Antoine Waehren <antux18@gmail.com>
Date: Fri, 3 Dec 2021 03:18:06 +0100
Subject: [PATCH] =?UTF-8?q?D=C3=A9but=20th=C3=A8me=20sombre.=20Cr=C3=A9ati?=
 =?UTF-8?q?on=20liste=20r=C3=A9sultats=20de=20recherche.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/style_dark.css | 57 +++++++++++++++++++++++++++++++++++++++++++
 templates/search.html |  5 +++-
 2 files changed, 61 insertions(+), 1 deletion(-)
 create mode 100644 static/style_dark.css

diff --git a/static/style_dark.css b/static/style_dark.css
new file mode 100644
index 0000000..cdd2210
--- /dev/null
+++ b/static/style_dark.css
@@ -0,0 +1,57 @@
+body {
+	background: black;
+	font-family: arial;
+	color: white;
+}
+
+h1, p {
+	padding: 20px;
+}
+
+table, tr, td {
+	border: 1px solid white;
+        border-collapse: collapse;
+        padding: 10px;
+}
+
+.table_key {
+	font-weight: bold;
+}
+
+.flexbox {
+	display: flex;
+}
+
+#banner {
+	background-color: #dfcba8;
+	margin-left: calc(-50vw + 50%);
+	margin-right: calc(-50vw + 50%);
+	margin-top: calc(-50vw + 50%);
+	display: flex;
+	align-items: center;
+	padding-top: 5px;
+	padding-bottom: 5px;
+}
+
+#banner_index {
+	background-color: #dfcba8;
+	margin-left: calc(-50vw + 50%);
+	margin-right: calc(-50vw + 50%);
+	margin-top: calc(-50vw + 50%);
+	padding-top: 5px;
+	padding-bottom: 5px;
+}
+
+#logo_title {
+	font-weight: bold;
+	font-size: 30px;
+}
+
+.searchbar {
+	float: right;
+	padding-right: 20px;
+}
+
+.right-align {
+	margin-left: auto;
+}
diff --git a/templates/search.html b/templates/search.html
index 2c75fea..3161654 100644
--- a/templates/search.html
+++ b/templates/search.html
@@ -15,6 +15,9 @@
 			<input type="text" placeholder="Saisissez votre recherche..." size=20>
 	    		<input type="submit" value="Rechercher">
     	</form>
-    	<table 
+    	<script> {% for key, value in dres %}
+    	{{<a href=}value{>}key{</a>}}
+    	{% endfor %}
+    	</script>
 </body>
 </html>