From 898bef85ebcea955ad7399f7f67977616c55633d Mon Sep 17 00:00:00 2001
From: askiiart <dev@askiiart.net>
Date: Sun, 17 Nov 2024 01:19:52 -0600
Subject: [PATCH] move js into separate file

---
 assets/benchmarking-dwarfs/js/seq_latency.js | 52 ++++++++++++++++++++
 blog/benchmarking-dwarfs.html                | 49 +-----------------
 blog/benchmarking-dwarfs.md                  | 50 +------------------
 blog/minimum.html                            | 50 -------------------
 4 files changed, 54 insertions(+), 147 deletions(-)
 create mode 100644 assets/benchmarking-dwarfs/js/seq_latency.js
 delete mode 100644 blog/minimum.html

diff --git a/assets/benchmarking-dwarfs/js/seq_latency.js b/assets/benchmarking-dwarfs/js/seq_latency.js
new file mode 100644
index 0000000..3ff03da
--- /dev/null
+++ b/assets/benchmarking-dwarfs/js/seq_latency.js
@@ -0,0 +1,52 @@
+let ctx = document.getElementById("seq_read_latency_chart");
+const labels = [
+  "Null 25 GiB file",
+  "Random 25 GiB file",
+  "100 million-sided polygon data",
+  "Linux LTS kernel",
+];
+let data = [
+  {
+    label: "DwarFS",
+    data: [0.37114600000000003, 14.15143, 2.95083, 0.001523],
+    backgroundColor: "rgb(255, 99, 132)",
+  },
+  {
+    label: "fuse-archive (tar)",
+    data: [0.393568, 0.397626, 0.07750499999999999, 0.0012230000000000001],
+    backgroundColor: "rgb(75, 192, 192)",
+  },
+  {
+    label: "Btrfs",
+    data: [
+      0.027922000000000002, 0.290906, 0.14088399999999998,
+      0.0013930000000000001,
+    ],
+    backgroundColor: "rgb(54, 162, 235)",
+  },
+];
+
+let config = {
+  type: "bar",
+  data: {
+    datasets: data,
+    labels,
+  },
+  options: {
+    plugins: {
+      title: {
+        display: true,
+        text: "Sequential Read Latency - in ms",
+      },
+    },
+    responsive: true,
+    interaction: {
+      intersect: false,
+    },
+  },
+};
+
+Chart.defaults.borderColor = "#eee";
+Chart.defaults.color = "#eee";
+
+new Chart(ctx, config);
diff --git a/blog/benchmarking-dwarfs.html b/blog/benchmarking-dwarfs.html
index 3f64307..794c59a 100644
--- a/blog/benchmarking-dwarfs.html
+++ b/blog/benchmarking-dwarfs.html
@@ -128,54 +128,7 @@
         <!-- JavaScript for graphs goes hereeeeeee -->
         <!-- EXAMPLE HERE -->
         <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-        <script>
-          let ctx = document.getElementById('seq_read_latency_chart');
-        const labels = ['Null 25 GiB file', 'Random 25 GiB file', '100 million-sided polygon data', 'Linux LTS kernel']
-        let data = [
-            {
-              label: 'DwarFS',
-              data: [0.37114600000000003, 14.15143, 2.95083, 0.001523],
-              backgroundColor: 'rgb(255, 99, 132)',
-            },
-            {
-              label: 'fuse-archive (tar)',
-              data: [0.393568, 0.397626, 0.07750499999999999, 0.0012230000000000001],
-              backgroundColor: 'rgb(75, 192, 192)',
-            },
-            {
-              label: 'Btrfs',
-              data: [0.027922000000000002, 0.290906, 0.14088399999999998, 0.0013930000000000001],
-              backgroundColor: 'rgb(54, 162, 235)',
-            },
-        ]
-
-
-        let config = {
-            type: 'bar',
-            data: {
-                datasets: data,
-                labels
-            },
-            options: {
-              plugins: {
-                title: {
-                  display: true,
-                  text: 'Sequential Read Latency - in ms'
-                },
-              },
-              responsive: true,
-              interaction: {
-                intersect: false,
-              },
-            }
-          };
-
-
-        Chart.defaults.borderColor = "#eee"
-        Chart.defaults.color = "#eee";
-
-          new Chart(ctx, config);
-        </script>
+        <script src="/assets/benchmarking-dwarfs/js/seq_latency.js"></script>
         <section id="footnotes"
         class="footnotes footnotes-end-of-document" role="doc-endnotes">
         <hr />
diff --git a/blog/benchmarking-dwarfs.md b/blog/benchmarking-dwarfs.md
index e034cef..1c6be48 100644
--- a/blog/benchmarking-dwarfs.md
+++ b/blog/benchmarking-dwarfs.md
@@ -97,53 +97,5 @@ The FUSE-based filesystems run into a bit of trouble here - with incompressible
 </details>
 
 <!-- JavaScript for graphs goes hereeeeeee -->
-<!-- EXAMPLE HERE -->
 <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-<script>
-  let ctx = document.getElementById('seq_read_latency_chart');
-const labels = ['Null 25 GiB file', 'Random 25 GiB file', '100 million-sided polygon data', 'Linux LTS kernel']
-let data = [
-    {
-      label: 'DwarFS',
-      data: [0.37114600000000003, 14.15143, 2.95083, 0.001523],
-      backgroundColor: 'rgb(255, 99, 132)',
-    },
-    {
-      label: 'fuse-archive (tar)',
-      data: [0.393568, 0.397626, 0.07750499999999999, 0.0012230000000000001],
-      backgroundColor: 'rgb(75, 192, 192)',
-    },
-    {
-      label: 'Btrfs',
-      data: [0.027922000000000002, 0.290906, 0.14088399999999998, 0.0013930000000000001],
-      backgroundColor: 'rgb(54, 162, 235)',
-    },
-]
-
-
-let config = {
-    type: 'bar',
-    data: {
-        datasets: data,
-        labels
-    },
-    options: {
-      plugins: {
-        title: {
-          display: true,
-          text: 'Sequential Read Latency - in ms'
-        },
-      },
-      responsive: true,
-      interaction: {
-        intersect: false,
-      },
-    }
-  };
-
-
-Chart.defaults.borderColor = "#eee"
-Chart.defaults.color = "#eee";
-
-  new Chart(ctx, config);
-</script>
+<script src="/assets/benchmarking-dwarfs/js/seq_latency.js"></script>
diff --git a/blog/minimum.html b/blog/minimum.html
deleted file mode 100644
index ebacfc0..0000000
--- a/blog/minimum.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <body>
-    <div>
-      <canvas id="myChart" style="max-height: 600px; max-width: 900px">
-      </canvas>
-    </div>
-    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-    <script>
-        let ctx = document.getElementById('myChart');
-        const labels = ['Null 25 GiB file', 'Random 25 GiB file', '100 million-sided polygon data', 'Linux LTS kernel']
-        let data = [
-            {
-              label: 'DwarFS',
-              data: [1.0, 1.0, 1.0, 1.0],
-              backgroundColor: 'rgb(255, 99, 132)',
-            },
-            {
-              label: 'fuse-archive (tar)',
-              data: [2.0, 2.0, 2.0, 2.0],
-              backgroundColor: 'rgb(75, 192, 192)',
-            },
-            {
-              label: 'Btrfs',
-              data: [3.0, 3.0, 3.0, 3.0],
-              backgroundColor: 'rgb(54, 162, 235)',
-            },
-        ]
-
-        let config = {
-            type: 'bar',
-            data: {
-              datasets: data,
-              labels
-            },
-            options: {
-              plugins: {
-                title: {
-                  display: true,
-                  text: 'Sequential Read Latency - in ms'
-                },
-              },
-              responsive: true,
-            }
-          };
-
-          new Chart(ctx, config);
-        </script>
-  </body>
-</html>
\ No newline at end of file