buildHtml
baseUrl https://goals.scroll.pub
metaTags
editButton /edit.html
title Goal Tracker - Track Your Daily Progress
style.css
header
 class main-header
 h1 Goal Tracker
 nav
  button Add Goal
   id addGoalBtn
  button View Stats
   id viewStatsBtn
main
 section
  class goals-container
  div
   id noGoalsMessage
   class hidden
   p No goals yet. Click "Add Goal" to get started!
  div
   id goalsList
   class goals-grid
aside
 class modal
 id addGoalModal
 class hidden
 div
  class modal-content
  h2 Add New Goal
  form
   id newGoalForm
   div
    class form-group
    label Goal Name
     for goalName
    input
     type text
     id goalName
     required
   div
    class form-group
    label Target Hours per Day
     for targetHours
    input
     type number
     id targetHours
     min 0.5
     max 24
     step 0.5
     required
   div
    class form-group
    label Color
     for goalColor
    input
     type color
     id goalColor
   button Save
    type submit
   button Cancel
    type button
    class cancel-btn
aside
 class modal
 id statsModal
 class hidden
 div
  class modal-content
  h2 Progress Statistics
  div
   id statsContent
footer
 nav
  a Privacy Policy
   href /privacy
  a Terms of Use
   href /terms
  a Contact
   href /contact
script.js