diff --git a/_includes/ingredients.html b/_includes/ingredients.html
index b146c72..615f5f2 100644
--- a/_includes/ingredients.html
+++ b/_includes/ingredients.html
@@ -5,6 +5,6 @@
<{{tag}}>Ingredients{{tag}}>
{% for item in page.ingredients -%}
- - {{ item[0] }} {%- if item[2] %} {{ item[2] }} of {% endif %} {{ item[1] }}
+ - {{ item[0] }} {%- if item[2] %} {{ item[2] }} of {% endif -%} {{ item[1] }}
{% endfor -%}
diff --git a/_layouts/default.html b/_layouts/default.html
index ca20162..c3dd48f 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -4,6 +4,7 @@
+
{{ page.title }}
diff --git a/_layouts/recipe.html b/_layouts/recipe.html
index 7c8addd..d4bde9a 100644
--- a/_layouts/recipe.html
+++ b/_layouts/recipe.html
@@ -33,8 +33,9 @@ layout: default
Subrecipes
{% for subrecipe in site.subrecipes -%}
{%- if subrecipe.parents contains id -%}
-
-
{{ subrecipe.name }}
+ {%- assign srid = "sr-" | append: subrecipe.name | downcase | url_encode -%}
+
+
{{ subrecipe.name }}
{{ subrecipe.output }}
diff --git a/style.css b/style.css
index 71e9d3d..8ceda69 100644
--- a/style.css
+++ b/style.css
@@ -24,6 +24,23 @@ body div {
height: min-content;
}
+.subrecipe-heading h3 {
+ display: inline-block;
+}
+
+.subrecipe-toggle {
+ margin-left: 10px;
+}
+.subrecipe-toggle::after {
+ font-style: italic;
+}
+.subrecipe .subrecipe-toggle::after {
+ content: "Show";
+}
+.subrecipe.open .subrecipe-toggle::after {
+ content: "Hide";
+}
+
ul {
list-style-type: "- ";
}