From 69bd59538235bbc978b58d846bdbb0011b032519 Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Sun, 16 Feb 2025 23:54:32 +0100
Subject: [PATCH] add black hole in the middle of the cube :)

---
 media/blackhole.png |  3 +++
 style/cube.css      | 10 +++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 media/blackhole.png

diff --git a/media/blackhole.png b/media/blackhole.png
new file mode 100644
index 0000000..3cbdbf6
--- /dev/null
+++ b/media/blackhole.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:da17a1a2933d19b55a05c4a2783d3298da7226bb09317600de2c3f119d0cdf6b
+size 330723
diff --git a/style/cube.css b/style/cube.css
index aa3a350..a1ea141 100644
--- a/style/cube.css
+++ b/style/cube.css
@@ -114,7 +114,7 @@
   #cube {
     position: relative;
 
-    > section {
+    > section, &::after {
       position: absolute;
       inset: 5vh 5vw;
       overflow: auto;
@@ -128,6 +128,14 @@
     }
   }
 
+  #outer::after {
+    content: ' ';
+    position: absolute;
+    inset: 0;
+    background: url(../media/blackhole.png) center / 60% no-repeat;
+    transform: translateZ(var(--nhalf));
+  }
+
   @keyframes breathe {
     40% { transform: var(--base-transform) translateZ(var(--breathe)); }
   }