fix styling

src/_includes/styles.css

@@ -195,7 +195,7 @@ nav {
     /* width: min-content; */
   }
 
-  a:hover {
+  aside>a:hover {
     transform: none;
   }
 }
@@ -242,6 +242,13 @@ footer {
   width: 230px;
 }
 
+.nav-buttons {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  
+}
+
 /* body > footer {
   margin-top: 4rem;
   padding: 2rem 1rem 1.5rem 1rem;

src/blog.md

@@ -4,6 +4,8 @@ layout: layout/base.njk
 eleventyImport.collections: ["blog"]
 ---
 
-{% for post in collections.blog %}
+<div class="pages-article">
+{% for post in collections.blog reversed %}
  \- [{{ post.data.title || post.data.title != "" ? post.data.title : post.data.page.fileSlug }}](/blog/{{ post.data.page.fileSlug }})
-{% endfor %}
+{% endfor %}
+</div>

src/games.md

@@ -4,6 +4,8 @@ layout: layout/base.njk
 eleventyImport.collections: ["games"]
 ---
 
-{% for post in collections.game %}
+<div class="pages-article">
+{% for post in collections.game reversed %}
  \- [{{ post.data.title || post.data.title != "" ? post.data.title : post.data.page.fileSlug }}](/game/{{ post.data.page.fileSlug }})
-{% endfor %}
+{% endfor %}
+</div>

src/lists.md

@@ -4,6 +4,8 @@ layout: layout/base.njk
 eleventyImport.collections: ["list"]
 ---
 
-{% for post in collections.list %}
+<div class="pages-article">
+{% for post in collections.list reversed %}
  \- [{{ post.data.title || post.data.title != "" ? post.data.title : post.data.page.fileSlug }}](/list/{{ post.data.page.fileSlug }})
-{% endfor %}
+{% endfor %}
+</div>

src/music.md

@@ -4,6 +4,8 @@ layout: layout/base.njk
 eleventyImport.collections: ["music"]
 ---
 
-{% for post in collections.music %}
+<div class="pages-article">
+{% for post in collections.music reversed %}
  \- [{{ post.data.title || post.data.title != "" ? post.data.title : post.data.page.fileSlug }}](/music/{{ post.data.page.fileSlug }})
-{% endfor %}
+{% endfor %}
+<div>