Mercurial > web
diff _includes/navigation.html @ 81:eb3bbc61bc17
Use flexbox for lots more things
this should make stuff actually work on safari. HOPEFULLY.
author | Paper <paper@paper.us.eu.org> |
---|---|
date | Mon, 20 May 2024 04:00:58 -0400 |
parents | ec24b7d30ce9 |
children | a143c3991472 |
line wrap: on
line diff
--- a/_includes/navigation.html Mon May 20 03:46:03 2024 -0400 +++ b/_includes/navigation.html Mon May 20 04:00:58 2024 -0400 @@ -1,12 +1,11 @@ <div class="navbar drop-shadow-box"> {% for item in site.data.navigation %} - <!-- page.url contains isn't exactly right, but whatever --> <a href="{{ item.link }}" {% if page.url == item.link or page.url contains item.prefix %}class="navbar-item-active"{% else %}class="navbar-item"{% endif %}>{{ item.name }}</a> {% endfor %} - <!-- external links belong here --> - <div class="align-right"> - <a href="https://www.youtube.com/channel/UC8yLNvg6ktP7X_dupByIc-w" class="navbar-item">vids</a> - <a href="https://modarchive.org/index.php?request=view_artist_modules&query=92603" class="navbar-item">tunes</a> - <a href="https://anilist.co/user/Paper" class="navbar-item">weeb</a> + <div class="navbar-right"> + {% comment %} + This has to all be on one line or else browsers add extra spacing. argh. + {% endcomment %} + {% for item in site.data.navigation-external %}<a href="{{ item.link }}" class="navbar-item">{{ item.name }}</a>{% endfor %} </div> </div>