From f935f680494f391d843e622da61d0146b1aabe6c Mon Sep 17 00:00:00 2001
From: yuzu-eva <stevenhu@web.de>
Date: Mon, 20 Mar 2023 18:32:54 +0100
Subject: restructured html and changed styling a bit

---
 static/recipes/omurice.html  |  8 ++++++--
 static/recipes/overview.html | 29 +++++++++++++++++------------
 static/recipes/oyakodon.html |  8 ++++++--
 static/recipes/pizza.html    |  8 ++++++--
 4 files changed, 35 insertions(+), 18 deletions(-)

(limited to 'static/recipes')

diff --git a/static/recipes/omurice.html b/static/recipes/omurice.html
index 73d983c..35eace2 100644
--- a/static/recipes/omurice.html
+++ b/static/recipes/omurice.html
@@ -25,9 +25,13 @@
             </ul>
         </nav>
 
-        <h1>My Omurice Recipe</h1>
     </header>
-    <main>
+
+    <div id="headerwrapper">
+        <h1>My Omurice Recipe</h1>
+    </div>
+
+    <main id="wrapper-center">
         <div id="lists">
             <h2>Description</h2> 
             <p>
diff --git a/static/recipes/overview.html b/static/recipes/overview.html
index d28bf84..33b0fb2 100644
--- a/static/recipes/overview.html
+++ b/static/recipes/overview.html
@@ -25,21 +25,26 @@
             </ul>
         </nav>
 
-        <h1>My Top Recipes!</h1>
     </header>
 
+    <div id="headerwrapper">
+        <h1>My Top Recipes!</h1>
+    </div>
+
     <main>
-        <ul id="recipe-list">
-            <li id="recipe-item">
-                <a href="./pizza.html">Pizza</a>
-            </li>
-            <li id="recipe-item">
-                <a href="./oyakodon.html">Oyakodon</a>
-            </li>
-            <li id="recipe-item">
-                <a href="./omurice.html">Omurice</a>
-            </li>
-        </ul>
+        <div>
+            <ul id="recipe-list">
+                <li id="recipe-item">
+                    <a href="./pizza.html">Pizza</a>
+                </li>
+                <li id="recipe-item">
+                    <a href="./oyakodon.html">Oyakodon</a>
+                </li>
+                <li id="recipe-item">
+                    <a href="./omurice.html">Omurice</a>
+                </li>
+            </ul>
+        </div>
     </main>
 </body>
 <script src=""></script>
diff --git a/static/recipes/oyakodon.html b/static/recipes/oyakodon.html
index f041473..08d0a61 100644
--- a/static/recipes/oyakodon.html
+++ b/static/recipes/oyakodon.html
@@ -25,9 +25,13 @@
             </ul>
         </nav>
 
-        <h1>My Oyakodon Recipe</h1>
     </header>
-    <main>
+
+    <div id="headerwrapper">
+        <h1>My Oyakodon Recipe</h1>
+    </div>
+    
+    <main id="wrapper-center">
         <div id="lists">
             <h2>Description</h2> 
             <p>
diff --git a/static/recipes/pizza.html b/static/recipes/pizza.html
index 3141a6f..b64afca 100644
--- a/static/recipes/pizza.html
+++ b/static/recipes/pizza.html
@@ -25,9 +25,13 @@
             </ul>
         </nav>
 
-        <h1>My Pizza Recipe</h1>
     </header>
-    <main>
+
+    <div id="headerwrapper">
+        <h1>My Pizza Recipe</h1>
+    </div>
+
+    <main id="wrapper-center">
         <div id="lists">
             <h2>Description</h2> 
             <p>
-- 
cgit v1.2.3