feature: calendar

src/index.html

@@ -1,16 +1,13 @@
 <!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">
@@ -36,6 +33,13 @@
         <div class="time-blocks jetbrains-mono" id="timeDifferences"></div>
       </div>
     </div>
+
+    <div class="vblock calendar-container">
+      <div class="hblock">
+        <div class="jetbrains-mono" id="currentDate"></div>
+        <table class="jetbrains-mono calendar-table" id="calendar"></table>
+      </div>
+    </div>
   </div>
 
   <script src="index.js"></script>