reedcodes · reedcodes · Jul 4, 2025 · Jul 4, 2025 · Jul 4, 2025
diff --git a/source/pages/about.md b/source/pages/about.md
@@ -1,5 +1,6 @@
 ---
 title: About
+order: 2
 ---
 
 Suspendisse facilisis quam libero, nec ullamcorper nibh lobortis at. Integer ac iaculis nisl, et hendrerit erat. Integer justo leo, malesuada a odio vel, feugiat viverra enim. Fusce non ex ut orci egestas mattis a in tortor. Aenean molestie quam quis congue faucibus. Mauris sed congue purus. Vestibulum aliquam quam sit amet lorem sagittis venenatis. Nulla facilisi. Etiam ut hendrerit dui. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc sit amet lectus massa. Nunc sagittis eleifend mauris, interdum volutpat lectus.

diff --git a/source/pages/blog.md b/source/pages/blog.md
@@ -6,6 +6,7 @@ pagination:
   data: collections.posts
   size: 10
   reverse: true
+order: 3
 ---
 
 Cras tincidunt ex rutrum lorem laoreet, in tristique nunc gravida. Cras vestibulum sit amet velit a efficitur. Duis et facilisis elit. Nunc eu posuere nulla. Donec id ultricies nunc. Ut lacus elit, dictum id mi a, eleifend vestibulum ipsum. Morbi non rutrum ipsum.
diff --git a/source/pages/contact.md b/source/pages/contact.md
@@ -1,5 +1,6 @@
 ---
 title: Contact
+order: 5
 ---
 
 Proin et metus rutrum, volutpat sapien ut, tincidunt mi. Vivamus pulvinar est sit amet odio auctor dapibus. Etiam et erat eleifend, auctor elit eget, gravida est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam at arcu sit amet libero ultricies pretium. Duis nisl massa, vulputate scelerisque dictum eget, pellentesque et tellus. Quisque egestas purus eget arcu elementum feugiat. Vivamus dignissim elit odio, quis molestie orci sodales id. Proin cursus mauris sed finibus tempus. Aenean nec velit eleifend, viverra leo quis, pharetra orci.
diff --git a/source/pages/index.md b/source/pages/index.md
@@ -2,6 +2,7 @@
 title: Home
 layout: home
 permalink: "/"
+order: 1
 ---
 
 Duis gravida est eu dolor scelerisque fringilla. Quisque eget nisl eu mi eleifend bibendum et et mi. Nam malesuada justo et purus tempor, eget aliquet odio blandit. Sed id lorem ut magna dignissim iaculis et sed nibh.
diff --git a/source/pages/tags.md b/source/pages/tags.md
@@ -1,8 +1,9 @@
 ---
 title: Tags
 permalink: "/blog/tags/"
+order: 4
 ---
 
-{%- from "taxonomy.njk" import taxonomy with context -%}
+{%- from 'taxonomy.njk' import taxonomy with context -%}
 
 {{- taxonomy(collections.tags, 'tags') -}}
diff --git a/source/presentation/scss/components/_index.scss b/source/presentation/scss/components/_index.scss
@@ -6,3 +6,4 @@
 @forward "skip-links";
 @forward "post-meta";
 @forward "post-pagination";
+@forward "tags-list";
diff --git a/source/presentation/scss/components/_tags-list.scss b/source/presentation/scss/components/_tags-list.scss
@@ -0,0 +1,10 @@
+.tags-list {
+	display: flex;
+	flex-wrap: wrap;
+	row-gap: 1em;
+	column-gap: 2em;
+
+	li {
+		flex-basis: max-content;
+	}
+}
diff --git a/source/template/includes/nav.njk b/source/template/includes/nav.njk
@@ -1,7 +1,7 @@
 {%- macro nav(items) -%}
 
 <ul role="list">
-{%- for item in items -%}
+{%- for item in items | sort(false, false, 'data.order') -%}
 	<li><a href="{{- item.url -}}">{{- item.data.title -}}</a></li>
 {%- endfor -%}
 </ul>

diff --git a/source/template/includes/taxonomy.njk b/source/template/includes/taxonomy.njk
@@ -1,6 +1,6 @@
 {%- macro taxonomy(collection, type) -%}
 
-<ul>
+<ul class="{{- type -}}-list" role="list">
 {%- for taxonomy in collection %}
 	{%- if taxonomy != 'pages' and taxonomy != 'posts' %}
 		<li>