To Do

• Lijst met benodigdheden maken
• Headers naar nederlands aanpassen
• Readme schrijven
• Stap voor stap foto's toevoegen, e.g. in slider vorm
• Ingredienten tussen haakjes grayed out
• Kleurenthema aanpassen
• Links toevoegen aan over mij
• Foto slider toevoegen aan over mij
• Sportvoedingsblog
• Sportvoedings recepten: voeg voedingswaarden toe
• indentation ingredientenlijst
• voetnoten bij ingredientenlijst (en ook bereidingswijze) voor extra toelichting onderaan het recept. Of i-tje
• tabel opmaak voor voedingswaarden.
• voedingswaarden een plek geven in de opmaak.
• https://lukasmurdock.com/recipe-site-with-jekyll/
• ander logo
• logo positie links bovenin
• wanneer smaller scherm dan wordt alles onder elkaar geplaatst, maar dan is de ingrediëntenlijst te smal
• nav bar als het te smal scherm wordt dan een hamburger menu worden zodat het logo niet over de namen gaat. OF eerst het logo erboven laten zien.

Slider/carousel pictures

Pure CSS carousel from https://jekyllcodex.org/without-plugin/slider/.

Usage

Add sliders to layout:

{% include carousel.html height="50" unit="%" number="1" %}

{% include carousel.html height="50" unit="%" number="2" %}

You can add duration=10 if you want to auto rotate to the next image in 10 seconds.

create YML array called carousels in the front matter of the post with this content:

carousels:
  - images: 
    - image: /uploads/slider/image1.jpg
    - image: /uploads/slider/image2.jpg
    - image: /uploads/slider/image3.jpg
    - image: /uploads/slider/image4.jpg
  - images: 
    - image: /uploads/slider/image5.jpg
    - image: /uploads/slider/image6.jpg
    - image: /uploads/slider/image7.jpg
    - image: /uploads/slider/image8.jpg

Jekyll template

This website is made with Jekyll, and inspired by the food/baking blog template made by CloudCannon, see here for more information.