From 0696e7c61ca051d9ec07e26154f201e53304cb3a Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale.pickett@pnnl.gov>
Date: Mon, 8 Apr 2024 17:22:35 -0600
Subject: [PATCH] handle prefers-reduced-motion

---
 theme/basic.css               | 5 +++++
 theme/workspace/workspace.mjs | 7 +++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/theme/basic.css b/theme/basic.css
index 55425eb..48c7341 100644
--- a/theme/basic.css
+++ b/theme/basic.css
@@ -55,6 +55,11 @@ canvas.wallpaper {
   opacity: 0.2;
   image-rendering: pixelated;
 }
+@media (prefers-reduced-motion) {
+  canvas.wallpaper {
+    display: none;
+  }
+}
 main {
   max-width: 40em;
   margin: 1em auto;
diff --git a/theme/workspace/workspace.mjs b/theme/workspace/workspace.mjs
index 00babe8..10eb6a2 100644
--- a/theme/workspace/workspace.mjs
+++ b/theme/workspace/workspace.mjs
@@ -92,8 +92,7 @@ export class Workspace {
         this.runButton.addEventListener("click", () => this.run())
         this.revertButton.addEventListener("click", () => this.revert())
         this.fontButton.addEventListener("click", () => this.font())
-
-    }
+        }
 
     initLanguage(language) {
         let start = performance.now()
@@ -229,7 +228,7 @@ export class Workspace {
         }
     }
 
-    font(force) {
-        this.element.classList.toggle("fixed", force)
+    font() {
+        this.element.classList.toggle("fixed")
     }
 }