Merge pull request #45 from ok2/codex/fix-central-point-movement-and-size-adaptation

Fix analog clock center dot

index.html

@@ -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-center"></div>
                 <div class="clock-label">CoBiE Time</div>
             </div>
         </div>

style.css

@@ -398,19 +398,19 @@
   box-shadow: 0 0 25px rgba(0, 255, 255, 0.2), inset 0 0 40px rgba(255, 0, 255, 0.2);
 }
 
-#clock::after {
-  content: '';
+.clock-center {
   position: absolute;
   top: 50%;
   left: 50%;
-  width: 1.2em;
-  height: 1.2em;
+  width: calc(var(--clock-size) * 0.15);
+  height: calc(var(--clock-size) * 0.15);
   transform: translate(-50%, -50%);
   background: url('logo.svg') center/contain no-repeat;
   background-color: #ffffff;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 255, 255, 0.8);
   z-index: 2;
+  pointer-events: none;
 }
 
 .clock-label {