Restructure js and css into single block modules

Each block is defined by:
* html: front-end elements (modify: templates/index.html) (for now)
* css: front-end design (modify: static/style.css)
* js: front-end code (new file: static/block_name.js)
* python: back-end code (new file: ./block_name.py)
  (will move later from the root to an "app" directory (python package)

1 files changed, 0 insertions, 44 deletions

diff --git a/static/timeVisualizer.css b/static/timeVisualizer.css
deleted file mode 100644
index 600ec4b..0000000
--- a/static/timeVisualizer.css
+++ /dev/null
@@ -1,44 +0,0 @@
-#timeVisualizer .grid {
-    display: grid;
-    grid-template-columns: repeat(8, 42px);
-    grid-template-rows: repeat(3, 42px);
-    gap: 2px;
-    background: #f0f0f0;
-    padding: 5px;
-    width: fit-content;
-    margin: 0 auto;
-}
-
-#timeVisualizer .cell {
-    width: 42px;
-    height: 42px;
-    background: #ffffff;
-    position: relative;
-    border: 1px solid #ddd;
-}
-
-#timeVisualizer .sleep {
-    background: #e6f3ff;
-}
-
-#timeVisualizer .past {
-    background: #cccccc;
-}
-
-#timeVisualizer .current::after {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 0;
-    height: 100%;
-    width: var(--fill);
-    background: #cccccc;
-}
-
-#timeVisualizer .timeline {
-    position: absolute;
-    width: 2px;
-    height: 100%;
-    background: #000000;
-    z-index: 1;
-}