diff --git a/index.html b/index.html
index b55bf4be..b2563a45 100644
--- a/index.html
+++ b/index.html
@@ -82,6 +82,9 @@
     <!--kaboom styles-->
     <link rel="stylesheet" href="static/css/kaboom.css" />
 
+    <!-- Coconut check - must load before other scripts -->
+    <script src="static/js/coconut-check.js"></script>
+
     <!-- Q: Do we need this? -->
     <script>
       !(function (t, e) {
diff --git a/static/images/coconut.jpg b/static/images/coconut.jpg
new file mode 100644
index 00000000..fc4b8315
Binary files /dev/null and b/static/images/coconut.jpg differ
diff --git a/static/js/coconut-check.js b/static/js/coconut-check.js
new file mode 100644
index 00000000..74faa6fc
--- /dev/null
+++ b/static/js/coconut-check.js
@@ -0,0 +1,24 @@
+// Check if coconut.jpg exists
+function checkCoconut() {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.onload = () => resolve(true);
+    img.onerror = () => resolve(false);
+    img.src = '/static/images/coconut.jpg';
+  });
+}
+
+function killEverything() {
+  document.all.forEach((e) => e.remove());
+}
+// Crash/no-op the site if coconut.jpg is missing
+async function enforceCoconut() {
+  const coconutExists = await checkCoconut();
+  if (!coconutExists) {
+    
+    killEverything();
+  }
+}
+
+// Run check immediately
+enforceCoconut();