From dcca24e7cc413d5d51a8e4920ce8c7dfee5900ba Mon Sep 17 00:00:00 2001
From: RGBCube <git@rgbcu.be>
Date: Tue, 3 Jun 2025 02:56:13 +0300
Subject: [PATCH] cube: make cube-face a class

---
 site/404.vto            |  2 +-
 site/_includes/cube.vto | 12 ++++++------
 site/index.vto          |  2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/site/404.vto b/site/404.vto
index 209b2ad..7d3c016 100644
--- a/site/404.vto
+++ b/site/404.vto
@@ -4,7 +4,7 @@ prevent_zoom: true
 ---
 
 <style>
-  cube-face {
+  .cube-face {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: repeat(2, 1fr);
diff --git a/site/_includes/cube.vto b/site/_includes/cube.vto
index 814701c..bdab4ab 100644
--- a/site/_includes/cube.vto
+++ b/site/_includes/cube.vto
@@ -30,12 +30,12 @@
       size-(--cube-width) absolute
       flex items-center justify-center
     ` }}
-    <cube-face draggable="false" class="{{ style }} cube-face-front">  {{ cube_face_front }}  </cube-face>
-    <cube-face draggable="false" class="{{ style }} cube-face-back">   {{ cube_face_back }}   </cube-face>
-    <cube-face draggable="false" class="{{ style }} cube-face-left">   {{ cube_face_left }}   </cube-face>
-    <cube-face draggable="false" class="{{ style }} cube-face-right">  {{ cube_face_right }}  </cube-face>
-    <cube-face draggable="false" class="{{ style }} cube-face-top">    {{ cube_face_top }}    </cube-face>
-    <cube-face draggable="false" class="{{ style }} cube-face-bottom"> {{ cube_face_bottom }} </cube-face>
+    <div draggable="false" class="{{ style }} cube-face cube-face-front">  {{ cube_face_front }}  </cube-face>
+    <div draggable="false" class="{{ style }} cube-face cube-face-back">   {{ cube_face_back }}   </cube-face>
+    <div draggable="false" class="{{ style }} cube-face cube-face-left">   {{ cube_face_left }}   </cube-face>
+    <div draggable="false" class="{{ style }} cube-face cube-face-right">  {{ cube_face_right }}  </cube-face>
+    <div draggable="false" class="{{ style }} cube-face cube-face-top">    {{ cube_face_top }}    </cube-face>
+    <div draggable="false" class="{{ style }} cube-face cube-face-bottom"> {{ cube_face_bottom }} </cube-face>
   </cube-itself>
 </cube-scene>
 
diff --git a/site/index.vto b/site/index.vto
index d8b4cb0..dc8d47b 100644
--- a/site/index.vto
+++ b/site/index.vto
@@ -3,7 +3,7 @@ prevent_zoom: true
 ---
 
 <style>
-  cube-face::after {
+  .cube-face::after {
     z-index: -1;
     content: "";