Merge pull request #248 from JaneliaSciComp/randomize-order-of-projec…

…t-cards

style: randomize order of project cards on page refresh

src/pages/projects/index.astro

@@ -19,10 +19,18 @@ import ToggleFilterMenuBtn from "../../components/projects/ToggleFilterMenuBtn";
 
 import { extractUniqueTagsObject } from "../../utils/tagManipulation.js";
 
-const baseUrl = import.meta.env.BASE_URL;
+function shuffleArray(array) {
+  for (let i = array.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [array[i], array[j]] = [array[j], array[i]]; // Swap elements
+  }
+  return array;
+}
 
+const baseUrl = import.meta.env.BASE_URL;
 const pageTitle = "OSSI-supported projects";
-const allProjects = await getCollection("projects");
+let allProjects = await getCollection("projects");
+allProjects = shuffleArray(allProjects);
 
 // uniqueTags is an object where keys = unique tag categories, values = unique tags within a category, both across allProjects. All lowercase.
 // used to populate the filter menu