feat: synchronize recipe completion controls

Fixes #5\nRefs #1, #2
2026-08-14 13:28:57 -05:00
parent b61ca70bed
commit 6f28f83f4a
10 changed files with 334 additions and 29 deletions
@@ -21,6 +21,18 @@
        <span><strong id="portion-count"></strong> portions</span>
        <button id="more-portions" type="button" aria-label="One more portion">+</button>
      </div>
+      <article id="active-recipe" class="active-recipe" hidden>
+        <h2 id="active-recipe-name"></h2>
+        <p id="active-recipe-yield"></p>
+        <section>
+          <h3>Ingredients</h3>
+          <ul id="active-ingredients" class="checklist"></ul>
+        </section>
+        <section>
+          <h3>Instructions</h3>
+          <ol id="active-instructions" class="checklist"></ol>
+        </section>
+      </article>
      <label for="search">Find a recipe</label>
      <input id="search" type="search" autocomplete="off" placeholder="Search recipes">
      <ul id="recipes" aria-live="polite"></ul>