{"id":27,"date":"2026-01-19T16:05:42","date_gmt":"2026-01-19T16:05:42","guid":{"rendered":"http:\/\/dabudi.si\/?page_id=27"},"modified":"2026-03-06T16:53:13","modified_gmt":"2026-03-06T16:53:13","slug":"jaz","status":"publish","type":"page","link":"https:\/\/dabudi.si\/index.php\/jaz\/","title":{"rendered":"Jaz"},"content":{"rendered":"<div class=\"wp-block-post-author\"><div class=\"wp-block-post-author__avatar\"><img alt='' src='https:\/\/secure.gravatar.com\/avatar\/32c934c0bf1e5a9c515d44e8b66a5e2b624083d08f42421d5f3309444c9d1f7c?s=48&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/32c934c0bf1e5a9c515d44e8b66a5e2b624083d08f42421d5f3309444c9d1f7c?s=96&#038;d=mm&#038;r=g 2x' class='avatar avatar-48 photo' height='48' width='48' \/><\/div><div class=\"wp-block-post-author__content\"><p class=\"wp-block-post-author__name\">admin<\/p><\/div><\/div>\n\n\n<!DOCTYPE html>\n<html lang=\"sl\">\n<head>\n<meta charset=\"UTF-8\">\n<title>Moje obveznosti<\/title>\n\n<style>\nbody{\n  font-family:Arial, sans-serif;\n  background:linear-gradient(135deg,#4facfe,#00f2fe);\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  height:100vh;\n}\n\n#app{\n  background:white;\n  padding:30px;\n  width:400px;\n  border-radius:15px;\n  box-shadow:0 10px 25px rgba(0,0,0,0.2);\n  text-align:center;\n}\n\nh1{\n  color:#2196f3;\n}\n\ninput{\n  padding:10px;\n  width:65%;\n  border-radius:8px;\n  border:1px solid #ccc;\n}\n\nbutton{\n  padding:10px 15px;\n  border:none;\n  border-radius:8px;\n  background:#2196f3;\n  color:white;\n  font-weight:bold;\n  cursor:pointer;\n}\n\nbutton:hover{\n  background:#1976d2;\n}\n\nul{\n  padding:0;\n  margin-top:20px;\n}\n\nli{\n  list-style:none;\n  background:#e3f2fd;\n  margin:8px 0;\n  padding:10px;\n  border-radius:8px;\n  display:flex;\n  align-items:center;\n  gap:10px;\n}\n\n.done{\n  text-decoration:line-through;\n  color:green;\n  font-weight:bold;\n}\n\n\/* emoji \u010dlovek *\/\n#catBox{\n  margin-top:25px;\n  padding:15px;\n  border-radius:12px;\n  font-weight:bold;\n  color:white;\n}\n\n#cat{\n  font-size:50px;\n}\n\n\/* Modal *\/\n#modalOverlay{\n  display:none;\n  position:fixed;\n  top:0;\n  left:0;\n  width:100%;\n  height:100%;\n  background:rgba(0,0,0,0.3);\n  justify-content:center;\n  align-items:center;\n}\n\n#modalBox{\n  background:white;\n  padding:20px;\n  border-radius:0px; \n  width:300px;\n  text-align:center;\n  box-shadow:0 5px 15px rgba(0,0,0,0.3);\n}\n\n#modalBox button{\n  margin:10px;\n  background:#2196f3;\n  color:white;\n  border:none;\n  border-radius:5px;\n  padding:8px 15px;\n  cursor:pointer;\n}\n\n#modalBox button:hover{\n  background:#1976d2;\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div id=\"app\">\n\n<h1>\ud83d\udccb Moje obveznosti<\/h1>\n\n<input type=\"text\" id=\"taskInput\" placeholder=\"Vpi\u0161i obveznost...\">\n<button onclick=\"addTask()\">Dodaj<\/button>\n\n<ul id=\"taskList\"><\/ul>\n\n<div id=\"catBox\">\n  <div id=\"cat\">\ud83d\ude04<\/div>\n  <div id=\"speech\">Nobenih obveznosti!<\/div>\n<\/div>\n\n<\/div>\n\n<!-- Modal -->\n<div id=\"modalOverlay\">\n  <div id=\"modalBox\">\n    <p>Ali \u017eeli\u0161 odstraniti to obveznost?<\/p>\n    <button id=\"yesBtn\">Da<\/button>\n    <button id=\"noBtn\">Ne<\/button>\n  <\/div>\n<\/div>\n\n<script>\nlet currentTask = null; \/\/ za sledenje, katero nalogo bri\u0161emo\n\n\/\/ ----------- Funkcija za shrani naloge v localStorage ----------\nfunction saveTasks(){\n  let tasks = [];\n  document.querySelectorAll(\"#taskList li\").forEach(li=>{\n    let text = li.querySelector(\"span\").textContent;\n    let done = li.querySelector(\"input\").checked;\n    tasks.push({text:text, done:done});\n  });\n  localStorage.setItem(\"tasks\", JSON.stringify(tasks));\n}\n\n\/\/ ----------- Funkcija za nalo\u017ei naloge iz localStorage ----------\nfunction loadTasks(){\n  let tasks = JSON.parse(localStorage.getItem(\"tasks\")||\"[]\");\n  tasks.forEach(task=>{\n    let li = createTaskElement(task.text, task.done);\n    document.getElementById(\"taskList\").appendChild(li);\n  });\n  updateProgress();\n}\n\n\/\/ ----------- Posodobi napredek in \u010dlove\u0161ki emoji ----------\nfunction updateProgress(){\n    let tasks = document.querySelectorAll(\"#taskList li\");\n    let done = document.querySelectorAll(\"#taskList input:checked\");\n\n    let percent = 0;\n\n    let emoji = document.getElementById(\"cat\");\n    let box = document.getElementById(\"catBox\");\n    let speech = document.getElementById(\"speech\");\n\n    if(tasks.length === 0){\n        emoji.textContent = \"\ud83d\ude04\"; \/\/ zelo vesel\n        box.style.background = \"#1e88e5\";\n        box.style.color = \"white\";\n        speech.textContent = \"Nobenih obveznosti!\";\n        return;\n    }\n\n    if(tasks.length > 0){\n        percent = Math.round((done.length \/ tasks.length) * 100);\n    }\n\n    speech.textContent = \"Naredil si \" + percent + \"% opravil\";\n\n    \/\/ razli\u010dna stanja glede na napredek\n    if(percent == 0){\n        emoji.textContent = \"\ud83d\ude2d\"; \/\/ jokajo\u010di\n        box.style.background = \"#e53935\";\n    }\n    else if(percent <= 30){\n        emoji.textContent = \"\ud83d\ude22\"; \/\/ \u017ealosten\n        box.style.background = \"#fb8c00\";\n    }\n    else if(percent <= 60){\n        emoji.textContent = \"\ud83d\ude10\"; \/\/ resen\n        box.style.background = \"#fdd835\";\n        box.style.color = \"black\";\n    }\n    else if(percent < 100){\n        emoji.textContent = \"\ud83d\ude0a\"; \/\/ vesel\n        box.style.background = \"#43a047\";\n        box.style.color = \"white\";\n    }\n    else{\n        emoji.textContent = \"\ud83d\ude01\"; \/\/ zelo vesel\n        box.style.background = \"#1e88e5\";\n        box.style.color = \"white\";\n    }\n}\n\n\/\/ ----------- Ustvari nov li element z checkboxom ----------\nfunction createTaskElement(text, done=false){\n    let li = document.createElement(\"li\");\n\n    let checkbox = document.createElement(\"input\");\n    checkbox.type = \"checkbox\";\n    checkbox.checked = done;\n\n    let span = document.createElement(\"span\");\n    span.textContent = text;\n    if(done) span.classList.add(\"done\");\n\n    checkbox.onclick = function(){\n        span.classList.toggle(\"done\");\n        updateProgress();\n\n        \/\/ poka\u017ei modal za brisanje\n        currentTask = li;\n        document.getElementById(\"modalOverlay\").style.display = \"flex\";\n    }\n\n    li.appendChild(checkbox);\n    li.appendChild(span);\n\n    return li;\n}\n\n\/\/ ----------- Dodaj nalogo ---------\nfunction addTask(){\n    let input = document.getElementById(\"taskInput\");\n    let text = input.value;\n    if(text === \"\") return;\n\n    let li = createTaskElement(text, false);\n    document.getElementById(\"taskList\").appendChild(li);\n\n    input.value = \"\";\n    updateProgress();\n    saveTasks();\n}\n\n\/\/ ----------- Modal gumbi ---------\ndocument.getElementById(\"yesBtn\").onclick = function(){\n    if(currentTask){\n        currentTask.remove();\n        currentTask = null;\n        updateProgress();\n        saveTasks();\n    }\n    document.getElementById(\"modalOverlay\").style.display = \"none\";\n}\n\ndocument.getElementById(\"noBtn\").onclick = function(){\n    currentTask = null;\n    document.getElementById(\"modalOverlay\").style.display = \"none\";\n}\n\n\/\/ ----------- Ob odprtju strani nalo\u017ei naloge ---------\nwindow.onload = function(){\n    loadTasks();\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Moje obveznosti \ud83d\udccb Moje obveznosti Dodaj \ud83d\ude04 Nobenih obveznosti! Ali \u017eeli\u0161 odstraniti to obveznost? Da Ne<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dabudi.si\/index.php\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dabudi.si\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dabudi.si\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dabudi.si\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dabudi.si\/index.php\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":12,"href":"https:\/\/dabudi.si\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":101,"href":"https:\/\/dabudi.si\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions\/101"}],"wp:attachment":[{"href":"https:\/\/dabudi.si\/index.php\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}