From acdde303b41ed742681d2fde96507940e1c4dc87 Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Sat, 4 May 2024 18:10:31 -0400
Subject: Add next and previous buttons

---
 .vscode/settings.json                   |  2 ++
 css/website.css                         |  4 ++--
 templates/partials/navigation.html.twig | 10 +++++-----
 3 files changed, 9 insertions(+), 7 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..7a73a41
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,2 @@
+{
+}
\ No newline at end of file
diff --git a/css/website.css b/css/website.css
index 3492ed2..6f9360d 100644
--- a/css/website.css
+++ b/css/website.css
@@ -178,11 +178,11 @@ body {
     flex-direction: column;
 }
 
-#nextback {
+#nextprev {
     padding-top: 20px;
 }
 
-#nextback #next, #nextback #back{
+#nextprev #next, #nextprev #prev{
     max-width: 40%;
     overflow:hidden;
 }
diff --git a/templates/partials/navigation.html.twig b/templates/partials/navigation.html.twig
index f1f6223..0c61b1d 100644
--- a/templates/partials/navigation.html.twig
+++ b/templates/partials/navigation.html.twig
@@ -1,9 +1,9 @@
 
 {% if page.parent.parent.url == "/" %}
-<div class="links" id="nextback">
-    {% set prevPage = page.adjacentSibling(-1) %}
+<div class="links" id="nextprev">
+    {% set prevPage = page.prevSibling() %}
     {% if prevPage %}
-    <a class="anim2" id="next" href="{{ prevPage.url }}">
+    <a class="anim2" id="prev" href="{{ prevPage.url }}">
         <div class="roundedButton">
             <span class="icon">arrow_back</span>
             <div class="stack">
@@ -14,9 +14,9 @@
     </a>
     {% endif %}
 
-    {% set nextPage = page.adjacentSibling(1) %}
+    {% set nextPage = page.nextSibling() %}
     {% if nextPage %}
-    <a class="anim3" id="back" href="{{ nextPage.url }}">
+    <a class="anim3" id="next" href="{{ nextPage.url }}">
         <div class="roundedButton">
             <span class="icon">arrow_forward</span>
             <div class="stack">
-- 
cgit v1.2.3