From 268685c6abdd489170afa29b3293a62e70f1b595 Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Sat, 4 May 2024 16:19:29 -0400
Subject: new layout 7

---
 css/website.css                         |  8 +++++++-
 templates/partials/navigation.html.twig | 24 ++++++++++++++++++++++++
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/css/website.css b/css/website.css
index 6388c3a..a79cf03 100644
--- a/css/website.css
+++ b/css/website.css
@@ -169,7 +169,13 @@ body {
     margin: 5px 5px;
     flex-wrap: wrap;
     display: flex;
-    gap: 25px;
+    gap: 40px;
+}
+
+.stack
+{
+    display: flex;
+    flex-direction: column;
 }
 
 /* mobile */
diff --git a/templates/partials/navigation.html.twig b/templates/partials/navigation.html.twig
index a50e789..b47d228 100644
--- a/templates/partials/navigation.html.twig
+++ b/templates/partials/navigation.html.twig
@@ -14,3 +14,27 @@
         </div>
     </a>
 </div> #}
+
+{# {% if $prevPage = page.prevSibling %} #}
+<a class="anim2" href="{{ page.parent.url }}">
+    <div class="roundedButton">
+        <span class="icon">arrow_back</span>
+        <div class="stack">
+            <span>Previous</span>
+            <span>Sample last article name</span>
+        </div>
+    </div>
+</a>
+{# {% endif %} #}
+
+{# {% if $nextPage = page.nextSibling %} #}
+<a class="anim3" href="{{ page.parent.url }}">
+    <div class="roundedButton">
+        <span class="icon">arrow_forward</span>
+        <div class="stack">
+            <span>Next</span>
+            <span>Sample next article name</span>
+        </div>
+    </div>
+</a>
+{# {% endif %} #}
-- 
cgit v1.2.3