From b96f402fc5c7f0d396b27d75a32c0854210e9778 Mon Sep 17 00:00:00 2001
From: Kiyomichi Kosaka <ok2@users.noreply.github.com>
Date: Sun, 15 Jun 2025 01:14:37 +0200
Subject: [PATCH] Add brand label to analog clock

---
 index.html |  3 ++-
 style.css  | 13 +++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 8a576e5..1173806 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta name="format-detection" content="telephone=no">
     <title>CoBiE Time System Calendar</title>
     <!-- Orbitron provides a high-tech, futuristic look for the analog clock markers -->
-    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&family=Great+Vibes&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
@@ -31,6 +31,7 @@
                 <div class="hand chronon" id="handChronon"></div>
                 <div class="hand quantic" id="handQuantic"></div>
                 <div class="hand xeno" id="handXeno"></div>
+                <div class="clock-label">CoBiE Time</div>
             </div>
         </div>
     </div>
diff --git a/style.css b/style.css
index 23734a8..91ed8e5 100644
--- a/style.css
+++ b/style.css
@@ -410,6 +410,19 @@
   z-index: 2;
 }
 
+.clock-label {
+  position: absolute;
+  bottom: 12%;
+  left: 50%;
+  transform: translateX(-50%);
+  font-family: 'Great Vibes', cursive;
+  font-size: 1.4em;
+  color: #ffaaff;
+  text-shadow: 0 0 6px rgba(255, 0, 255, 0.6);
+  pointer-events: none;
+  z-index: 0;
+}
+
 .marker {
   position: absolute;
   width: 2em;
