🎨 projects in random order, too

commonhaus · Feb 18, 2025 · 80da0ad · 80da0ad
1 parent a3251d3
commit 80da0ad
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/site/_includes/layouts/base.vto b/site/_includes/layouts/base.vto
@@ -30,6 +30,7 @@
     'sha256-Ftz1+Zqznf5C6jgwdAo8xCGXkJQhzVzJtozZsgVs3Kg='
     'sha256-1K89UoFT4hr7nGDj1zIwEOiWuAOxvXCAjN0L5Mf3iPc='
     'sha256-fzu1XtrgJjljHGde0+oz5+SO6JjKD93rhanVZLGvjjk='
+    'sha256-KLVAEBKLf+fX4F0uq3d8ru01PU2rER2Td11pVc3Jby4='
     https://plausible.commonhaus.org;
   style-src 'self' 'unsafe-hashes'
     'sha256-+HGPn2wSlvrmslkAGw5o4jzJb9vOBRB7el8ZIcA2h60='

diff --git a/site/assets/random-project.js b/site/assets/random-project.js
@@ -0,0 +1,6 @@
+document.addEventListener('DOMContentLoaded', function () {
+    const items = document.querySelectorAll('#project-list .card');
+    items.forEach(item => {
+        item.style.order = Math.floor(Math.random() * items.length + 1);
+    });
+});
diff --git a/site/index.md b/site/index.md
@@ -6,6 +6,8 @@ preload:
 - <link rel="preload" fetchpriority="high" as="image" href="/images/hero_mainimage.webp" type="image/webp">
 cssclasses:
 - site-main
+scripts:
+- /assets/random-project.js
 ---
 <div class="hero">
   <section class="text">
@@ -71,7 +73,7 @@ cssclasses:
 
 <hr />
 
-<section class="projects">
+<section class="projects" id="project-list">
   <h2 id="our-projects" tabindex="-1">
     <a class="header-anchor" href="#our-projects">Our Projects</a>
   </h2>