simple lightbox impl, appeldesem transl nl

This commit is contained in:
wgroeneveld 2020-05-15 21:15:14 +02:00
parent 9ba8befbf8
commit d7366c0f11
8 changed files with 79 additions and 42 deletions

View File

@ -17,7 +17,7 @@ tags:
- verrijkt
---
<img class="size-full wp-image-610" src="https://redzuurdesem.be/wp-content/uploads/2013/04/MG_8561.jpg" alt="verrijkt deeg met marsepein" width="1024" height="683" srcset="https://redzuurdesem.be/wp-content/uploads/2013/04/MG_8561.jpg 1024w, https://redzuurdesem.be/wp-content/uploads/2013/04/MG_8561-300x200.jpg 300w, https://redzuurdesem.be/wp-content/uploads/2013/04/MG_8561-700x466.jpg 700w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-caption-text">verrijkt deeg met marsepein, ideaal bij kerst of pasen!</figcaption></figure>
![verrijkt deeg](/wp-content/uploads/2013/04/MG_8561.jpg)
Brood bakken kan je op zoveel verschillende manieren. Ondertussen weet je ongetwijfeld hoe je met enkel water, bloem, zout en een of andere manier van gist (hetzij bakkersgist, hetzij zuurdesem) een lekker brood kan bakken. Variëren kan door te spelen met de hoeveelheden, of met het type van bloem.
@ -242,9 +242,9 @@ actie
<p>
<strong>Hoe weet ik of mijn voordeeg &#8220;klaar&#8221; is?<br /> </strong>Als er luchtbellen aan de oppervlakte verschenen zijn. Dit kan al na 4 uur zijn, en je kan het verder laten staan om tot een intensere smaak te komen. Dit is sterk afhankelijk van de temperatuur, de vochtigheid (hydratatie) en tijd &#8211; dus experimenteren is aangeraden.<br /> Lees meer hierover in <a href="https://redzuurdesem.be/42015-uitgesteld-bakken/" target="_blank">doos 2: uitgesteld bakken</a>.
</p><figure id="attachment_967" style="width: 800px" class="wp-caption aligncenter">
<img class="size-full wp-image-967" src="https://redzuurdesem.be/wp-content/uploads/2016/01/MG_8557.jpg" alt="Marsepein rol zichtbaar" width="800" height="534" srcset="https://redzuurdesem.be/wp-content/uploads/2016/01/MG_8557.jpg 800w, https://redzuurdesem.be/wp-content/uploads/2016/01/MG_8557-300x200.jpg 300w, https://redzuurdesem.be/wp-content/uploads/2016/01/MG_8557-768x513.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-caption-text">Marsepein rol zichtbaar</figcaption></figure>
</p>
![marsepein rol](/wp-content/uploads/2016/01/MG_8557.jpg)
<h4>
Stap 3: maak je hoofddeeg
@ -303,9 +303,9 @@ actie
<p>
Trek het deeg uit in een rechthoekige vorm en strooi er de geweekte rozijnen over uit. Rol dit op en kneed zachtjes tot de rozijnen ongeveer evenredig verdeeld zijn, niet meer dan 1 minuut. Hoe langer je kneed, hoe groter de kans dat je rozijnen gedeeltelijk verpulverd en er lelijke strepen in het kruim zullen verschijnen bij het bakken &#8211; niet doen dus!
</p><figure id="attachment_966" style="width: 800px" class="wp-caption aligncenter">
</p>
<img class="size-full wp-image-966" src="https://redzuurdesem.be/wp-content/uploads/2016/01/MG_5868.jpg" alt="Verrijkt deeg klaar om te rijzen" width="800" height="534" srcset="https://redzuurdesem.be/wp-content/uploads/2016/01/MG_5868.jpg 800w, https://redzuurdesem.be/wp-content/uploads/2016/01/MG_5868-300x200.jpg 300w, https://redzuurdesem.be/wp-content/uploads/2016/01/MG_5868-768x513.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-caption-text">Verrijkt deeg klaar om te rijzen</figcaption></figure>
![verrijkt deeg klaar om te rijzen](/wp-content/uploads/2016/01/MG_5868.jpg)
<p>
Laat het deeg voor 3-4h rusten, afhankelijk van de temperatuur van je keuken. Het zou moeten verdubbelen in grootte (dek het af tegen tocht, je kan het deeg laten rusten in de mengkom).
@ -350,6 +350,6 @@ actie
<p>
Afwerken kan eens het brood is afgekoeld met gezeefde poedersuiker.
</p><figure id="attachment_965" style="width: 800px" class="wp-caption aligncenter">
<img class="size-full wp-image-965" src="https://redzuurdesem.be/wp-content/uploads/2016/01/MG_8559.jpg" alt="Afwerking van het brood" width="800" height="534" srcset="https://redzuurdesem.be/wp-content/uploads/2016/01/MG_8559.jpg 800w, https://redzuurdesem.be/wp-content/uploads/2016/01/MG_8559-300x200.jpg 300w, https://redzuurdesem.be/wp-content/uploads/2016/01/MG_8559-768x513.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-caption-text">Afwerking van het brood</figcaption></figure>
</p>
![gebakken deeg](/wp-content/uploads/2016/01/MG_8559.jpg)

View File

@ -3,47 +3,51 @@ title: Zoet appeldesem brood
author: Wouter
type: post
date: 2012-11-09T20:03:06+00:00
url: /sweet-tasting-apple-desem/
url: /zoet-appeldesem-brood/
aliases:
- /sweet-tasting-apple-desem/
featured_image: /wp-content/uploads/2012/11/MG_7287.jpg
tags:
- gistwater
---
Doesn&#8217;t this look amazing? I&#8217;ve read great things about using &#8220;**yeast water**&#8221; at [The Fresh Loaf][2] which is basically _anything_ fermented with water. You can even use certain vegetables. Or tea. According to Wikipedia, tea combined with honey is a popular fermentation tool &#8211; something like Kefir and the like. You do know that yogurt is also made by slowly fermenting milk, right? The longer you ferment things, the more tasty they get (or the more &#8220;tang&#8221; they have, which might not appeal to everyone).
Ziet bovenstaande foto er niet geweldig uit? Ik heb veel goede dingen gelezen over **gistwater** of _yeast water_ op [The Fersh Loaf](https://thefreshloaf.com). Gistwater is eigenlijk gewoon water met "iets" organisch, dat na een tijd rot- euh, fermenteert. Je kan bepaalde groenten gebruiken. Of thee. Volgens Wikipedia is thee gecombineerd met honing een populaire manier om te fermenteren; zoals Kefir en dergelijke. Wist je dat Yoghurt gemaakt wordt van traag gefermenteerde melk - ja toch hé? Hoe langer je dingen fermenteert, hoe smakelijker ze worden (en hoe pittiger - dat niet iedereen graag heeft).
[<img class="alignleft" title="_MG_7286.JPG" src="https://lh3.ggpht.com/-JhdiB3xraZU/UJ1Z01-6hUI/AAAAAAAAGpE/FwjZmwwg4oE/s150-c/_MG_7286.JPG" alt="_MG_7286.JPG" width="150" height="150" />][3]My girlfriends uncle has an apple orchard. They are &#8220;organic&#8221; meaning no insecticides are used (and no pruning either, they&#8217;re full-grown trees). I simply cut up one apple, added some water and left it for a few days. Some bubbles start appearing and after a while, the apples start releasing a purgent smell. This indicates that the fermentation process has been started. You can &#8220;refresh&#8221; your water yeast by simply replacing some old apple pieces with new ones.
![appeldesem](https://lh3.ggpht.com/-JhdiB3xraZU/UJ1Z01-6hUI/AAAAAAAAGpE/FwjZmwwg4oE/s1024/_MG_7286.JPG)
I had no idea when this yeast would be ready to fully leaven a bread. And how long it would take &#8211; meaning the (bulk) fermentation time, I&#8217;m used to while using classic rye or wheat sourdough. So I came up with a recipe to try it out after some small successes (trying to combine some yeast water with flour and seeing what happens).
Mijn vrouw haar nonkel heeft een appelplantage. Deze zijn organisch (biologisch); dit betekent dat er geen insecticiden zijn gebruikt. (de bomen zijn ook niet gesnoeid, het zijn grote exemplaren!) Ik snijd een appel op, voeg wat water toe en laat het enkele dagen staan. Belletjes beginnen te verschijnen na een tijdje, en de appelen beginnen doordingend te ruiken. Rot kan ik niet zeggen, maar er zit een geurtje aan. Je kan het gistwater 'verversen' door simpelweg de oude appels weg te gooien en ze te vervangen door nieuwe.
## The recipe
> Een beetje gistwater combineren met tarwebloem om te kijken wat er gebeurt!
**preferment (12 hours at 19°C)**
Ik had geen idee wanneer deze gist klaar zou zijn om een heel brood te doen rijzen - en hoe lang het zou duren (de rijstijden dan). Ik ben gewone tarwe- of roggedesems gewoon. Dus toen ik dit recept probeerde had het enkele iteraties nodig om een succes te worden: een beetje gistwater combineren met tarwebloem en kijken wat er gebeurt!
* 100gr yeast water
* 100gr spelt flour (this is basic white spelt flour)
**final dough**<figure style="width: 300px" class="wp-caption alignright">
## Het recept
[<img title="apple yeast" src="https://lh5.ggpht.com/-B3lxGGZaqDM/UJ1Z22agSkI/AAAAAAAAGpU/lYk5L4o7ghM/s300-c/_MG_7290.JPG" alt="apple yeast" width="300" height="300" />][4]<figcaption class="wp-caption-text">apple yeast</figcaption></figure>
### **Voordeeg (12 uur op 19°C)**
* 300gr spelt flour
* 100gr wholerye flour
* 2 teaspoons cinnamon
* 1 big apple, cut up into small pieces, with peel
* 100gr gistwater
* 100gr speltbloem
![appelgist](http://lh5.ggpht.com/-B3lxGGZaqDM/UJ1Z22agSkI/AAAAAAAAGpU/lYk5L4o7ghM/s1024/_MG_7290.JPG)
### **Het brooddeeg**
* 300gr speltbloem (je kan ook tarwe gebruiken)
* 100gr volrogge meel
* 2 theelepels kaneel
* 1 grote appel, geneden in kleine stukjes, mét schil (biologisch)
* 225gr water @ 25°C
* the preferment
* het voordeeg
This would make the dough **65% hydratation** &#8211; something to relatively easy work with. I wanted to incorporate the apples I&#8217;ve used to create the yeast into the final bread. And since apples happen to combine so well with cinnamon, that was a no-brainer!
Dit zou het deeg **65% hydratatie** geven - iets redelijk eenvoudig om mee te werken. Ik wilde namelijk graag appels zelf toevoegen aan het deeg - diezelfde appels die ik gebruikte om het gistwater mee te maken. En aangezien appels goed combineren met kaneel, en ik heel graag kaneel eet... Een no-brainer!
It turned out to be extremely good. The yeast is as vigorous as classic sourdough yeast &#8211; or might even rise faster. It was difficult to judge &#8211; I let the dough final proof in the fridge for a day (6°C) &#8211; 12h. I get greater results on all bread using this method and this is no exception.
Het resultaat was heel goed. Deze gist is even hevig als klassieke zuurdesem gist - of rijst misschien zelfs een beetje sneller. Het was moeilijk om te oordelen hoe snel het ging; ik liet de tweede rijs doorgaan in de koeling voor een dag (12u) op 6°C. Ik heb altijd betere resultaten met een vertraagde tweede rijs, en dit brood is daarop geen uitzondering.
What surprised me the most was the sweetness of the bread, or the complete absence of the regular &#8220;tang&#8221; I love about sourdough. So this bread might appeal to people who don&#8217;t like rye sour or sour in general. Of course the cinnamon also helps to sweeten everything, but even without it, I still think you would get a different taste. The apples in the yeast did not affect the flavor &#8211; the apples in the bread did: it also kept it more moist!
> Wat me het meeste verbaasde was de complete afwezigheid van de verwachte zurige smaak van zuurdesembrood.
I now have three starters in my fridge: a stiff white one, a liquid rye one and this apple yeast container. Great!
Wat me het meeste verbaasde was de zoetheid van het brood. Anders gezegd: de complete afwezigheid van de normale, en verwachte, zurig-hartige smaak van zuurdesem die ik gewoon ben van tarwe- of roggedesems. Natuurlijk helpt kaneel hier erg goed, maar zelfs zonder die kruiden denk ik nog dat het een groot verschil in smaak is. De appels in de gist beïnvloedden de smaak van het deeg veel minder dan de melkzuurbacteriën in mijn normale desems. De appels in het deeg beïnvloedden de smaak wel - en de vochtigheid!
[<img class="size-full wp-image-465" title="Veel gaatjes en appel stukken" src="https://redzuurdesem.be/wp-content/uploads/2012/11/MG_7287.jpg" alt="Veel gaatjes en appel stukken" width="1024" height="683" srcset="https://redzuurdesem.be/wp-content/uploads/2012/11/MG_7287.jpg 1024w, https://redzuurdesem.be/wp-content/uploads/2012/11/MG_7287-300x200.jpg 300w, https://redzuurdesem.be/wp-content/uploads/2012/11/MG_7287-700x466.jpg 700w" sizes="(max-width: 1024px) 100vw, 1024px" />][1]<figcaption class="wp-caption-text">Veel gaatjes en appel stukken</figcaption></figure>
Ik heb nu drie starters in mijn koelkast: een stijve witte met tarwebloem, een vloeibare bruine met rogge, en een container mer appelgist. Geweldig!
[1]: https://redzuurdesem.be/wp-content/uploads/2012/11/MG_7287.jpg
[2]: http://www.thefreshloaf.com/node/30536/rose-hip-levain-made-jam
[3]: http://lh3.ggpht.com/-JhdiB3xraZU/UJ1Z01-6hUI/AAAAAAAAGpE/FwjZmwwg4oE/s1024/_MG_7286.JPG "_MG_7290.JPG"
[4]: http://lh5.ggpht.com/-B3lxGGZaqDM/UJ1Z22agSkI/AAAAAAAAGpU/lYk5L4o7ghM/s1024/_MG_7290.JPG "_MG_7290.JPG"
[![appeldesem brood](/wp-content/uploads/2012/11/MG_7287.jpg)](/wp-content/uploads/2012/11/MG_7287.jpg)

View File

@ -19,9 +19,9 @@ tags:
---
Enkele maanden geleden zijn wij op vakantie geweest in Frankrijk. Heerlijk toch, omgeven worden door veel kwalitatief betere bakkerijen, zou je denken? Dat is niet altijd het geval, kwam ik te weten. Het hangt heel erg van regio tot regio af; in meer bevolkte gebieden zijn er zelfs slechtere stokbroden te vinden dan de lokale bakker in een &#8220;boerengat&#8221; die de stiel misschien nog geleerd heeft van zijn grootvader. Het is ook moeilijk om als toerist te oordelen over de kwaliteit van een hele bakkerij door er bijvoorbeeld maar één brood van te kopen. En natuurlijk koop je geen hopen, zeker niet op vakantie, want dan eindigt dat schandalig genoeg in de vuilbak &#8211; er zijn immers zoveel bakkerijen om te proberen, en er is zo weinig tijd. (Wij rentenieren helaas nog niet, dus de vakantie was eerder beperkt&#8230;)
Wie al eens in Brussel op _bakkerij hunt_ geweest is zal ongetwijfeld wel al weten dat [Boulangerie Charli][1] de beste is, en dat [PAUL][2] er chique uit ziet en ook mooie desem broden verkoopt. Ik wist echter niet dat die laatste een keten was, tot ik die overal tegen kwam: in Marseille, in Strasbourg, in Bouc-bel-air, in Parijs. Hiermee wil ik niet zeggen dat Paul slecht brood verkoopt, maar we zijn niet op zoek naar brood dat op een industriële manier gerezen en gebakken wordt &#8211; het proces zal nooit duidelijk zijn, en ze zullen het nooit prijs geven. Hetzelfde geldt voor [Banette][3]. Dat was zowat de enige bakkerij in ons dorpje Mutzig in de Elzas.<figure id="attachment_736" style="width: 300px" class="wp-caption aligncenter">
Wie al eens in Brussel op _bakkerij hunt_ geweest is zal ongetwijfeld wel al weten dat [Boulangerie Charli][1] de beste is, en dat [PAUL][2] er chique uit ziet en ook mooie desem broden verkoopt. Ik wist echter niet dat die laatste een keten was, tot ik die overal tegen kwam: in Marseille, in Strasbourg, in Bouc-bel-air, in Parijs. Hiermee wil ik niet zeggen dat Paul slecht brood verkoopt, maar we zijn niet op zoek naar brood dat op een industriële manier gerezen en gebakken wordt &#8211; het proces zal nooit duidelijk zijn, en ze zullen het nooit prijs geven. Hetzelfde geldt voor [Banette][3]. Dat was zowat de enige bakkerij in ons dorpje Mutzig in de Elzas.
[<img class="wp-image-736 size-medium" src="https://redzuurdesem.be/wp-content/uploads/2014/10/MG_0022-300x200.jpg" alt="_MG_0022" width="300" height="200" srcset="https://redzuurdesem.be/wp-content/uploads/2014/10/MG_0022-300x200.jpg 300w, https://redzuurdesem.be/wp-content/uploads/2014/10/MG_0022.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />][4]<figcaption class="wp-caption-text">Boulangerie Banette in Molsheim</figcaption></figure>
{{< figure src="/wp-content/uploads/2014/10/MG_0022.jpg" title="Boulangerie Banette in Molsheim" >}}
Als ik brood wens te eten in Frankrijk, kan het maar beter verdomd goed brood zijn, dacht ik. Daarom probeer ik ketens automatisch te vermijden (nogmaals: waarmee ik niet wil zeggen dat ze allemaal even weinig aandacht schenken aan het bakken van een goed stuk _levain_).
@ -31,9 +31,12 @@ Dus. De vraag die in mij op kwam was als volgt: **hoe herken ik een goede bakke
2. (Op bepaalde uren-) er moet volk zijn. Klanten uiteraard. Tevreden klanten, die het geduld hebben om lang te wachten voor een goede, verse croissant.
3. De geur &#8211; dit is misschien het belangrijkste. Een bakkerij voorbij lopen bij ons geeft een héél andere geur dan een goede bakkerij in Frankrijk: dat van ons is zeer zoet (suikers: taartjes, _pateekes_, speculaas, &#8230;) en dat in Frankrijk is eerder gistig, melkachtig zoet, eigenlijk de geur van een jonge tarwe desem. Meestal begin ik dan spontaan te kwijlen als er niemand langs mij loopt.
Gebaseerd op die voorwaarden heb ik enkele pareltjes gevonden in de Provence, moest iemand er ooit komen.<figure id="attachment_737" style="width: 300px" class="wp-caption aligncenter">
Gebaseerd op die voorwaarden heb ik enkele pareltjes gevonden in de Provence, moest iemand er ooit komen.
{{< figure src="/wp-content/uploads/2014/10/MG_0111-002.jpg" title="Farinoman fou in Aix-en-provence" >}}
{{< figure src="/wp-content/uploads/2014/10/MG_0123.jpg" title="rogge met walnoten en een klassieke levain" >}}
[<img class="wp-image-737 size-medium" src="https://redzuurdesem.be/wp-content/uploads/2014/10/MG_0111-002-300x200.jpg" alt="_MG_0111-002" width="300" height="200" srcset="https://redzuurdesem.be/wp-content/uploads/2014/10/MG_0111-002-300x200.jpg 300w, https://redzuurdesem.be/wp-content/uploads/2014/10/MG_0111-002.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />][5]<figcaption class="wp-caption-text">&#8220;Farinoman fou&#8221; in Aix-en-provence</figcaption></figure> <figure id="attachment_739" style="width: 300px" class="wp-caption aligncenter">[<img class="wp-image-739 size-medium" src="https://redzuurdesem.be/wp-content/uploads/2014/10/MG_0123-300x200.jpg" alt="_MG_0123" width="300" height="200" srcset="https://redzuurdesem.be/wp-content/uploads/2014/10/MG_0123-300x200.jpg 300w, https://redzuurdesem.be/wp-content/uploads/2014/10/MG_0123.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />][6]<figcaption class="wp-caption-text">rogge met walnoten en een klassieke levain</figcaption></figure>
Je kan genoeg artikels vinden op Google van &#8220;[Farinoman fou][7]&#8221; in Aix-en-provence. Tot buiten aanschuiven? Check. Geur waar ik bijna van flauwval (van geluk dan hé)? Check. Enkel brood, alles met desem? Check. Ongelofelijk. Ik mocht met hun toestemming enkele foto&#8217;s maken in de bakkerij, boven een foto van hun &#8220;stock&#8221; &#8211; op een zaterdagmiddag tussen de markten in. Ik vermoed dat twee uur later alles weg zal geweest zijn.
@ -45,13 +48,15 @@ En dan heb je nog &#8220;_retro bakkerijen_&#8221; &#8211; ik kan geen betere be
Het &#8220;[Four des Navettes][10]&#8221; in Marseille is er daar één van. Als je de idyllische oude haven van Marseille achter je laat en enkele straten verder wandelt (en niet over de hondenstront en schooiers valt), kom je op een hoek deze extreem oude bakkerij tegen. Een van hun specialiteiten is een soort van harde biscuit met oranjebloesem, waar blijkbaar iedereen zot van is. Wij hadden het bestaan van deze bakkerij gevonden via een tourisme boekje, geleend in de bibliotheek bij ons in België, over de Provence. Het feit alleen al dat het daar in staat, had bij mij een alarmbelletje moeten laten afgaan. Maar dat deed het niet.
> Touristische trekpleisters zijn niet altijd de beste plaatsen waar je iets nieuw kan vinden. En toch was het de moeite waard!
Ik vond de biscuit niet te _freten_. (Sorry, dat is persoonlijk zeker?) Omdat ik een _desem man_ ben, vroeg ik uiteraard ook nog naar een baguette. Daar was ik ook niet zo enthousiast over &#8211; begrijpelijk, gezien ik in ons huurhuisje nog aankopen liggen hat van Farinoman Fou. Wat moest ik hier nu eigenlijk van denken? Touristische trekpleisters zijn niet altijd de beste plaatsen waar je iets nieuw kan vinden. En toch was het de moeite waard om de oude oven achter de toog te kunnen aanschouwen (zie foto).
**Als conclusie** wil ik nog even herhalen wat iemand van Puratos mij ooit wist te vertellen. _&#8220;Ook al ziet het er goed uit, het kan nog gemaakt zijn met poeder hoor_&#8220;. (Op veel Duitse bakkerijen die hun desem niet meer maken op de traditionele manier, maar door middel van industriële poedertjes).
Ik vraag me toch af waarom het zo moeilijk is om goed brood te maken. Het enige wat nodig is, is water, bloem en tijd&#8230;<figure id="attachment_738" style="width: 300px" class="wp-caption aligncenter">
Ik vraag me toch af waarom het zo moeilijk is om goed brood te maken. Het enige wat nodig is, is water, bloem en tijd&#8230;
[<img class="wp-image-738 size-medium" src="https://redzuurdesem.be/wp-content/uploads/2014/10/MG_0114-300x200.jpg" alt="_MG_0114" width="300" height="200" srcset="https://redzuurdesem.be/wp-content/uploads/2014/10/MG_0114-300x200.jpg 300w, https://redzuurdesem.be/wp-content/uploads/2014/10/MG_0114.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px" />][11]<figcaption class="wp-caption-text">Op de zaterdagmarkt van Aix</figcaption></figure>
{{< figure src="/wp-content/uploads/2014/10/MG_0114.jpg" title="Op de zaterdagmarkt van Aix" >}}
Vergeet niet om de lokale markten af te schuimen &#8211; de kans is groot dat je daar goed brood kan scoren &#8211; er liggen meestal (letterlijk) &#8220;_hompen_&#8221; pain de campagne opeen gestapeld, klaar om bijvoorbeeld per kwart verkocht te worden. Het nadeel hiervan is dat je geen idee hebt waar het van komt en hoe het &#8220;gemaakt&#8221; is &#8211; dit kan evengoed industrie zijn (die kans is kleiner).

View File

@ -165,7 +165,7 @@
});
})()
function fromFixedToScrollForSafari() {
const fromFixedToScrollForSafari = () => {
const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
const header = document.querySelector('.post_header');
if(isSafari) {
@ -173,7 +173,7 @@
}
}
function fbCommunityHeaderify() {
const fbCommunityHeaderify = () => {
var elem = document.querySelector('#fb-community-header');
if(!elem) return;
@ -197,7 +197,7 @@
elem.innerHTML = list[index] + ' &raquo;';
}
function fbCommunityContainer() {
const fbCommunityContainer = () => {
var elem = document.querySelector('#fb-community-container');
if(!elem) return;
@ -208,7 +208,19 @@
elem.innerHTML = '<div class="fb-page" data-width="' + vw + '" data-href="https://www.facebook.com/redzuurdesem" data-hide-cover="false" data-tabs="timeline,messages" data-show-facepile="false"></div>';
}
const lightbox = () => {
[...document.querySelectorAll('article img')].forEach(el => {
if(el.parentNode.nodeName !== 'A') {
el.parentNode.innerHTML = `<a href="${el.src}" class="lbox">${el.outerHTML}</a>`;
} else {
el.parentNode.setAttribute('class', 'lbox');
}
})
const box = new SimpleLightbox('.lbox', { /* options */ });
};
fbCommunityHeaderify();
fbCommunityContainer();
fromFixedToScrollForSafari();
lightbox();
})()

View File

@ -13,6 +13,7 @@
{{- else }}
{{- $scripts = resources.Get $mainScriptPath | resources.ExecuteAsTemplate $mainScriptPath . }}
{{- end }}
<script src = '/js/simple-lightbox.min.js'></script>
<script src = '{{ $scripts.Permalink }}'></script>
<div id="fb-root"></div>
<script async defer src="https://connect.facebook.net/nl_BE/sdk.js#xfbml=1&version=v3.2"></script>

View File

@ -31,5 +31,6 @@
{{- $options := (dict "targetPath" "css/styles.css" "outputStyle" "compressed" "enableSourceMap" "true") -}}
{{- $styles := resources.Get "sass/main.sass" | resources.ExecuteAsTemplate "main.sass" . | resources.ToCSS $options | resources.Fingerprint "sha512" }}
<link rel = 'stylesheet' href = '{{ $styles.Permalink }}' integrity = '{{ $styles.Data.Integrity }}'>
<link rel = 'stylesheet' href = '/css/simple-lightbox.min.css'>
<link href="https://fonts.googleapis.com/css2?family=Signika:wght@700&display=swap" rel="stylesheet">
</head>

View File

@ -0,0 +1,7 @@
/*!
By André Rinas, www.andrerinas.de
Documentation, www.simplelightbox.de
Available for use under the MIT License
Version 2.1.5
*/
body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1035}.sl-wrapper{z-index:1040}.sl-wrapper *{box-sizing:border-box}.sl-wrapper button{border:0 none;background:transparent;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:0.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:10060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:#000;font-size:3rem}.sl-wrapper .sl-close:focus{outline:none}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:1060;color:#000;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:10060;font-family:Arial,Baskerville,monospace;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}.sl-wrapper .sl-navigation button:focus{outline:none}@media (min-width: 35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}}@media (min-width: 50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}@media (min-width: 35.5em){.sl-wrapper .sl-image img{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image img{border:0 none}}.sl-wrapper .sl-image iframe{background:#000;border:0 none}@media (min-width: 35.5em){.sl-wrapper .sl-image iframe{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image iframe{border:0 none}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,0.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease 200ms;transition:-ms-transform ease 200ms;transition:-o-transform ease 200ms;transition:-webkit-transform ease 200ms;transition:transform ease 200ms}@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}

File diff suppressed because one or more lines are too long