jekyll-theme-zer0 1.27.0 → 1.29.0

data/_includes/components/recipe-duration.html

@@ -0,0 +1,50 @@
+{% comment %} Feature: ZER0-084 {% endcomment %}
+{%- comment -%}
+  Component:   recipe-duration (value resolver — emits a bare string)
+  Path:        _includes/components/recipe-duration.html
+  Purpose:     Format a duration given in MINUTES, either for humans
+               ("1 hr 30 min") or as an ISO 8601 duration for schema.org
+               ("PT1H30M").
+  Params:      minutes (number, required)
+               format (string, optional, default: "human") — "human" | "iso"
+  Depends on:  nothing (pure Liquid arithmetic)
+  Notes:       Emits nothing for a missing or zero duration, so callers can
+               test the captured value and skip the whole row. Days are not
+               special-cased — a 3-day cure reads as "72 hr", which is how
+               recipes actually write long ferments.
+
+               Liquid `assign` writes to the GLOBAL scope even inside an
+               include, so a helper called several times from one caller will
+               clobber the caller's variables if the names collide. Every
+               variable here is therefore prefixed `_rd_`, and the other recipe
+               components use their own prefixes. Keep that up when editing.
+
+               Capture it (this comment is brace-free so it cannot self-execute):
+                 capture total -> include components/recipe-duration.html minutes=90
+{%- endcomment -%}
+{%- assign _rd_m = include.minutes -%}
+{%- if _rd_m == nil or _rd_m == "" or _rd_m <= 0 -%}
+  {%- comment -%} recipe-duration: no duration — emitting nothing {%- endcomment -%}
+{%- else -%}
+{%- assign _rd_total = _rd_m | round -%}
+{%- assign _rd_hours = _rd_total | divided_by: 60 -%}
+{%- assign _rd_mins = _rd_total | modulo: 60 -%}
+{%- if include.format == "iso" -%}
+PT{% if _rd_hours > 0 %}{{ _rd_hours }}H{% endif %}{% if _rd_mins > 0 %}{{ _rd_mins }}M{% endif %}
+{%- else -%}
+{%- comment -%}
+  Built by appending rather than by emitting the separator from inside an
+  `if`: Liquid treats a block whose body is only whitespace as blank and
+  drops it, which silently swallowed the space in "12 hr 45 min".
+{%- endcomment -%}
+{%- assign _rd_out = "" -%}
+{%- if _rd_hours > 0 -%}
+  {%- assign _rd_out = _rd_out | append: _rd_hours | append: " hr" -%}
+{%- endif -%}
+{%- if _rd_mins > 0 -%}
+  {%- if _rd_out != "" -%}{%- assign _rd_out = _rd_out | append: " " -%}{%- endif -%}
+  {%- assign _rd_out = _rd_out | append: _rd_mins | append: " min" -%}
+{%- endif -%}
+{{- _rd_out -}}
+{%- endif -%}
+{%- endif -%}

data/_includes/components/recipe-grams.html

@@ -0,0 +1,58 @@
+{% comment %} Feature: ZER0-084 {% endcomment %}
+{%- comment -%}
+  Component:   recipe-grams (value resolver — emits a bare number)
+  Path:        _includes/components/recipe-grams.html
+  Purpose:     Convert one recipe quantity to grams so ratio tables and
+               baker's percentages can be computed at BUILD time (no JS needed).
+  Params:      qty (number, required)            — the amount as authored
+               unit (string, optional)           — g, kg, oz, lb, ml, l, tsp,
+                                                   tbsp, cup, fl oz, pint, …
+               grams_per_cup (number, optional)  — density, required to convert
+                                                   a VOLUME into a weight
+  Depends on:  nothing (pure Liquid arithmetic)
+  Notes:       Outputs a bare number rounded to 1 decimal, or nothing at all
+               when the unit is unknown/countable ("clove", "egg") or a volume
+               with no density. Callers MUST treat empty output as "unknown".
+               Mirrors the unit table in assets/js/recipe-scaler.js — change
+               both together.
+
+               Liquid `assign` writes to the GLOBAL scope even inside an
+               include, so every variable here is prefixed `_rg_` to keep
+               repeated calls from clobbering the caller's own variables.
+
+               Capture it (this comment is brace-free so it cannot self-execute):
+                 capture grams -> include components/recipe-grams.html
+                                    qty=i.qty unit=i.unit grams_per_cup=density
+{%- endcomment -%}
+{%- if include.qty == nil or include.qty == "" -%}
+  {%- comment -%} ERROR: recipe-grams requires `qty` {%- endcomment -%}
+{%- else -%}
+{%- assign _rg_u = include.unit | default: "" | downcase | strip | replace: ".", "" | replace: "-", " " -%}
+{%- assign _rg_mass = 0 -%}
+{%- assign _rg_ml = 0 -%}
+{%- case _rg_u -%}
+  {%- when "g" or "gram" or "grams" or "gr" -%}{%- assign _rg_mass = 1 -%}
+  {%- when "kg" or "kilogram" or "kilograms" -%}{%- assign _rg_mass = 1000 -%}
+  {%- when "mg" or "milligram" or "milligrams" -%}{%- assign _rg_mass = 0.001 -%}
+  {%- when "oz" or "ounce" or "ounces" -%}{%- assign _rg_mass = 28.3495 -%}
+  {%- when "lb" or "lbs" or "pound" or "pounds" -%}{%- assign _rg_mass = 453.592 -%}
+  {%- when "ml" or "milliliter" or "milliliters" or "millilitre" or "millilitres" or "cc" -%}{%- assign _rg_ml = 1 -%}
+  {%- when "l" or "liter" or "liters" or "litre" or "litres" -%}{%- assign _rg_ml = 1000 -%}
+  {%- when "dl" or "deciliter" or "deciliters" -%}{%- assign _rg_ml = 100 -%}
+  {%- when "tsp" or "teaspoon" or "teaspoons" -%}{%- assign _rg_ml = 4.92892 -%}
+  {%- when "tbsp" or "tbs" or "tablespoon" or "tablespoons" -%}{%- assign _rg_ml = 14.7868 -%}
+  {%- when "cup" or "cups" -%}{%- assign _rg_ml = 236.588 -%}
+  {%- when "fl oz" or "floz" or "fluid ounce" or "fluid ounces" -%}{%- assign _rg_ml = 29.5735 -%}
+  {%- when "pint" or "pints" or "pt" -%}{%- assign _rg_ml = 473.176 -%}
+  {%- when "quart" or "quarts" or "qt" -%}{%- assign _rg_ml = 946.353 -%}
+  {%- when "gallon" or "gallons" or "gal" -%}{%- assign _rg_ml = 3785.41 -%}
+{%- endcase -%}
+{%- if _rg_mass > 0 -%}
+  {%- assign _rg_g = include.qty | times: _rg_mass -%}
+{{- _rg_g | round: 1 -}}
+{%- elsif _rg_ml > 0 and include.grams_per_cup -%}
+  {%- assign _rg_vol = include.qty | times: _rg_ml -%}
+  {%- assign _rg_g = _rg_vol | times: include.grams_per_cup | divided_by: 236.588 -%}
+{{- _rg_g | round: 1 -}}
+{%- endif -%}
+{%- endif -%}

data/_includes/components/recipe-index.html

@@ -0,0 +1,96 @@
+{% comment %} Feature: ZER0-084 {% endcomment %}
+{%- comment -%}
+  Component:   recipe-index
+  Path:        _includes/components/recipe-index.html
+  Purpose:     Responsive grid of every recipe, grouped into course sections
+               ("Breads & Doughs", "Desserts") — drop it on a cookbook landing
+               page, a home page, or anywhere else recipes should be browsable.
+  Params:      cookbook (string, optional) — a cookbook slug; only recipes
+                 whose `cookbook:` matches are listed. Omit for every recipe.
+               heading (string, optional) — overall section heading (h2)
+               heading_level (string, optional, default: "h2")
+               grouped (bool, optional, default: true) — false renders one flat
+                 grid with no course headings
+               class (string, optional, default: "")
+  Depends on:  components/recipe-card.html, the `recipes` collection,
+               _data/recipe_courses.yml, _sass/components/_recipe.scss
+  Notes:       Cookbook landing pages (`layout: cookbook`) are excluded — this
+               lists recipes, not covers. Courses render in the order they
+               appear in _data/recipe_courses.yml, then any course a recipe
+               used but the data file never declared. A recipe with no
+               `course:` falls under `uncategorized`. Recipes sort by title
+               within a course.
+{%- endcomment -%}
+{%- assign _rx_all = site.recipes | where_exp: "doc", "doc.layout != 'cookbook'" -%}
+{%- if include.cookbook -%}
+  {%- assign _rx_all = _rx_all | where: "cookbook", include.cookbook -%}
+{%- endif -%}
+{%- if _rx_all == nil or _rx_all.size == 0 -%}
+  {%- comment -%} recipe-index: no recipes found{% if include.cookbook %} for cookbook "{{ include.cookbook }}"{% endif %} — skipping render {%- endcomment -%}
+{%- else -%}
+{%- assign _rx_hl = include.heading_level | default: "h2" -%}
+{%- comment -%}
+  Heading levels must not skip. Course headings sit one level below the
+  section heading when there is one, and AT the section level when there is
+  not — otherwise a cookbook page goes h1 → h3. Card titles always sit one
+  level below whatever the course headings ended up being.
+{%- endcomment -%}
+{%- if include.heading -%}
+  {%- assign _rx_course_level = _rx_hl | remove: "h" | plus: 1 -%}
+{%- else -%}
+  {%- assign _rx_course_level = _rx_hl | remove: "h" | plus: 0 -%}
+{%- endif -%}
+{%- assign _rx_card_level = _rx_course_level | plus: 1 -%}
+<section class="recipe-index {{ include.class | default: '' }}">
+  {%- if include.heading -%}
+  <{{ _rx_hl }} class="mb-4">{{ include.heading }}</{{ _rx_hl }}>
+  {%- endif -%}
+
+  {%- if include.grouped == false -%}
+  <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 g-4">
+    {%- assign _rx_sorted = _rx_all | sort: "title" -%}
+    {%- for _rx_r in _rx_sorted -%}
+    <div class="col">{%- include components/recipe-card.html recipe=_rx_r heading_level=_rx_course_level -%}</div>
+    {%- endfor -%}
+  </div>
+  {%- else -%}
+  {%- assign _rx_default_course = "uncategorized" -%}
+  {%- assign _rx_groups = _rx_all | group_by_exp: "doc", "doc.course | default: _rx_default_course" -%}
+
+  {%- comment -%} Shelf order: courses declared in _data/recipe_courses.yml first (file order), then any others. {%- endcomment -%}
+  {%- assign _rx_order = "," -%}
+  {%- for _rx_pair in site.data.recipe_courses -%}
+    {%- assign _rx_needle = _rx_pair[0] | prepend: "," | append: "," -%}
+    {%- unless _rx_order contains _rx_needle -%}
+      {%- for _rx_g in _rx_groups -%}{%- if _rx_g.name == _rx_pair[0] -%}{%- assign _rx_order = _rx_order | append: _rx_pair[0] | append: "," -%}{%- endif -%}{%- endfor -%}
+    {%- endunless -%}
+  {%- endfor -%}
+  {%- for _rx_g in _rx_groups -%}
+    {%- assign _rx_needle = _rx_g.name | prepend: "," | append: "," -%}
+    {%- unless _rx_order contains _rx_needle -%}{%- assign _rx_order = _rx_order | append: _rx_g.name | append: "," -%}{%- endunless -%}
+  {%- endfor -%}
+  {%- assign _rx_order_list = _rx_order | split: "," -%}
+
+  {%- for _rx_name in _rx_order_list -%}
+    {%- if _rx_name == "" -%}{%- continue -%}{%- endif -%}
+    {%- assign _rx_group = _rx_groups | where: "name", _rx_name | first -%}
+    {%- if _rx_group == nil -%}{%- continue -%}{%- endif -%}
+    {%- assign _rx_meta = site.data.recipe_courses[_rx_name] -%}
+    {%- assign _rx_recipes = _rx_group.items | sort: "title" -%}
+  <div class="recipe-course mb-5" id="course-{{ _rx_name }}">
+    <h{{ _rx_course_level }} class="h4 mb-1">
+      <i class="bi {{ _rx_meta.icon | default: 'bi-journal-bookmark' }} me-2" aria-hidden="true"></i>{{ _rx_meta.title | default: _rx_name | escape }}
+    </h{{ _rx_course_level }}>
+    {%- if _rx_meta.tagline -%}
+    <p class="text-body-secondary mb-3">{{ _rx_meta.tagline | escape }}</p>
+    {%- endif -%}
+    <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 g-4">
+      {%- for _rx_r in _rx_recipes -%}
+      <div class="col">{%- include components/recipe-card.html recipe=_rx_r heading_level=_rx_card_level -%}</div>
+      {%- endfor -%}
+    </div>
+  </div>
+  {%- endfor -%}
+  {%- endif -%}
+</section>
+{%- endif -%}

data/_includes/components/recipe-ingredients.html

@@ -0,0 +1,90 @@
+{% comment %} Feature: ZER0-084 {% endcomment %}
+{%- comment -%}
+  Component:   recipe-ingredients
+  Path:        _includes/components/recipe-ingredients.html
+  Purpose:     The ingredient list for one recipe — optionally grouped into
+               sub-lists ("Dough", "Topping"), each amount scalable and
+               convertible, each line check-off-able as you cook.
+  Params:      ingredients (array, optional, default: page.ingredients)
+               heading (string, optional, default: "Ingredients")
+               heading_level (string, optional, default: "h2")
+               id_prefix (string, optional, default: page.slug) — checkbox ids
+               checklist (bool, optional, default: true) — false renders a
+                 plain list with no checkboxes
+  Depends on:  components/recipe-qty.html, _data/ingredient_densities.yml,
+               assets/js/recipe-scaler.js, _sass/components/_recipe.scss
+  Notes:       Accepts a flat list of items or a list of {group, items} groups,
+               and tolerates the two mixed. Densities resolve as
+               item.grams_per_cup → _data/ingredient_densities[slug] → none;
+               without one, a volume can never be converted to a weight.
+               Each line carries itemprop="recipeIngredient" for schema.org.
+               Author `singular:` alongside a countable `item:` ("large eggs"
+               + "large egg") and the scaler swaps the wording once the amount
+               drops to one or below, so halving a batch does not print
+               "1 large eggs".
+{%- endcomment -%}
+{%- assign _ri_ingredients = include.ingredients | default: page.ingredients -%}
+{%- if _ri_ingredients == nil or _ri_ingredients.size == 0 -%}
+  {%- comment -%} recipe-ingredients: no `ingredients` front matter — skipping render {%- endcomment -%}
+{%- else -%}
+{%- assign _ri_hl = include.heading_level | default: "h2" -%}
+{%- assign _ri_prefix = include.id_prefix | default: page.slug | default: "recipe" -%}
+{%- assign _ri_checklist = true -%}
+{%- if include.checklist == false -%}{%- assign _ri_checklist = false -%}{%- endif -%}
+{%- assign _ri_n = 0 -%}
+<section class="recipe-ingredients" aria-labelledby="{{ _ri_prefix }}-ingredients-heading">
+  <{{ _ri_hl }} id="{{ _ri_prefix }}-ingredients-heading" class="recipe-section-heading">
+    <i class="bi bi-basket3 me-2" aria-hidden="true"></i>{{ include.heading | default: "Ingredients" }}
+  </{{ _ri_hl }}>
+
+  {%- for _ri_entry in _ri_ingredients -%}
+    {%- if _ri_entry.items -%}
+      {%- assign _ri_group_name = _ri_entry.group | default: _ri_entry.title -%}
+      {%- assign _ri_loop_items = _ri_entry.items -%}
+    {%- else -%}
+      {%- assign _ri_group_name = nil -%}
+      {%- assign _ri_loop_items = "" | split: "" | push: _ri_entry -%}
+    {%- endif -%}
+    {%- assign _ri_sub = _ri_hl | remove: "h" | plus: 1 -%}
+
+    {%- if _ri_group_name -%}
+  <h{{ _ri_sub }} class="recipe-ingredient-group-title">{{ _ri_group_name | escape }}</h{{ _ri_sub }}>
+    {%- endif -%}
+
+  <ul class="recipe-ingredient-list list-unstyled">
+    {%- for _ri_i in _ri_loop_items -%}
+      {%- assign _ri_n = _ri_n | plus: 1 -%}
+      {%- assign _ri_id = _ri_prefix | append: "-ing-" | append: _ri_n -%}
+      {%- assign _ri_slug = _ri_i.item | default: "" | downcase | strip | replace: " ", "-" -%}
+      {%- assign _ri_gpc = _ri_i.grams_per_cup | default: site.data.ingredient_densities[_ri_slug] -%}
+    <li class="recipe-ingredient{% if _ri_i.optional %} recipe-ingredient--optional{% endif %}">
+      <div class="form-check">
+        {%- if _ri_checklist -%}
+        <input class="form-check-input recipe-ingredient-check" type="checkbox" id="{{ _ri_id }}" data-recipe-check>
+        {%- endif -%}
+        <label class="form-check-label" {% if _ri_checklist %}for="{{ _ri_id }}"{% endif %} itemprop="recipeIngredient">
+          {%- comment -%}
+            The space before `endif` is load-bearing: it separates the amount
+            from the ingredient name in the accessible text and in the
+            recipeIngredient microdata, not just visually. Neither the
+            include nor the closing tag may trim it, so both are written
+            without the whitespace-stripping dash on that side.
+          {%- endcomment -%}
+          {%- if _ri_i.qty -%}
+          {%- include components/recipe-qty.html qty=_ri_i.qty qty_max=_ri_i.qty_max unit=_ri_i.unit grams_per_cup=_ri_gpc weigh=_ri_i.weigh scale=_ri_i.scale class="recipe-ingredient-amount" %} {% endif -%}
+          <span class="recipe-ingredient-name"{% if _ri_i.singular %} data-recipe-name data-singular="{{ _ri_i.singular | escape }}" data-plural="{{ _ri_i.item | escape }}"{% endif %}>
+            {%- if _ri_i.link -%}<a href="{{ _ri_i.link }}">{{ _ri_i.item | escape }}</a>{%- else -%}{{ _ri_i.item | escape }}{%- endif -%}
+          </span>
+          {%- if _ri_i.prep %}<span class="recipe-ingredient-prep">, {{ _ri_i.prep | escape }}</span>{% endif -%}
+          {%- if _ri_i.optional %} <span class="badge rounded-pill text-bg-secondary recipe-ingredient-badge">optional</span>{% endif -%}
+        </label>
+      </div>
+      {%- if _ri_i.note -%}
+      <p class="recipe-ingredient-note small text-body-secondary mb-0">{{ _ri_i.note | escape }}</p>
+      {%- endif -%}
+    </li>
+    {%- endfor -%}
+  </ul>
+  {%- endfor -%}
+</section>
+{%- endif -%}

data/_includes/components/recipe-meta.html

@@ -0,0 +1,96 @@
+{% comment %} Feature: ZER0-084 {% endcomment %}
+{%- comment -%}
+  Component:   recipe-meta
+  Path:        _includes/components/recipe-meta.html
+  Purpose:     The fact bar for one recipe — prep/cook/rest/total time, what it
+               makes, difficulty, cuisine, and oven temperature.
+  Params:      recipe (doc, optional, default: page) — any recipes-collection
+                 document; pass one to render the bar for a different recipe
+               class (string, optional, default: "")
+  Depends on:  components/recipe-duration.html, components/recipe-qty.html,
+               components/recipe-temp.html, _sass/components/_recipe.scss
+  Notes:       Total time is `times.total` when authored, otherwise the sum of
+               prep + cook + rest. The "Makes" tile is a scalable quantity, so
+               it tracks the serving scaler rather than going stale. Every tile
+               is skipped when its front matter is absent — a recipe with only
+               a cook time renders one tile, not five empty ones.
+{%- endcomment -%}
+{%- assign _rm_r = include.recipe | default: page -%}
+{%- assign _rm_t = _rm_r.times -%}
+{%- assign _rm_prep = _rm_t.prep | default: 0 -%}
+{%- assign _rm_cook = _rm_t.cook | default: 0 -%}
+{%- assign _rm_rest = _rm_t.rest | default: 0 -%}
+{%- if _rm_t.total -%}
+  {%- assign _rm_total = _rm_t.total -%}
+{%- else -%}
+  {%- assign _rm_total = _rm_prep | plus: _rm_cook | plus: _rm_rest -%}
+{%- endif -%}
+{%- capture _rm_prep_h -%}{%- include components/recipe-duration.html minutes=_rm_prep -%}{%- endcapture -%}
+{%- capture _rm_cook_h -%}{%- include components/recipe-duration.html minutes=_rm_cook -%}{%- endcapture -%}
+{%- capture _rm_rest_h -%}{%- include components/recipe-duration.html minutes=_rm_rest -%}{%- endcapture -%}
+{%- capture _rm_total_h -%}{%- include components/recipe-duration.html minutes=_rm_total -%}{%- endcapture -%}
+{%- assign _rm_prep_h = _rm_prep_h | strip -%}
+{%- assign _rm_cook_h = _rm_cook_h | strip -%}
+{%- assign _rm_rest_h = _rm_rest_h | strip -%}
+{%- assign _rm_total_h = _rm_total_h | strip -%}
+{%- assign _rm_has_any = false -%}
+{%- if _rm_prep_h != "" or _rm_cook_h != "" or _rm_total_h != "" or _rm_r.yield or _rm_r.difficulty or _rm_r.cuisine or _rm_r.oven -%}
+  {%- assign _rm_has_any = true -%}
+{%- endif -%}
+{%- if _rm_has_any == false -%}
+  {%- comment -%} recipe-meta: no time/yield/difficulty front matter — skipping render {%- endcomment -%}
+{%- else -%}
+<dl class="recipe-meta {{ include.class | default: '' }}">
+  {%- if _rm_prep_h != "" -%}
+  <div class="recipe-meta-item">
+    <dt><i class="bi bi-scissors me-1" aria-hidden="true"></i>Prep</dt>
+    <dd itemprop="prepTime">{{ _rm_prep_h }}</dd>
+  </div>
+  {%- endif -%}
+  {%- if _rm_cook_h != "" -%}
+  <div class="recipe-meta-item">
+    <dt><i class="bi bi-fire me-1" aria-hidden="true"></i>Cook</dt>
+    <dd itemprop="cookTime">{{ _rm_cook_h }}</dd>
+  </div>
+  {%- endif -%}
+  {%- if _rm_rest_h != "" -%}
+  <div class="recipe-meta-item">
+    <dt><i class="bi bi-moon-stars me-1" aria-hidden="true"></i>{{ _rm_r.times.rest_label | default: "Rest" }}</dt>
+    <dd>{{ _rm_rest_h }}</dd>
+  </div>
+  {%- endif -%}
+  {%- if _rm_total_h != "" -%}
+  <div class="recipe-meta-item recipe-meta-item--total">
+    <dt><i class="bi bi-clock-history me-1" aria-hidden="true"></i>Total</dt>
+    <dd itemprop="totalTime">{{ _rm_total_h }}</dd>
+  </div>
+  {%- endif -%}
+  {%- if _rm_r.yield and _rm_r.yield.amount -%}
+  <div class="recipe-meta-item">
+    <dt><i class="bi bi-pie-chart me-1" aria-hidden="true"></i>Makes</dt>
+    <dd itemprop="recipeYield">{%- include components/recipe-qty.html qty=_rm_r.yield.amount unit=_rm_r.yield.unit -%}</dd>
+  </div>
+  {%- endif -%}
+  {%- if _rm_r.difficulty -%}
+  <div class="recipe-meta-item">
+    <dt><i class="bi bi-bar-chart me-1" aria-hidden="true"></i>Difficulty</dt>
+    <dd><span class="recipe-difficulty recipe-difficulty--{{ _rm_r.difficulty | downcase | strip }}">{{ _rm_r.difficulty | capitalize }}</span></dd>
+  </div>
+  {%- endif -%}
+  {%- if _rm_r.cuisine -%}
+  <div class="recipe-meta-item">
+    <dt><i class="bi bi-globe2 me-1" aria-hidden="true"></i>Cuisine</dt>
+    <dd itemprop="recipeCuisine">{{ _rm_r.cuisine | escape }}</dd>
+  </div>
+  {%- endif -%}
+  {%- if _rm_r.oven.temp_f or _rm_r.oven.temp_c -%}
+  <div class="recipe-meta-item">
+    <dt><i class="bi bi-thermometer-half me-1" aria-hidden="true"></i>Oven</dt>
+    <dd>
+      {%- include components/recipe-temp.html f=_rm_r.oven.temp_f c=_rm_r.oven.temp_c -%}
+      {%- if _rm_r.oven.mode %} <span class="text-body-secondary">({{ _rm_r.oven.mode | escape }})</span>{% endif -%}
+    </dd>
+  </div>
+  {%- endif -%}
+</dl>
+{%- endif -%}

data/_includes/components/recipe-nutrition.html

@@ -0,0 +1,57 @@
+{% comment %} Feature: ZER0-084 {% endcomment %}
+{%- comment -%}
+  Component:   recipe-nutrition
+  Path:        _includes/components/recipe-nutrition.html
+  Purpose:     Per-serving nutrition panel, marked up as schema.org
+               NutritionInformation.
+  Params:      recipe (doc, optional, default: page)
+               heading (string, optional, default: "Nutrition")
+               heading_level (string, optional, default: "h2")
+  Depends on:  _sass/components/_recipe.scss
+  Notes:       Always shown PER SERVING, and deliberately NOT scaled — a
+               serving is a serving however many you make. Author
+               `nutrition.basis: total` and the figures are divided by
+               `yield.amount` at build time. Values are whatever the author
+               entered; the component adds an estimate disclaimer rather than
+               implying a lab analysis.
+{%- endcomment -%}
+{%- assign _rn_r = include.recipe | default: page -%}
+{%- assign _rn_n = _rn_r.nutrition -%}
+{%- if _rn_n == nil or _rn_n.calories == nil -%}
+  {%- comment -%} recipe-nutrition: no `nutrition` front matter — skipping render {%- endcomment -%}
+{%- else -%}
+{%- assign _rn_hl = include.heading_level | default: "h2" -%}
+{%- assign _rn_divisor = 1 -%}
+{%- if _rn_n.basis == "total" and _rn_r.yield.amount and _rn_r.yield.amount > 0 -%}
+  {%- assign _rn_divisor = _rn_r.yield.amount -%}
+{%- endif -%}
+{%- comment -%} Force float division so 2410 / 12 is not floored to 200. {%- endcomment -%}
+{%- assign _rn_divisor_f = _rn_divisor | times: 1.0 -%}
+{%- assign _rn_rows = "calories,Calories,kcal|protein,Protein,g|carbohydrates,Carbohydrates,g|sugar,Sugars,g|fiber,Fibre,g|fat,Fat,g|saturated_fat,Saturated fat,g|sodium,Sodium,mg|cholesterol,Cholesterol,mg" | split: "|" -%}
+{%- assign _rn_props = "calories,proteinContent,carbohydrateContent,sugarContent,fiberContent,fatContent,saturatedFatContent,sodiumContent,cholesterolContent" | split: "," -%}
+<section class="recipe-nutrition" itemprop="nutrition" itemscope itemtype="https://schema.org/NutritionInformation">
+  <{{ _rn_hl }} class="recipe-section-heading">
+    <i class="bi bi-heart-pulse me-2" aria-hidden="true"></i>{{ include.heading | default: "Nutrition" }}
+  </{{ _rn_hl }}>
+  <p class="recipe-nutrition-basis text-body-secondary small">
+    Per {{ _rn_r.yield.singular | default: "serving" | escape }}, estimated{% if _rn_divisor != 1 %} from the batch total{% endif %}.
+  </p>
+  <dl class="recipe-nutrition-grid">
+    {%- for _rn_row in _rn_rows -%}
+      {%- assign _rn_parts = _rn_row | split: "," -%}
+      {%- assign _rn_key = _rn_parts[0] -%}
+      {%- assign _rn_value = _rn_n[_rn_key] -%}
+      {%- if _rn_value -%}
+        {%- assign _rn_shown = _rn_value | divided_by: _rn_divisor_f -%}
+        {%- assign _rn_shown_i = _rn_shown | round -%}
+    <div class="recipe-nutrition-item">
+      <dt>{{ _rn_parts[1] }}</dt>
+      <dd itemprop="{{ _rn_props[forloop.index0] }}">
+        {%- if _rn_shown == _rn_shown_i -%}{{ _rn_shown_i }}{%- else -%}{{ _rn_shown | round: 1 }}{%- endif %} {{ _rn_parts[2] }}
+      </dd>
+    </div>
+      {%- endif -%}
+    {%- endfor -%}
+  </dl>
+</section>
+{%- endif -%}

data/_includes/components/recipe-qty.html

@@ -0,0 +1,73 @@
+{% comment %} Feature: ZER0-084 {% endcomment %}
+{%- comment -%}
+  Component:   recipe-qty
+  Path:        _includes/components/recipe-qty.html
+  Purpose:     One scalable, convertible quantity — the atom every other recipe
+               component is built from. Renders the amount exactly as authored
+               (so the page is complete and correct with JavaScript disabled)
+               plus the data attributes assets/js/recipe-scaler.js needs to
+               rescale and convert it in place.
+  Params:      qty (number, required)            — base amount for 1× yield
+               qty_max (number, optional)        — upper bound; renders "2–3"
+               unit (string, optional, default: "") — as authored: g, cups, …
+               grams_per_cup (number, optional)  — density for volume↔weight
+               weigh (bool, optional, default: true)  — false opts this
+                                                   quantity out of volume→weight
+               scale (bool, optional, default: true)  — false pins the amount
+                                                   (per-serving nutrition, pan
+                                                   sizes, "a pinch")
+               class (string, optional, default: "") — extra wrapper classes
+  Depends on:  assets/js/recipe-scaler.js, _sass/components/_recipe.scss
+  Notes:       Cup, spoon and countable amounts render with vulgar fractions
+               (0.5 → ½) so recipes read like recipes; unrecognised decimals
+               fall back to two-decimal rounding. Metric units stay decimal —
+               a scale shows 40.5 g, not 40½ g. The unit is echoed verbatim —
+               the scaler only rewrites it when the reader converts units.
+{%- endcomment -%}
+{%- if include.qty == nil or include.qty == "" -%}
+  {%- comment -%} ERROR: recipe-qty requires `qty` {%- endcomment -%}
+{%- else -%}
+{%- assign _rq_unit = include.unit | default: "" | strip -%}
+{%- assign _rq_values = "" | split: "" | push: include.qty -%}
+{%- comment -%}
+  Metric units are read off a scale, so they stay decimal: "40.5 g", never
+  "40½ g". Cups, spoons and countable things read as fractions.
+{%- endcomment -%}
+{%- assign _rq_metric = false -%}
+{%- assign _rq_u = _rq_unit | downcase | strip | replace: ".", "" -%}
+{%- case _rq_u -%}
+  {%- when "g" or "gr" or "gram" or "grams" or "gramme" or "grammes" -%}{%- assign _rq_metric = true -%}
+  {%- when "kg" or "kilo" or "kilos" or "kilogram" or "kilograms" -%}{%- assign _rq_metric = true -%}
+  {%- when "mg" or "milligram" or "milligrams" -%}{%- assign _rq_metric = true -%}
+  {%- when "ml" or "cc" or "milliliter" or "milliliters" or "millilitre" or "millilitres" -%}{%- assign _rq_metric = true -%}
+  {%- when "dl" or "deciliter" or "deciliters" -%}{%- assign _rq_metric = true -%}
+  {%- when "l" or "liter" or "liters" or "litre" or "litres" -%}{%- assign _rq_metric = true -%}
+{%- endcase -%}
+{%- if include.qty_max and include.qty_max > include.qty -%}
+  {%- assign _rq_values = _rq_values | push: include.qty_max -%}
+{%- endif -%}
+{%- capture _rq_text -%}
+{%- for _rq_v in _rq_values -%}
+  {%- if forloop.index > 1 -%}–{%- endif -%}
+  {%- if _rq_metric -%}{{ _rq_v | round: 2 }}{%- continue -%}{%- endif -%}
+  {%- assign _rq_w = _rq_v | floor -%}
+  {%- assign _rq_f = _rq_v | minus: _rq_w | times: 1000 | round -%}
+  {%- case _rq_f -%}
+    {%- when 0 -%}{{ _rq_w }}
+    {%- when 125 -%}{% if _rq_w > 0 %}{{ _rq_w }}{% endif %}⅛
+    {%- when 167 or 166 -%}{% if _rq_w > 0 %}{{ _rq_w }}{% endif %}⅙
+    {%- when 200 -%}{% if _rq_w > 0 %}{{ _rq_w }}{% endif %}⅕
+    {%- when 250 -%}{% if _rq_w > 0 %}{{ _rq_w }}{% endif %}¼
+    {%- when 333 or 334 -%}{% if _rq_w > 0 %}{{ _rq_w }}{% endif %}⅓
+    {%- when 375 -%}{% if _rq_w > 0 %}{{ _rq_w }}{% endif %}⅜
+    {%- when 500 -%}{% if _rq_w > 0 %}{{ _rq_w }}{% endif %}½
+    {%- when 625 -%}{% if _rq_w > 0 %}{{ _rq_w }}{% endif %}⅝
+    {%- when 667 or 666 -%}{% if _rq_w > 0 %}{{ _rq_w }}{% endif %}⅔
+    {%- when 750 -%}{% if _rq_w > 0 %}{{ _rq_w }}{% endif %}¾
+    {%- when 875 -%}{% if _rq_w > 0 %}{{ _rq_w }}{% endif %}⅞
+    {%- else -%}{{ _rq_v | round: 2 }}
+  {%- endcase -%}
+{%- endfor -%}
+{%- endcapture -%}
+<span class="recipe-qty {{ include.class | default: '' }}" data-recipe-qty data-qty="{{ include.qty }}"{% if include.qty_max %} data-qty-max="{{ include.qty_max }}"{% endif %} data-unit="{{ _rq_unit | escape }}"{% if include.grams_per_cup %} data-grams-per-cup="{{ include.grams_per_cup }}"{% endif %}{% if include.weigh == false %} data-weigh="false"{% endif %}{% if include.scale == false %} data-scale="false"{% endif %}>{{ _rq_text | strip }}{% if _rq_unit != "" %} {{ _rq_unit | escape }}{% endif %}</span>
+{%- endif -%}