youtube image embeds: jam-my-stack .19

This commit is contained in:
Wouter Groeneveld 2021-06-15 20:52:35 +02:00
parent cc35f63256
commit 22e68e6454
27 changed files with 1157 additions and 480 deletions

View File

@ -39,251 +39,251 @@ De **metalen deegsteker** is geen schraper maar een _steker_: dit is scherper
### Recept
<div class="table-responsive">
<table style="width:100%; " class="easy-table easy-table-default tablesorter table table-striped" border="0">
<tr>
<th class=' ' >
ingrediënt
</th>
<table style="width:100%; " class="easy-table easy-table-default tablesorter table table-striped" border="0">
<tr>
<th class=' ' >
ingrediënt
</th>
<th class=' ' >
percentage
</th>
<th class=' ' >
percentage
</th>
<th class=' ' >
gewicht voor 2 broden
</th>
</tr>
<th class=' ' >
gewicht voor 2 broden
</th>
</tr>
<tr>
<td >
witte tarwebloem
</td>
<tr>
<td >
witte tarwebloem
</td>
<td >
70%
</td>
<td >
70%
</td>
<td >
700gr
</td>
</tr>
<td >
700gr
</td>
</tr>
<tr>
<td >
volkoren roggemeel
</td>
<tr>
<td >
volkoren roggemeel
</td>
<td >
30%
</td>
<td >
30%
</td>
<td >
300gr
</td>
</tr>
<td >
300gr
</td>
</tr>
<tr>
<td >
haver
</td>
<tr>
<td >
haver
</td>
<td >
10%
</td>
<td >
10%
</td>
<td >
100gr
</td>
</tr>
<td >
100gr
</td>
</tr>
<tr>
<td >
lijnzaad
</td>
<tr>
<td >
lijnzaad
</td>
<td >
10%
</td>
<td >
10%
</td>
<td >
100gr
</td>
</tr>
<td >
100gr
</td>
</tr>
<tr>
<td >
zonnebloem pitten
</td>
<tr>
<td >
zonnebloem pitten
</td>
<td >
10%
</td>
<td >
10%
</td>
<td >
100gr
</td>
</tr>
<td >
100gr
</td>
</tr>
<tr>
<td >
water
</td>
<tr>
<td >
water
</td>
<td >
84%
</td>
<td >
84%
</td>
<td >
840gr
</td>
</tr>
<td >
840gr
</td>
</tr>
<tr>
<td >
<span style="line-height: 1.6471;">zout</td>
<tr>
<td >
<span style="line-height: 1.6471;">zout</td>
<td >
2%
</td>
<td >
2%
</td>
<td >
20gr
</td></tr>
<td >
20gr
</td></tr>
<tr>
<td >
</span><span style="line-height: 1.6471;">voordeeg met desem</td>
<tr>
<td >
</span><span style="line-height: 1.6471;">voordeeg met desem</td>
<td >
30% @ 100% hydratatie
</td>
<td >
30% @ 100% hydratatie
</td>
<td >
600gr</span><span style="line-height: 1.6471;"></td> </tr> </tbody></table></div></span></p>
<td >
600gr</span><span style="line-height: 1.6471;"></td> </tr> </tbody></table></div></span></p>
<p>
(Zie &#8220;<a title="Hoe gebruik en lees ik een recept?" href="https://redzuurdesem.be/hoe-gebruik-en-lees-ik-een-recept/">hoe gebruik en lees ik een recept</a>&#8221; als je niet weet wat de percentages zijn)
</p>
<p>
(Zie &#8220;<a title="Hoe gebruik en lees ik een recept?" href="https://redzuurdesem.be/hoe-gebruik-en-lees-ik-een-recept/">hoe gebruik en lees ik een recept</a>&#8221; als je niet weet wat de percentages zijn)
</p>
<h3>
Tijdstabel
</h3>
<h3>
Tijdstabel
</h3>
<div class="table-responsive">
<table style="width:100%; " class="easy-table easy-table-default tablesorter table table-striped" border="0">
<tr>
<th class=' ' >
dag
</th>
<div class="table-responsive">
<table style="width:100%; " class="easy-table easy-table-default tablesorter table table-striped" border="0">
<tr>
<th class=' ' >
dag
</th>
<th class=' ' >
tijd
</th>
<th class=' ' >
tijd
</th>
<th class=' ' >
actie
</th>
</tr>
<th class=' ' >
actie
</th>
</tr>
<tr>
<td >
1
</td>
<tr>
<td >
1
</td>
<td >
8h
</td>
<td >
8h
</td>
<td >
<a title="Hoe onderhoud ik mijn desem" href="https://redzuurdesem.be/hoe-onderhoud-ik-mijn-desem/">ververs je desem</a>
</td>
</tr>
<td >
<a title="Hoe onderhoud ik mijn desem" href="https://redzuurdesem.be/hoe-onderhoud-ik-mijn-desem/">ververs je desem</a>
</td>
</tr>
<tr>
<td >
1
</td>
<tr>
<td >
1
</td>
<td >
22h
</td>
<td >
22h
</td>
<td >
maak je voordeeg
</td>
</tr>
<td >
maak je voordeeg
</td>
</tr>
<tr>
<td >
2
</td>
<tr>
<td >
2
</td>
<td >
10h
</td>
<td >
10h
</td>
<td >
maak je hoofddeeg
</td>
</tr>
<td >
maak je hoofddeeg
</td>
</tr>
<tr>
<td >
2
</td>
<tr>
<td >
2
</td>
<td >
14h
</td>
<td >
14h
</td>
<td >
verdeel je deeg
</td>
</tr>
<td >
verdeel je deeg
</td>
</tr>
<tr>
<td >
2
</td>
<tr>
<td >
2
</td>
<td >
16h
</td>
<td >
16h
</td>
<td >
bakken
</td>
</tr>
<td >
bakken
</td>
</tr>
<tr>
<td >
2
</td>
<tr>
<td >
2
</td>
<td >
17h
</td>
<td >
17h
</td>
<td >
afkoelen
</td>
</tr>
<td >
afkoelen
</td>
</tr>
<tr>
<td >
3
</td>
<tr>
<td >
3
</td>
<td >
8h
</td>
<td >
8h
</td>
<td >
snijden en eten
</td>
</tr>
</table>
</div>
<td >
snijden en eten
</td>
</tr>
</table>
</div>
<h3>
Stap-voor-stap
@ -349,9 +349,7 @@ De **metalen deegsteker** is geen schraper maar een _steker_: dit is scherper
Het voordeeg bevat 30% van de totale bloem, dus voor 2 broden 300gr. Dit is toevallig genoeg net dezelfde hoeveelheid als het rogge meel. <strong>Meng dus 300gr roggemeel met 300gr water</strong>, samen met <strong>30gr</strong> van je <strong>desem starter</strong>.<br /> Bovenstaande foto toont hoe dat er uit kan zien &#8211; het zal redelijk &#8220;plakken&#8221; en niet super loperig zijn. Welkom in de wondere wereld van rogge!<br /> Dit moet minstens 12h de kans krijgen om te fermenteren op kamertemperatuur. In de winter kan de keuken nogal koud worden dus zet je mengkom niet op een koude steen en <strong>gebruik warm water</strong>!
</p>
<p>
{{< youtube T-TN2SJg2Wg >}}
</p>
{{< youtube T-TN2SJg2Wg >}}
<p>
Het is een goed idee om eens te <em>ruiken</em> aan je voordeeg. Wat je zou moeten ruiken is de lichtjes zoete geur van het rogge meel &#8211; en voor de rest niets, omdat het nog maar pas gemengd is. Zo kan je 12h later vergelijken met deze geur.
@ -387,9 +385,7 @@ De **metalen deegsteker** is geen schraper maar een _steker_: dit is scherper
Meng alles in een grote mengkom. Neen, de volgorde waarmee je ingrediënten toe voegt maakt niet uit, ook niet als er zout op je voordeeg komt &#8211; we werken hier niet met gedroogde bakkersgist!<br /> <strong>Opgelet met water</strong> &#8211; vergeet niet dat we reeds 300gr + 450gr gebruikt hebben. Dat geeft ons een verschil van slechts <strong>90gr</strong> water toe te voegen aan het finaal deeg (90 + 450 + 300 = 800gr = 84%). Gebruik hiervoor <strong>warm water</strong> (niet kokend!)<br /> Mensen die zich avonturierlijk voelen kunnen tot 90% water gebruiken voor dit type deeg: we gaan voor een laag profiel met een zeer vochtig, lekkere kruim.
</p>
<p>
{{< youtube Zqx-3xZI4DI >}}
</p>
{{< youtube Zqx-3xZI4DI >}}
<p>
Hoe moet ik nu kneden met die plakkerige zaadjes en dat rogge? Lijnzaad geweekt in water geeft een slijmerige substantie af die het niet vergemakkelijkt. Mengen is een kwestie van de ingrediënten evenredig verdeeld te krijgen, <strong>niet een kwestie van kneden</strong>!
@ -440,9 +436,7 @@ De **metalen deegsteker** is geen schraper maar een _steker_: dit is scherper
Gebruik je deegschraper om het deeg uit je mengkom te halen, op een licht bebloemd oppervlak. Verdeel met de deegsteker je deeg in 2 gelijke stukken (wegen hoeft niet) als je voor 2 broden hebt gekozen (1kg bloem totaal).
</p>
<p>
{{< youtube bWEvLGbO6B0 >}}
</p>
{{< youtube bWEvLGbO6B0 >}}
<p>
Leg een nieuwe handdoek in je mengkom en bestrooi die met rogge meel en haver. Hier komt ons deeg straks terug in terecht, nadat we het hebben &#8220;opgevouwen&#8221;.  Kijk even naar de volgende foto:

View File

@ -217,89 +217,89 @@ Dus: tijdstabellen
<div class="table-responsive">
<table style="width:100%; " class="easy-table easy-table-default tablesorter table table-striped" border="0">
<tr>
<th class=' ' >
dag
</th>
<tr>
<th class=' ' >
dag
</th>
<th class=' ' >
tijd
</th>
<th class=' ' >
tijd
</th>
<th class=' ' >
actie
</th>
</tr>
<th class=' ' >
actie
</th>
</tr>
<tr>
<td >
1
</td>
<tr>
<td >
1
</td>
<td >
22h
</td>
<td >
22h
</td>
<td >
<a title="Hoe onderhoud ik mijn desem" href="https://redzuurdesem.be/hoe-onderhoud-ik-mijn-desem/">ververs je desem</a>
</td>
</tr>
<td >
<a title="Hoe onderhoud ik mijn desem" href="https://redzuurdesem.be/hoe-onderhoud-ik-mijn-desem/">ververs je desem</a>
</td>
</tr>
<tr>
<td >
2
</td>
<tr>
<td >
2
</td>
<td >
8h
</td>
<td >
8h
</td>
<td >
maak je voordeeg
</td>
</tr>
<td >
maak je voordeeg
</td>
</tr>
<tr>
<td >
3
</td>
<tr>
<td >
3
</td>
<td >
8h
</td>
<td >
8h
</td>
<td >
maak je hoofddeeg
</td>
</tr>
<td >
maak je hoofddeeg
</td>
</tr>
<tr>
<td >
3
</td>
<tr>
<td >
3
</td>
<td >
12h
</td>
<td >
12h
</td>
<td >
verdeel je deeg
</td>
</tr>
<td >
verdeel je deeg
</td>
</tr>
<tr>
<td >
4
</td>
<tr>
<td >
4
</td>
<td >
12h
</td>
<td >
12h
</td>
<td >
bakken
</td>
</tr>
<td >
bakken
</td>
</tr>
</table>
</div>
@ -413,129 +413,129 @@ bakken
</div>
<p>
In totaal: 20h voordeeg, 4h eerste rijs, 10h tweede rijs = <span style="text-decoration: underline;"><strong>34</strong><strong>h</strong></span>
In totaal: 20h voordeeg, 4h eerste rijs, 10h tweede rijs = <span style="text-decoration: underline;"><strong>34</strong><strong>h</strong></span>
</p>
<p>
Tweede rijs in de koelkast.
Tweede rijs in de koelkast.
</p>
<ol>
<li>
Redelijke bite, iets milder dan het eerste schema. Je kan natuurlijk altijd schipperen, je voordeeg moet minstens 12 tot maximum 24h fermenteren.
</li>
<li>
De tweede rijs mag korter (8h) en kan langer (tot 24h, zoals het eerste schema)
</li>
<li>
Redelijke bite, iets milder dan het eerste schema. Je kan natuurlijk altijd schipperen, je voordeeg moet minstens 12 tot maximum 24h fermenteren.
</li>
<li>
De tweede rijs mag korter (8h) en kan langer (tot 24h, zoals het eerste schema)
</li>
</ol>
<p>
<strong>Snel en subtiel</strong>
<strong>Snel en subtiel</strong>
</p>
<div class="table-responsive">
<table style="width:100%; " class="easy-table easy-table-default tablesorter table table-striped" border="0">
<tr>
<th class=' ' >
dag
</th>
<table style="width:100%; " class="easy-table easy-table-default tablesorter table table-striped" border="0">
<tr>
<th class=' ' >
dag
</th>
<th class=' ' >
tijd
</th>
<th class=' ' >
tijd
</th>
<th class=' ' >
actie
</th>
</tr>
<th class=' ' >
actie
</th>
</tr>
<tr>
<td >
1
</td>
<tr>
<td >
1
</td>
<td >
8h
</td>
<td >
8h
</td>
<td >
<a title="Hoe onderhoud ik mijn desem" href="https://redzuurdesem.be/hoe-onderhoud-ik-mijn-desem/">ververs je desem</a>
</td>
</tr>
<td >
<a title="Hoe onderhoud ik mijn desem" href="https://redzuurdesem.be/hoe-onderhoud-ik-mijn-desem/">ververs je desem</a>
</td>
</tr>
<tr>
<td >
1
</td>
<tr>
<td >
1
</td>
<td >
20h
</td>
<td >
20h
</td>
<td >
maak je voordeeg
</td>
</tr>
<td >
maak je voordeeg
</td>
</tr>
<tr>
<td >
2
</td>
<tr>
<td >
2
</td>
<td >
8h
</td>
<td >
8h
</td>
<td >
maak je hoofddeeg
</td>
</tr>
<td >
maak je hoofddeeg
</td>
</tr>
<tr>
<td >
2
</td>
<tr>
<td >
2
</td>
<td >
12h
</td>
<td >
12h
</td>
<td >
verdeel je deeg
</td>
</tr>
<td >
verdeel je deeg
</td>
</tr>
<tr>
<td >
2
</td>
<tr>
<td >
2
</td>
<td >
14h
</td>
<td >
14h
</td>
<td >
bakken
</td>
</tr>
</table>
<td >
bakken
</td>
</tr>
</table>
</div>
<p>
In totaal: 12h voordeeg, 4h eerste rijs, 2h tweede rijs = <span style="text-decoration: underline;"><strong>18</strong><strong>h</strong></span>
In totaal: 12h voordeeg, 4h eerste rijs, 2h tweede rijs = <span style="text-decoration: underline;"><strong>18</strong><strong>h</strong></span>
</p>
<ol>
<li>
De minimum rijstijden om een gebalanceerd desembrood te bakken.
</li>
<li>
Hier gebruiken we géén uitgesteld bakken, dus dat kan nog, in combinatie met de bovenstaande schema&#8217;s.
</li>
<li>
De minimum rijstijden om een gebalanceerd desembrood te bakken.
</li>
<li>
Hier gebruiken we géén uitgesteld bakken, dus dat kan nog, in combinatie met de bovenstaande schema&#8217;s.
</li>
</ol>
<p>
&nbsp;
&nbsp;
</p>
<h3>
@ -594,9 +594,7 @@ bakken
Waarom nu wel warm water? De éérste rijs wordt nog op kamertemperatuur gedaan. Dat wil zeggen dat we het deeg op de ideale <strong>24°C</strong> proberen te krijgen. Echte bakkers meten alle temperaturen, inclusief het bloem, maar dat is niet nodig.
</p>
<p>
{{< youtube xtcjUsv6ghc >}}
</p>
{{< youtube xtcjUsv6ghc >}}
<p>
Het doel is alles evenredig te verdelen. Gebruik één hand als een &#8220;kneedhaak&#8221;, en draai met de andere hand je mengkom rond. Doe dit maximum 5 minuten. Als je merkt dat de witte bloem volledig verdwenen is, kneed dan nog enkele minuten verder, en stop dan. Kijk naar het bovenstaand filmpje als deze uitleg niet duidelijk is.
@ -632,9 +630,7 @@ bakken
Kijk naar dit filmpje hoe je dit precies moet doen:
</p>
<p>
{{< youtube NxYrSz1r-rw >}}
</p>
{{< youtube NxYrSz1r-rw >}}
<p>
Leg de opgevouwen deegbol terug in de mengkom en laat dit 3h verder rusten.
@ -672,9 +668,7 @@ bakken
Gebruik je deegschraper om het deeg uit je mengkom te halen, op een licht bebloemd oppervlak. Het deeg verdelen in twee gelijke delen hoeft niet als je één brood aan het bakken bent, in alle andere gevallen dien je je deeg op te delen.<br /> Hieronder wordt het vormen van het brood tot een <em>boule</em> (ronde vorm) getoond aan de hand van een video van de eerste doos (het deeg bevat zaadjes maar het principe is hetzelfde):
</p>
<p>
{{< youtube bWEvLGbO6B0 >}}
</p>
{{< youtube bWEvLGbO6B0 >}}
<p>
Wanneer je je deegbollen gevormd hebt kan je ze in de rijsmand plaatsen. Doe dit <strong>ondersteboven</strong> in je mand &#8211; met de naad naarboven. Wanneer je het brood gaat bakken, keer je je rijsmandje om op de bakplaat, zodat de bovenkant terug juist staat. Dit is belangrijk om later je brood op de juiste plaats te kunnen insnijden, anders ontstaan er tijdens het bakken ongewild scheuren op sommige plaatsen.
@ -706,9 +700,7 @@ bakken
Wees creatief met patronen op je deeg. In dit videootje twee voorbeelden:
</p>
<p>
{{< youtube QOrYnwN8EiM >}}
</p>
{{< youtube QOrYnwN8EiM >}}
<p>
Bak het brood <strong>onmiddelijk</strong> nadat je het hebt ingesneden. Het deeg is fragiel wanneer je het uit het rijsmandje haalt dus het is belangrijk dat het zo snel mogelijk die <em>kick</em> krijgt van de hitte van de oven om het laatste rijsproces in gang te zetten. Als je hier te lang mee wacht, zet het deeg uit aan de zijkant en wordt het te plat.<br /> De koelkast helpt hier wel mee: een koud deeg is iets vaster.<br /> Voor alle duidelijkheid: je hoeft je deeg niet te laten &#8220;opwarmen&#8221; tot kamertemperatuur als het van de koelkast komt: het mag rechtstreeks de oven in. Verwarm je oven dus éérst voor, en haal daarna pas je deeg uit de koelkast.

View File

@ -14,7 +14,7 @@ Meer informatie over het gebruik van cookies door GoatCounter: https://www.goatc
#### YouTube
Sommige pagina's bevatten YouTube videos. Deze componenten maken expliciet _geen_ gebruik van interne cookie systemen van YouTube, maar verwijzen in de plaats daarvan naar `youtube-nocookie.com`, om te vermijden dat YouTube, en Google, cookies en trackers inzet op deze website.
Sommige pagina's bevatten YouTube links. Dit zijn zelfgehoste thumbnails die enkel dienen ter verwijzing naar de derde partij, waardoor er expliciet _geen_ gebruik van interne cookie systemen noch tracking van YouTube/Google gemaakt wordt.
## Toeschrijving

View File

@ -1,5 +1,5 @@
const { mastodon, goodreads, lunr, webmention } = require('jam-my-stack');
const { mastodon, goodreads, lunr, webmention, youtube } = require('jam-my-stack');
const fsp = require('fs').promises;
@ -12,16 +12,25 @@ const fsp = require('fs').promises;
`${__dirname}/content/leren`])
await fsp.writeFile(`${__dirname}/static/js/redzuurdesem-post.json`, JSON.stringify(index), 'utf-8')
// 4. get webmentions
// 2. get webmentions
console.log("2. Fetching webmentions...")
const mentions = await webmention.getWebmentions("redzuurdesem.be")
const json = JSON.stringify(mentions, null, 4)
await fsp.writeFile(`${__dirname}/data/webmentions.json`, json, 'utf-8')
// 5. send webmentions
// 3. send webmentions
console.log("3. Sending webmentions...")
const since = await webmention.send("redzuurdesem.be")
console.log(` -- done`)
// 4. build youtube thumbnails
console.log("4. building youtube thumbnails...")
await youtube.thumbify({
postDir: `${__dirname}/content`,
downloadDir: `${__dirname}/static/images/yt`,
overlayImg: `${__dirname}/play.png`
})
console.log("-- all done!")
})()

View File

@ -25,6 +25,6 @@
},
"homepage": "https://github.com/wgroeneveld/redzuurdesem#readme",
"dependencies": {
"jam-my-stack": "^1.0.17"
"jam-my-stack": "^1.0.19"
}
}

BIN
play.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,5 @@
<figure>
<a href="https://www.youtube.com/watch?v={{ index .Params 0 }}" class="lbox">
<img loading="lazy" class="img-responsive" src="/images/yt/{{ index .Params 0 }}.jpg" alt="YouTube video {{ index .Params 0 }}">
</a>
</figure>

721
yarn.lock

File diff suppressed because it is too large Load Diff