From d9af103b9a8aed86d6ac834f1240edfb2173ffa0 Mon Sep 17 00:00:00 2001 From: Mitsuo Tokumori Date: Sat, 8 Mar 2025 02:17:52 +0900 Subject: 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) --- static/timeVisualizer.js | 35 ----------------------------------- 1 file changed, 35 deletions(-) delete mode 100644 static/timeVisualizer.js (limited to 'static/timeVisualizer.js') diff --git a/static/timeVisualizer.js b/static/timeVisualizer.js deleted file mode 100644 index 2dfb59e..0000000 --- a/static/timeVisualizer.js +++ /dev/null @@ -1,35 +0,0 @@ -export function initTimeVisualizer(containerId) { - const grid = document.createElement('div'); - grid.className = 'grid'; - document.getElementById(containerId).appendChild(grid); - - function updateTime() { - grid.innerHTML = ''; - const now = new Date(); - const hours = now.getHours(); - const minutes = now.getMinutes(); - - for (let i = 0; i < 24; i++) { - const cell = document.createElement('div'); - cell.className = 'cell'; - - if (i >= 20 || i < 4) cell.classList.add('sleep'); - if (i < hours) cell.classList.add('past'); - - if (i === hours) { - cell.classList.add('current'); - const fillPercentage = (minutes / 60) * 100; - cell.style.setProperty('--fill', `${fillPercentage}%`); - const line = document.createElement('div'); - line.className = 'timeline'; - line.style.left = `calc(${fillPercentage}% - 1px)`; - cell.appendChild(line); - } - - grid.appendChild(cell); - } - } - - updateTime(); - setInterval(updateTime, 60000); -} -- cgit v1.2.3