diff options
| -rw-r--r-- | css/website.css | 4 | ||||
| -rw-r--r-- | templates/partials/navigation.html.twig | 51 |
2 files changed, 22 insertions, 33 deletions
diff --git a/css/website.css b/css/website.css index a79cf03..5047c11 100644 --- a/css/website.css +++ b/css/website.css @@ -178,6 +178,10 @@ body { flex-direction: column; } +#nextback { + max-width: 100%; +} + /* mobile */ @media only screen and (max-device-width: 900px) diff --git a/templates/partials/navigation.html.twig b/templates/partials/navigation.html.twig index b47d228..f1d6f18 100644 --- a/templates/partials/navigation.html.twig +++ b/templates/partials/navigation.html.twig @@ -1,40 +1,25 @@ -{# <div class=links> - {% if page.parent.url != "/" %} - <a class="anim3" href="{{ page.parent.url }}"> +<div class=links> + {# {% if $prevPage = page.prevSibling %} #} + <a class="anim2" href="{{ page.parent.url }}"> <div class="roundedButton"> <span class="icon">arrow_back</span> - <span>Back</span> + <div class="stack"> + <span>Previous</span> + <span>Sample last article name</span> + </div> </div> </a> - {% endif %} - <a class="anim4" href="/"> + {# {% endif %} #} + + {# {% if $nextPage = page.nextSibling %} #} + <a class="anim3" id="nextback" href="{{ page.parent.url }}"> <div class="roundedButton"> - <span class="icon">home</span> - <span>Home</span> + <span class="icon">arrow_forward</span> + <div class="stack"> + <span>Next</span> + <span>Sample next article name</span> + </div> </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 %} #} + {# {% endif %} #} +</div> |