simple v1 version

src/index.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>w-timerer</title>
+  <link rel="stylesheet" type="text/css" href="index.css">
+</head>
+
+<body>
+  <div class="parent">
+    <div class="vblock">
+      <div class="hblock">
+        <h1 class="jetbrains-mono" id="currentTime">--:--</h1>
+      </div>
+    </div>
+
+    <div class="vblock">
+      <div class="hblock">
+        <div class="time-blocks jetbrains-mono" id="targetTimes"></div>
+      </div>
+    </div>
+
+    <div class="vblock">
+      <div class="hblock">
+        <div class="time-blocks jetbrains-mono" id="leaveTimes"></div>
+      </div>
+    </div>
+
+    <div class="vblock">
+      <div class="hblock">
+        <div class="time-blocks jetbrains-mono" id="timeDifferences"></div>
+      </div>
+    </div>
+  </div>
+
+  <script src="index.js"></script>
+</body>
+</html>