From 81de8d22b677aba375e6fd1c8c5624c255acc0a0 Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Sat, 4 May 2024 15:29:02 -0400
Subject: new layout 4

---
 css/website.css                         | 10 +++++
 templates/partials/header.html.twig     | 73 +++++++++++++++------------------
 templates/partials/navigation.html.twig |  4 +-
 3 files changed, 44 insertions(+), 43 deletions(-)

diff --git a/css/website.css b/css/website.css
index 1454164..2f19f75 100644
--- a/css/website.css
+++ b/css/website.css
@@ -123,6 +123,16 @@ body {
     margin: 40px;
 }
 
+.header #left {
+    flex-grow: 2;
+    display: flex;
+    align-items: start;
+}
+
+.header #right {
+    flex-grow: 2;
+}
+
 /* Buttons */
 .roundedButton
 {
diff --git a/templates/partials/header.html.twig b/templates/partials/header.html.twig
index 4126aaa..e33dd0b 100644
--- a/templates/partials/header.html.twig
+++ b/templates/partials/header.html.twig
@@ -1,42 +1,33 @@
-		<div class="header">
-            {# {% if page.header.icon %}
-			    <span class=icon>{{page.header.icon}}</span>
-            {% else %}
-                <span class=icon>web</span>
-            {% endif %}
-            {% if page.url != "/" %}
-                <a href="/" style="color:white;">{{site.title|e}}</a>
-            {% endif %}
-            {% if page.parent.url != "/" %}
-                <a href="{{ page.parent.url }}">
-                    <span class="icon" style="color: white;">close</span>
-                </a>
-            {% else %}
-            <span class="icon" style="color:transparent;">web</span>
-            {% endif %} #}
-            {# {% include 'partials/navigation.html.twig' %} #}
-            <div class=links>
-                {% if page.parent.url != "/" %}
-                <a class="anim3" href="{{ page.parent.url }}">
-                    <div class="roundedButton">
-                        <span class="icon">arrow_back</span>
-                        <span>Back</span>
-                    </div>
-                </a>
-                {% endif %}
-                {% if page.url != "/" %}
-                <a class="anim4" href="/">
-                    <div class="roundedButton">
-                        <span class="icon">home</span>
-                        <span>Home</span>
-                    </div>
-                </a>
-                {% else %}
-                <span class="icon" style="color: white;">close</span>
-                {% endif %}
+<div class="header">
+    <div id="left">
+        {% if page.parent.url != "/" %}
+        <a class="anim4" href="/">
+            <div class="roundedButton">
+                <span class="icon">home</span>
+                <span>Home</span>
             </div>
-            {% if page.url != "/" %}
-                <a href="/" style="color:white;">{{site.title|e}}</a>
-            {% endif %}
-            <span class="icon" style="color:transparent;">web</span>
-		</div>
\ No newline at end of file
+        </a>
+        {% endif %}
+        {% if page.url != "/" %}
+        <a class="anim3" href="{{ page.parent.url }}">
+            <div class="roundedButton">
+                <span class="icon">arrow_back</span>
+                <span>Back</span>
+            </div>
+        </a>
+        {% else %}
+        <span class="icon" style="color: white;">home</span>
+        {% endif %}
+
+    </div>
+
+    <div id="center">
+        {% if page.url != "/" %}
+        <a href="/" style="color:white;">{{site.title|e}}</a>
+        {% endif %}
+    </div>
+
+    <div id="right">
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/templates/partials/navigation.html.twig b/templates/partials/navigation.html.twig
index 4426c8c..a50e789 100644
--- a/templates/partials/navigation.html.twig
+++ b/templates/partials/navigation.html.twig
@@ -1,4 +1,4 @@
-<div class=links>
+{# <div class=links>
     {% if page.parent.url != "/" %}
     <a class="anim3" href="{{ page.parent.url }}">
         <div class="roundedButton">
@@ -13,4 +13,4 @@
             <span>Home</span>
         </div>
     </a>
-</div>
+</div> #}
-- 
cgit v1.2.3