diff --git a/website/scripts/blog.tsx b/website/scripts/blog.tsx
index 498e4f5..21e2bae 100644
--- a/website/scripts/blog.tsx
+++ b/website/scripts/blog.tsx
@@ -2,6 +2,7 @@ import { h, Component, Fragment, render } from 'preact';
 import { useEffect, useState } from 'preact/hooks';
 import { Giscus } from './giscus';
 import { BlogPost } from './blog_post';
+import { sort } from 'mathjs';
 
 export interface Metadata {
   title: string;
@@ -47,8 +48,10 @@ const Blog = () => {
     <h1>blog & comments</h1>
     {(() => {
       if (blogPosts[0]) {
+        const sortedBlogPosts = blogPosts[0];
+        sortedBlogPosts.sort((a, b) => b.time - a.time);
         return <ul>
-          {blogPosts[0].map((n) => {
+          {sortedBlogPosts.map((n) => {
             return <li>
               <a href={"https://sad.ovh/?md=" + n.filename} onClick={
                 (e) => {