Seasonal Checklist

Persistent task list stored per page in localStorage.

Seasonal checklist

Spring maintenance window

Tasks persist locally without introducing a client runtime.

Inspect drainage speed after first deep watering Slow exit usually precedes fungal stress
Remove dead growth before new fronds unfurl Keeps the plant readable for future diagnostics
Re-check light placement as daylight hours extend Seasonal light drift changes indoors too

---
import SeasonalChecklist from "@page-sections/eferns/seasonal-checklist/SeasonalChecklist.astro";
---

<SeasonalChecklist
checklistItems={
  [
    {
      "id": "inspect-drainage",
      "label": "Inspect drainage speed after first deep watering",
      "window": "Slow exit usually precedes fungal stress"
    },
    {
      "id": "trim-brown-fronds",
      "label": "Remove dead growth before new fronds unfurl",
      "window": "Keeps the plant readable for future diagnostics"
    },
    {
      "id": "audit-placement",
      "label": "Re-check light placement as daylight hours extend",
      "window": "Seasonal light drift changes indoors too"
    }
  ]
} eyebrow="Seasonal checklist" heading="Spring maintenance window" subtext="Tasks persist locally without introducing a client runtime."
/>

---
blocks:
  _component: page-sections/eferns/seasonal-checklist
  eyebrow: Seasonal checklist
  heading: Spring maintenance window
  subtext: Tasks persist locally without introducing a client runtime.
  checklistItems:
    - id: inspect-drainage
      label: Inspect drainage speed after first deep watering
      window: Slow exit usually precedes fungal stress
    - id: trim-brown-fronds
      label: Remove dead growth before new fronds unfurl
      window: Keeps the plant readable for future diagnostics
    - id: audit-placement
      label: Re-check light placement as daylight hours extend
      window: Seasonal light drift changes indoors too
---

Overview

A page-scoped checklist with tiny vanilla JavaScript for local persistence. It uses page slug plus task id in localStorage and remains readable with JavaScript disabled.

Properties

eyebrow string | default: Seasonal checklist

heading string | default: The low-drama tasks that preserve plant performance

subtext string | default: Check state persists locally per page slug and task identifier.

checklistItems string | default: array

backgroundColor string | default: base

Examples

Primary

Seasonal checklist

Spring maintenance window

Tasks persist locally without introducing a client runtime.

Inspect drainage speed after first deep watering Slow exit usually precedes fungal stress
Remove dead growth before new fronds unfurl Keeps the plant readable for future diagnostics
Re-check light placement as daylight hours extend Seasonal light drift changes indoors too

---
import SeasonalChecklist from "@page-sections/eferns/seasonal-checklist/SeasonalChecklist.astro";
---

<SeasonalChecklist
checklistItems={
  [
    {
      "id": "inspect-drainage",
      "label": "Inspect drainage speed after first deep watering",
      "window": "Slow exit usually precedes fungal stress"
    },
    {
      "id": "trim-brown-fronds",
      "label": "Remove dead growth before new fronds unfurl",
      "window": "Keeps the plant readable for future diagnostics"
    },
    {
      "id": "audit-placement",
      "label": "Re-check light placement as daylight hours extend",
      "window": "Seasonal light drift changes indoors too"
    }
  ]
} eyebrow="Seasonal checklist" heading="Spring maintenance window" subtext="Tasks persist locally without introducing a client runtime."
/>

---
blocks:
  _component: page-sections/eferns/seasonal-checklist
  eyebrow: Seasonal checklist
  heading: Spring maintenance window
  subtext: Tasks persist locally without introducing a client runtime.
  checklistItems:
    - id: inspect-drainage
      label: Inspect drainage speed after first deep watering
      window: Slow exit usually precedes fungal stress
    - id: trim-brown-fronds
      label: Remove dead growth before new fronds unfurl
      window: Keeps the plant readable for future diagnostics
    - id: audit-placement
      label: Re-check light placement as daylight hours extend
      window: Seasonal light drift changes indoors too
---