diff options
| -rw-r--r-- | css/website.css | 8 | ||||
| -rw-r--r-- | templates/partials/navigation.html.twig | 24 |
2 files changed, 31 insertions, 1 deletions
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 %} #} |