Added view list sorting.

content/about_me.md

@@ -24,14 +24,6 @@ prop: true
 
 ###### 🏳️‍⚧️ I am exploring identity, so this may change or I might go by different things elsewhere.
 
-###### Regardless, try to respect this or else. I'm not here to debate my existence.
-
-<div style="color: pink">
-
-*Queer rights are human rights.*
-
-</div>
-
 ---
 
 <div style="justify-content: center; display: flex; align-items: center;">

deno.lock

@@ -15,6 +15,7 @@
     "npm:@tsparticles/slim@^3.7.1": "3.7.1",
     "npm:@tsparticles/vue3@^3.0.1": "3.0.1",
     "npm:@types/markdown-it@^14.1.2": "14.1.2",
+    "npm:animejs@^3.2.2": "3.2.2",
     "npm:autoprefixer@^10.4.20": "10.4.20_postcss@8.4.49",
     "npm:css-loader@^7.1.2": "7.1.2_postcss@8.4.49",
     "npm:date-fns@4.1.0": "4.1.0",
@@ -2225,6 +2226,9 @@
         "require-from-string"
       ]
     },
+    "animejs@3.2.2": {
+      "integrity": "sha512-Ao95qWLpDPXXM+WrmwcKbl6uNlC5tjnowlaRYtuVDHHoygjtIPfDUoK9NthrlZsQSKjZXlmji2TrBUAVbiH0LQ=="
+    },
     "ansi-colors@4.1.3": {
       "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw=="
     },
@@ -7681,6 +7685,7 @@
         "npm:@tsparticles/slim@^3.7.1",
         "npm:@tsparticles/vue3@^3.0.1",
         "npm:@types/markdown-it@^14.1.2",
+        "npm:animejs@^3.2.2",
         "npm:autoprefixer@^10.4.20",
         "npm:css-loader@^7.1.2",
         "npm:date-fns@4.1.0",

package.json

@@ -22,6 +22,7 @@
     "@popperjs/core": "^2.11.8",
     "@tsparticles/slim": "^3.7.1",
     "@types/markdown-it": "^14.1.2",
+    "animejs": "^3.2.2",
     "css-loader": "^7.1.2",
     "markdown-it-checkbox": "^1.1.0",
     "mathpix-markdown-it": "^2.0.9",

pages/article/index.vue

@@ -117,10 +117,12 @@ onMounted(() => {
                             Object.values(article_list.categories)
                                 .map((category) => category.posts)
                                 .flat()
+                                .sort((a, b) => new Date(b.metadata.date ?? 0).getTime() - new Date(a.metadata.date ?? 0).getTime())
                             : Object.values(article_list.categories)
                                 .map((category) => category.posts)
                                 .flat()
                                 .filter((post) => post.metadata.tags ? post.metadata.tags.some((tag) => tagFilter.includes(tag)) : true)
+                                .sort((a, b) => new Date(b.metadata.date ?? 0).getTime() - new Date(a.metadata.date ?? 0).getTime())
                                 ">
                             <PostCard class="lg:w-[48rem]" :url="post.url" :key="post.id" :tagFilter="tagFilter" />
                         </div>