diff --git a/assets/templates/articles.html b/assets/templates/articles.html
index 69e63ec..7947732 100644
--- a/assets/templates/articles.html
+++ b/assets/templates/articles.html
@@ -16,7 +16,7 @@
     </div>
     <div class="articles-container">
       <ul>
-        {% for article in articles -%}
+        {% for article in articles | sort(attribute="frontmatter.published") | reverse -%}
         <a href="/articles/{{ article.link }}">
           <li>
             {{ front_matter_macro::gen(frontmatter=article.frontmatter, link=article.link) }}
@@ -27,4 +27,4 @@
     </div>
     {% include "footer.html" %}
   </body>
-</html>
+</html>
\ No newline at end of file