ldraney/daily-100
Archived
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

Prototype: index.html structure with SvelteKit comments #1

New issue
Open
opened 2026-03-28 02:08:35 +00:00 by forgejo_admin · 0 comments
forgejo_admin commented 2026-03-28 02:08:35 +00:00
Copy link

Type

Feature

Lineage

Standalone — scoped from Daily 100 design spec.

Repo

forgejo_admin/daily-100

User Story

As a user
I want to see the full app layout in my mobile browser
So that I can interact with my daily checklist

Context

HTML prototype is the source-of-truth design. Single index.html with the full page layout: header bar (streak + level), date display, checklist (8 tappable rows for DoorDash, Pushups, Jump Rope, Pullups, Lunges, L-Sits, 40-Yard Drills, Curls), score counter, heat map placeholder, and stats grid. SvelteKit-style HTML comments mark future component boundaries so the prototype maps 1:1 to SvelteKit conversion later.

File Targets

Files the agent should modify or create:

  • prototype/index.html -- full single-page layout with all sections

Files the agent should NOT touch:

  • (none — greenfield)

Acceptance Criteria

  • Mobile-first layout renders correctly
  • All sections present: header, date, checklist (8 items), score, heat map, stats
  • SvelteKit component boundaries marked with HTML comments
  • Semantic HTML structure

Test Expectations

  • Visual inspection in mobile browser viewport (375px width)
  • Run command: open prototype/index.html in browser

Constraints

  • Use semantic HTML5 elements
  • System font stack
  • SvelteKit-style comments for component boundaries

Checklist

  • PR opened
  • Tests pass
  • No unrelated changes

Related

  • daily-100 -- project
### Type Feature ### Lineage Standalone — scoped from Daily 100 design spec. ### Repo `forgejo_admin/daily-100` ### User Story As a user I want to see the full app layout in my mobile browser So that I can interact with my daily checklist ### Context HTML prototype is the source-of-truth design. Single index.html with the full page layout: header bar (streak + level), date display, checklist (8 tappable rows for DoorDash, Pushups, Jump Rope, Pullups, Lunges, L-Sits, 40-Yard Drills, Curls), score counter, heat map placeholder, and stats grid. SvelteKit-style HTML comments mark future component boundaries so the prototype maps 1:1 to SvelteKit conversion later. ### File Targets Files the agent should modify or create: - `prototype/index.html` -- full single-page layout with all sections Files the agent should NOT touch: - (none — greenfield) ### Acceptance Criteria - [ ] Mobile-first layout renders correctly - [ ] All sections present: header, date, checklist (8 items), score, heat map, stats - [ ] SvelteKit component boundaries marked with HTML comments - [ ] Semantic HTML structure ### Test Expectations - [ ] Visual inspection in mobile browser viewport (375px width) - Run command: open `prototype/index.html` in browser ### Constraints - Use semantic HTML5 elements - System font stack - SvelteKit-style comments for component boundaries ### Checklist - [ ] PR opened - [ ] Tests pass - [ ] No unrelated changes ### Related - `daily-100` -- project
Commenting is not possible because the repository is archived.
No Branch/Tag specified
Branches Tags
main
No results found.
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
ldraney/daily-100#1
No description provided.