From 217f19841f3c5e9986115018bb22476cede3906f Mon Sep 17 00:00:00 2001
From: RGBCube <git@rgbcu.be>
Date: Tue, 3 Jun 2025 03:51:05 +0300
Subject: [PATCH] text: replace cube gif with real cube

---
 site/_includes/cube.vto | 16 +++++++++-------
 site/_includes/text.vto |  8 +++++++-
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/site/_includes/cube.vto b/site/_includes/cube.vto
index fd4c4ed..fbf322f 100644
--- a/site/_includes/cube.vto
+++ b/site/_includes/cube.vto
@@ -1,3 +1,5 @@
+{{ set cube_minus_px = cube_small ? "" : "- 1px" }}
+
 {{ if cube_last }}
 <style>
   cube-face {
@@ -8,12 +10,12 @@
   }
 
   /* Guess what? Yeah, you guessed right. Safari can't render shit. */
-  .cube-face-front  { transform: rotateY(0deg)                  translateZ(calc({{ cube_size }} / 2 - 1px)); }
-  .cube-face-top    { transform: rotateX( 89.99999999999999deg) translateZ(calc({{ cube_size }} / 2 - 1px)); }
-  .cube-face-back   { transform: rotateY(180deg)                translateZ(calc({{ cube_size }} / 2 - 1px)); }
-  .cube-face-bottom { transform: rotateX(-89.99999999999999deg) translateZ(calc({{ cube_size }} / 2 - 1px)); }
-  .cube-face-right  { transform: rotateY( 89.99999999999999deg) translateZ(calc({{ cube_size }} / 2 - 1px)); }
-  .cube-face-left   { transform: rotateY(-89.99999999999999deg) translateZ(calc({{ cube_size }} / 2 - 1px)); }
+  .cube-face-front  { transform: rotateY(0deg)                  translateZ(calc({{ cube_size }} / 2 {{ cube_minus_px }})); }
+  .cube-face-top    { transform: rotateX( 89.99999999999999deg) translateZ(calc({{ cube_size }} / 2 {{ cube_minus_px }})); }
+  .cube-face-back   { transform: rotateY(180deg)                translateZ(calc({{ cube_size }} / 2 {{ cube_minus_px }})); }
+  .cube-face-bottom { transform: rotateX(-89.99999999999999deg) translateZ(calc({{ cube_size }} / 2 {{ cube_minus_px }})); }
+  .cube-face-right  { transform: rotateY( 89.99999999999999deg) translateZ(calc({{ cube_size }} / 2 {{ cube_minus_px }})); }
+  .cube-face-left   { transform: rotateY(-89.99999999999999deg) translateZ(calc({{ cube_size }} / 2 {{ cube_minus_px }})); }
 </style>
 {{ /if }}
 
@@ -24,7 +26,7 @@
 ">
   <cube-itself class="
     size-[{{ cube_size }}]
-    transform-3d transform-[translateZ(-calc({{ cube_size.replaceAll(" ", "_") }}/2-1px))]
+    transform-3d transform-[translateZ(calc({{ cube_size.replaceAll(" ", "_") }}_/_-2))]
   ">
     <cube-face draggable="false" class="cube-face-front">  {{ cube_face_front }}  </cube-face>
     <cube-face draggable="false" class="cube-face-back">   {{ cube_face_back }}   </cube-face>
diff --git a/site/_includes/text.vto b/site/_includes/text.vto
index 554506e..eb9f638 100644
--- a/site/_includes/text.vto
+++ b/site/_includes/text.vto
@@ -37,7 +37,13 @@ layout: default.vto
 
 <footer class="flex justify-center text-sm pt-1 pb-2 wrap-anywhere">
   Copyright {{ Temporal.Now.plainDateISO().year }} ©
-  <a href="/"><img class="pl-0.5 pt-0.25 size-5" src="/assets/icons/icon.gif" alt="RGBCube"></a>
+
+  <a class="flex items-center pl-2" href="/">
+  {{ set cube_size = "0.75rem" }}
+  {{ set cube_small = true }}
+  {{ set cube_last = true }}
+  {{ include "rgbcube.vto" }}
+  </a>
 </footer>
 
 </div>