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);
 }