some progress

2025-07-15 18:43:52 +02:00 · 2025-07-15 18:43:52 +02:00 · ced9f2d5d5
commit ced9f2d5d5
parent e00e613d8e
4 changed files with 51 additions and 0 deletions
--- a/Readme.md
+++ b/Readme.md
@ -0,0 +1,14 @@
+# sPlaner
+Stuce's simple planer is a simple app that lets you plan your day
+## Objectives
+- Save on cloud on background, make spa with htmx
+- add items via text input and give them title + duration
+- show a nice timetable for the day
+- allow adding items from sTodo, and interface to check them from there
+- fetch items from sCalendar when it will be added
+- deploy with nix easily
+
+## Progress
+- [ ] make base page by designing a add item field
+- [ ] base representation of item fields
+- [ ] fetch items from sTodo
--- a/htmx.min.js.gz
+++ b/htmx.min.js.gz
--- a/index.html
+++ b/index.html
@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- <script src="htmx.min.js.gz" defer></script> -->
+    <script src="script.js" defer></script>
+    <title>sPlanner</title>
+    <!-- <link href="css/style.css" rel="stylesheet"> -->
+  </head>
+  <body>
+    <h1>sPlanner</h1>
+    <ul id="itemList"></ul>
+
+    <form id="itemForm" onsubmit="event.preventDefault(); appendItem(new Item(itemInput.value)); item-input.value = ''">
+        <input type="text" id="item-input" placeholder="Enter item" required>
+        <input type="time" id="time-input" name="time-input">
+
+        <button type="submit">Add Item</button>
+    </form>
+  </body>
+</html>
+<footer>
+</footer>
--- a/script.js
+++ b/script.js
@ -0,0 +1,13 @@
+const defaultDuration = 15*60
+
+function Item(name/*, start, duration, end*/) {
+  this.name = name;
+  // this.start = start;
+  // this.ducation = duration;
+  // this.end = end;
+}
+
+function appendItem(item) {
+  let text = '<li><p>'+item.name+'</p></li>';
+  itemList.insertAdjacentHTML('beforeend', text);
+}