diff --git a/layouts/partials/ingredients.html b/layouts/partials/ingredients.html
index 98cad70..a5a2f43 100644
--- a/layouts/partials/ingredients.html
+++ b/layouts/partials/ingredients.html
@@ -10,18 +10,8 @@
{{- end }}
-
- {{ range $.Param "ingredients" }}
- -
- {{ with .qt }}{{ . | markdownify }}{{ end }}
- {{ with .article -}}
- {{ . | markdownify -}}
- {{- if substr . -1 1 | eq "'" -}}{{ else }} {{ end -}}
- {{/* ^^^ No space only if article ends with an apostrophe */}}
- {{- end -}}
- {{ .name | markdownify }}
-
- {{ end }}
-
+ {{ with $.Param "ingredients" -}}
+ {{ partial "ingredients_ul.html" . }}
+ {{- end }}
diff --git a/layouts/partials/ingredients_ul.html b/layouts/partials/ingredients_ul.html
new file mode 100644
index 0000000..674c026
--- /dev/null
+++ b/layouts/partials/ingredients_ul.html
@@ -0,0 +1,23 @@
+
+{{- range . }}
+ {{ if isset . "catname" }}
+
+
+{{ .catname | markdownify }}
+
+ {{ partial "ingredients_ul.html" .ingredients }}
+
+
+ {{ else }}
+ -
+ {{ with .qt }}{{ . | markdownify }}{{ end }}
+ {{ with .article -}}
+ {{ . | markdownify -}}
+ {{- if substr . -1 1 | eq "'" -}}{{ else }} {{ end -}}
+ {{/* ^^^ No space only if article ends with an apostrophe */}}
+ {{- end -}}
+ {{ .name | markdownify }}
+
+ {{ end }}
+{{ end -}}
+
diff --git a/scss/style.scss b/scss/style.scss
index 79ba1a4..41ccbd8 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -89,6 +89,11 @@ body {
font-weight: bold;
}
+ h2 {
+ font-size: 1em;
+ font-weight: bold;
+ }
+
.ingred-portions {
text-align: right;
font-style: italic;
diff --git a/static/css/style.css b/static/css/style.css
index 36c0872..f327781 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -66,6 +66,9 @@ body {
#ingredients .ingred-title {
font-size: 1.3em;
font-weight: bold; }
+ #ingredients h2 {
+ font-size: 1em;
+ font-weight: bold; }
#ingredients .ingred-portions {
text-align: right;
font-style: italic; }