🏋️ Gym Session Prep
Make a quick checklist before you lift. Tasks save in your browser.
HTML: <dialog> • <progress> • <meter> • <template>
CSS: variables • :has()
JS: localStorage • dialog API
Add tasks
Completion:
0%
Readiness:
Suggested starter tasks
References (where I learned the new items)
- HTML
<dialog>: MDN — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog <progress>and<meter>: MDN — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress- CSS variables: MDN — https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
- CSS
:has(): MDN — https://developer.mozilla.org/en-US/docs/Web/CSS/:has - JavaScript
localStorage: MDN — https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage