Add a separate JS file for shuffling the funding page

Author: Kobzol

src/assets.rs

@@ -106,6 +106,7 @@ pub struct CSSFiles {
 #[derive(Serialize, Debug)]
 pub struct JSFiles {
     tools_install: String,
+    funding_shuffle: String,
 }
 
 #[derive(Serialize, Debug)]
@@ -125,6 +126,7 @@ pub fn compile_assets(
     let fonts_css_file = compile_sass(root_dir, out_dir, "fonts", base_url)?;
     let vendor_css_file = concat_vendor_css(root_dir, out_dir, vec!["tachyons"])?;
     let tools_install_js = build_js_file(root_dir, out_dir, "tools-install")?;
+    let funding_shuffle_js = build_js_file(root_dir, out_dir, "funding-shuffle")?;
 
     Ok(AssetFiles {
         css: CSSFiles {
@@ -134,6 +136,7 @@ pub fn compile_assets(
         },
         js: JSFiles {
             tools_install: format!("{base_url}/{tools_install_js}"),
+            funding_shuffle: format!("{base_url}/{funding_shuffle_js}"),
         },
     })
 }

static/scripts/funding-shuffle.js

@@ -0,0 +1,23 @@
+// From https://stackoverflow.com/a/2450976/1107768
+function shuffle(array) {
+  let currentIndex = array.length;
+
+  // While there remain elements to shuffle...
+  while (currentIndex !== 0) {
+    // Pick a remaining element...
+    let randomIndex = Math.floor(Math.random() * currentIndex);
+    currentIndex--;
+
+    // And swap it with the current element.
+    [array[currentIndex], array[randomIndex]] = [
+      array[randomIndex], array[currentIndex]];
+  }
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+  // Shuffle people to reduce ordering bias
+  const wrapper = document.querySelector("#people");
+  const children = Array(...wrapper.children);
+  shuffle(children);
+  wrapper.replaceChildren(...children);
+});

templates/funding.html.hbs

@@ -25,33 +25,8 @@
         {{> member member=member baseurl=../baseurl }}
       {{/each}}
     </div>
-    <script type="text/javascript">
-    // From https://stackoverflow.com/a/2450976/1107768
-    function shuffle(array) {
-      let currentIndex = array.length;
-
-      // While there remain elements to shuffle...
-      while (currentIndex !== 0) {
-        // Pick a remaining element...
-        let randomIndex = Math.floor(Math.random() * currentIndex);
-        currentIndex--;
-
-        // And swap it with the current element.
-        [array[currentIndex], array[randomIndex]] = [
-          array[randomIndex], array[currentIndex]];
-      }
-    }
-
-    document.addEventListener("DOMContentLoaded", () => {
-      // Shuffle people to reduce ordering bias
-      const wrapper = document.querySelector("#people");
-      const children = Array(...wrapper.children);
-      shuffle(children);
-      wrapper.replaceChildren(...children);
-    });
-    </script>
+    <script type="text/javascript" src="{{assets.js.funding_shuffle}}"></script>
   </section>
-
 {{/inline}}
 
 {{~> (lookup this "parent")~}}