summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorPatrick Spek <p.spek@tyil.nl>2022-05-23 13:10:26 +0200
committerPatrick Spek <p.spek@tyil.nl>2022-05-23 13:10:26 +0200
commitd4607f59e5f45448ce74c2fb56d992c94c16d13d (patch)
tree71a79c18e32d762c35825cc496bd91ea165806ec
parent6e0e38ad4e7cf1b30e44b46fad898ce2e128bb4c (diff)
downloadblog-d4607f59e5f45448ce74c2fb56d992c94c16d13d.tar.gz
blog-d4607f59e5f45448ce74c2fb56d992c94c16d13d.tar.bz2
Update recipe layout to allow informative links with ingredients
-rw-r--r--assets/theme/main.scss5
-rw-r--r--content/recipes/dishes-hot/stew-dutch.md49
-rw-r--r--layouts/recipes/single.html9
3 files changed, 37 insertions, 26 deletions
diff --git a/assets/theme/main.scss b/assets/theme/main.scss
index 0886678..3221dd3 100644
--- a/assets/theme/main.scss
+++ b/assets/theme/main.scss
@@ -52,6 +52,11 @@ table {
width: 100%;
}
+a.external-link-icon {
+ font-size: x-small;
+ vertical-align: text-top;
+}
+
a.image-link {
text-decoration: none;
}
diff --git a/content/recipes/dishes-hot/stew-dutch.md b/content/recipes/dishes-hot/stew-dutch.md
index 9834b78..6e7abdf 100644
--- a/content/recipes/dishes-hot/stew-dutch.md
+++ b/content/recipes/dishes-hot/stew-dutch.md
@@ -15,6 +15,11 @@ ingredients:
- label: Beef
amount: 500
unit: grams
+- label: Sweet onion
+ amount: 2 (large)
+- label: Garlic
+ amount: 3
+ unit: teaspoons
- label: Leek
amount: 1
- label: Beans
@@ -23,47 +28,41 @@ ingredients:
- label: Carrot
amount: 300
unit: grams
-- label: Sweet onion
- amount: 2 (large)
-- label: Garlic
- amount: 3
- unit: teaspoons
-- label: Beef stock
- amount: 750
- unit: milliliters
-- label: Mustard
- amount: 3
- unit: teaspoons
-- label: Potato
- amount: 750
- unit: grams
- label: Chick peas
amount: 200
unit: grams
-- label: Breakfast cake
+- label: Mushrooms
+ amount: 200
+ unit: grams
+- label: Oudewijvenkoek
amount: 3
unit: slices
+ links:
+ - https://nl.wikipedia.org/wiki/Oudewijvenkoek
+- label: Beef stock
+ amount: 750
+ unit: milliliters
- label: Dark beer
amount: 330
unit: milliliters
-- label: Smoked paprika
-- label: Bay leaf
- amount: 4
-- label: Thyme
- label: Appelstroop
amount: 2
unit: tablespoons
-- label: Mushrooms
- amount: 200
- unit: grams
+- label: Mustard
+ amount: 3
+ unit: teaspoons
+- label: Bay leaf
+ amount: 4
+- label: Smoked paprika
+- label: Thyme
stages:
- label: Prep
steps:
- Cut the beef into bite-sized chunks
- Cut all the vegetables into chunks, about 1cm in diameter where applicable
- - Slice off 3 slices of the breakfast cake, about 1cm thick
- - Spread the mustard unto one side of the breakfast cake slices
+ - Slice off 3 slices of the oudewijvenkoek, about 1cm thick
+ - Spread the mustard unto one side of the oudewijvenkoek slices
- label: Searing
steps:
- Sear the beef on all sides
@@ -78,7 +77,7 @@ stages:
- Add the bay leaves to the pot
- Add the appelstroop to the pot
- Stir everything together
- - Add the mustard-laced breakfast cake, with the mustard facing down in the
+ - Add the mustard-laced oudewijvenkoek, with the mustard facing down in the
pot
- Let this stew for about 6 hours, occasionally checking in to make sure its
simmering slowly. If too much liquid evaporates, you can add more water or
diff --git a/layouts/recipes/single.html b/layouts/recipes/single.html
index 0a7d1ad..7919970 100644
--- a/layouts/recipes/single.html
+++ b/layouts/recipes/single.html
@@ -60,7 +60,14 @@
<td>
<input id="ingredient{{ $i }}" type="checkbox">
</td>
- <td><label for="ingredient{{ $i }}">{{ .label }}</label></td>
+ <td>
+ <label for="ingredient{{ $i }}">{{ .label }}</label>
+ {{- if .links }}
+ {{- range .links }}
+ <a class="external-link-icon" href="{{ . }}">↗</span></a>
+ {{- end }}
+ {{- end }}
+ </td>
{{- if .unit }}
<td data-unit="{{ $ingredient.unit }}" data-amount="{{ $ingredient.amount }}">{{ .amount }}</td>
<td data-unit="{{ $ingredient.unit }}">{{ $ingredient.unit }}</td>