Migrace CI na Gitea Actions

.drone.yml

@@ -1,22 +0,0 @@
----
-kind: pipeline
-name: default
-
-steps:
-  - name: build
-    image: ghcr.io/getzola/zola:v0.17.2
-    entrypoint: ["/bin/zola"]
-    command: ["build"]
-
-  - name: deploy
-    image: drillster/drone-rsync
-    settings:
-      hosts: ["0x45.cz"]
-      user: drone
-      source: public/*
-      target: /srv/www/receptty.org
-      recursive: true
-      delete: true
-    environment:
-      RSYNC_KEY:
-        from_secret: rsync_private_key

.gitea/workflows/deploy.yaml

@@ -0,0 +1,39 @@
+name: Build
+
+on:
+  push:
+    branches:
+      - master
+      - actions
+
+env:
+  ZOLA_VERSION: "0.18.0"
+  HOST: "receptty.org"
+  HOST_DIR: "/srv/www/receptty.org/"
+  USERNAME: ${{ secrets.SSH_USERNAME }}
+  SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install Zola
+        run: |
+          wget https://github.com/getzola/zola/releases/download/v${ZOLA_VERSION}/zola-v${ZOLA_VERSION}-x86_64-unknown-linux-gnu.tar.gz
+          tar -xvzf *.tar.gz
+
+      - name: Build
+        run: ./zola build
+
+      - name: Deploy
+        run: |
+          apt update -y && apt-get install -y --no-install-recommends rsync
+          eval "$(ssh-agent -s)"
+          ssh-add - <<< "${SSH_PRIVATE_KEY}"
+          mkdir -p ~/.ssh/
+          ssh-keyscan -H ${HOST} >> ~/.ssh/known_hosts
+          rsync -r --delete-after public/* "${USERNAME}@${HOST}:${HOST_DIR}"

content/apple-cabbage-stew/index.md

@@ -0,0 +1,43 @@
++++
+title = "Apple Cabbage Stew"
+date = 2023-11-06
+author = "Emil"
+
+[taxonomies]
+kategorie = ["polévky"]
+
+
+[extra]
+portions = "4"
+time = "30"
+source = "TES V Skyrim"
++++
+
+Recept je inspirovaný ze hry The Elder Scrools V Skyrim, kde jsem měl uvařit tuhle zajímavou věc. Samotný recept jsem si musel vymyslet a držet se základních surovin, jablka a zelí. Výsledkem je výborna sladko-kyselá polévka. Použil jsem silný domácí krůtí vývar, který to zvedá na úplně jinou úroveň. Příšte vyzkouším hovězí.
+
+Ingredience ||
+-|-
+Zelí | 1/4 hlávky
+Cibule | 1 ks
+Jablko | 1-2 ks
+Slanina |
+Vývar |
+Jablečný ocet |
+Třtinový cukr |
+Tymián |
+Súl |
+Pepř |
+Máslo |
+Petržel |
+
+
+1. Zelí zbavíme košťálu a nakrájíme na nudličky.
+1. Cibuli nakrájíme na kostičky, česnek nasekáme.
+1. Na másle osmažíme cibulku.
+1. Přihodíme česnek, zelí a necháme opéct.
+1. Během opékání zelí přilijeme jablečný ocet, přidáme sůl, pepř, třtinový cukr a tymián. Zelí by mělo být výrazně sladko-kyselé.
+1. Přilijeme vývar a necháme mírně probublávat 15-20 minut.
+1. Na vedlejší pánvi si opečeme slaninu a jablka, a to oloupaná a nasekaná na asi 1cm kostky. Můžeme je zasypat cukrem a nechat je zkaramelizovat do hněda.
+1. Přidáme jablka do polévky.
+1. Dochutíme solí, pepřem a jablečným octem.
+1. Zasypeme petželkou.

content/asijske-tofu-a-zeleninove-nudle/index.md

@@ -10,7 +10,7 @@ tagy = ["bezlaktózové", "bezlepkové", "low carb", "snadné", "vegetarian"]
 
 [extra]
 portions = "4"
-time = "45"
+time = "50"
 source = "kniha 365 nízkosacharidových receptů"
 +++
 
@@ -51,9 +51,9 @@ Sójová omáčka | 2 lžíce
 1. Koriandr omyjeme, osušíme a pokrájíme nadrobno.
 1. Cuketové nudle propláchneme, necháme chvíli okapat a osušíme.
 1. Na pánvi rozehřejeme 2 lžíce sezamového oleje, přidáme mrkvové a petrželové nudle a opékáme je asi 2-3 minuty.
-1. Mezitím na druhé pánvi rozehřejeme poslední 2 lžíce sezamového oleje a vyklopíme do ní obsah misky s marinovaným tofu, které opíkáme ze všech stran.
-1. Do pánve přidáme cuketové nudle, lusky, chilli a smažíme další minutku.
-1. Přidáme koriandrové listy, sójovou omáčku a limetkovou šťávu. Promícháme a udržujeme teplé.
+1. Mezitím na druhé pánvi rozehřejeme poslední 2 lžíce sezamového oleje a vyklopíme do ní obsah misky s marinovaným tofu, které opékáme ze všech stran. Až bude hotovo, odstavíme z plotny (tofu můžeme zatím nechat v pánvičce).
+1. Do první pánve přidáme cuketové nudle, lusky, chilli a smažíme další minutku.
+1. Nakonec přisypeme pokrájené koriandrové listy a nalijeme sójovou omáčku a limetkovou šťávu. Promícháme a udržujeme teplé.
 1. Na talíře rozdělíme zeleninové nudle, na ně opečené tofu a strávníci si dle chuti mohou pokrm posypat praženými arašídy.
 
 

content/chaliapin-steak/index.md

@@ -0,0 +1,40 @@
++++
+title = "Chaliapin Steak"
+date = 2023-11-08
+author = "Emil"
+
+[taxonomies]
+kategorie = ["maso"]
+
+[extra]
+portions = "1"
+time = "120"
+source = "Shokugeki no Soma"
++++
+
+Název nese jméno operního zpěváka Feodora Chaliapina, který v Japonsku trpěl na bolest zubu a objednal si "extra jemný" steak. Šéfkuchař použil čerstvou cibuli na zjemnení masa.
+
+Ingredience ||
+-|-
+Hovězí steak ze svíčkové |
+Cibule | 4 ks
+Máslo |
+Olivový olej |
+Sojová omáčka |
+Sůl |
+Pepř |
+Petržel |
+
+1. Maso překryjeme plastovou fólií a jemně naklepeme do tloušťky asi 8 až 10mm.
+1. Z obou stran nožem vyřežeme mřížku s mezerami asi 5mm.
+1. Nastrouháme dvě cibule a pokryjeme jimi obě strany masa. Šťáva z cibule zajistí jeho zjemnění.
+1. Překryjeme novým kusem fólie a necháme stát minimálně 30 minut, lépe však hodinu.
+1. Zbylé cibule nakrájíme na kostičky a opečeme je na másle (sauté).
+1. Když jsou cibule lehce zlaté, snížíme plamen, přidáme sůl a pepř a pokračujeme, dokud není cibule nádherně zlatá.
+1. Hotovou cibuli odložíme do misky.
+1. Z masa odstraníme co nejvíce cibule, jednu stranu osolíme, opepříme a položíme na rozpálenou pánev s olivovým olejem.
+1. Poté co jedna strana zezlátne, osolíme a opepříme i druhou stranu a smaso otočíme.
+1. Když je maso medium-rare, odložíme na talíř a necháme odpočinout
+1. Cibuli vrátíme do pánve, ohřejeme a přidáme lžičku sójové omáčky.
+1. Hotovou cibulí pokryjeme vrchní stranu masa. Pro ozdobu můžeme v cibuli nožem vytvořit mřížku.
+1. Na vrch posypeme nasekanou petržel.

content/rajska-omacka/index.md

@@ -20,6 +20,7 @@ Studená voda | 2 lžíce
 Cibule | 1 ks
 Mletý pepř |
 Oregano |
+Sůl |
 Strouhanka | 3 lžíce
 
 Omáčka ||
@@ -29,8 +30,8 @@ Bobkové listy | 3 ks
 Pepř | 6 kuliček
 Nové koření | 6 kuliček
 Masox | 1 kostka
-Olej | 2 lžíce
-Hladká mouka | 4 lžíce
+Máslo | 2 lžíce
+Hladká mouka | 2 lžíce
 Rajský protlak | 140 g
 Cukr | 2 lžíce
 Skořice | 1 lžička
@@ -47,13 +48,13 @@ Sůl |
 
 1. Do středního hrnce vlijeme vodu, přidáme bobkový list, pepř, nové koření a masox. Přivedeme k varu.
 1. Vložíme masové kuličky a necháme 10 minut povařit.
-1. Kuličky vyndáme z vody. Pokud chceme, můžeme dát kuličky na 10 minut do trouby předehřáté na 250°C. Budou tím hezky křupavé.
+1. Kuličky vyndáme z vody. Pokud chceme, můžeme dát kuličky na 10 minut do trouby předehřáté na 250°C, nebo je osmnahnout na pánvi.
 1. Z hrnce přelijeme kořeněnou vodu přes sítko. Osobně používám skleněnou odměrku.
-1. Hrnek si vytřeme kuchyňským ubrouskem, aby nebyl mokrý (nebo vymyjeme a utřeme do sucha).
-1. Do hrnce vlijeme olej a necháme rozehřát.
+1. Hrnec si vytřeme kuchyňským ubrouskem, aby nebyl mokrý (nebo vymyjeme a utřeme do sucha).
+1. V hrnci rozpustíme máslo.
 1. Poté přidáme zbylé kostky cibule a osmahneme.
 1. Přisypeme mouku a mícháme (ideálně metličkou). Usmažíme tak jíšku. Mouka nesmí zhnědnout.
 1. Poté po malých dávkách přiléváme přecezený vývar. Další várku přiléváme až ve chvíli, když je předchozí zcela vmíchaná.
 1. Do tohoto základu vmícháme rajský protlak, cukr, skořici, citronovou šťávu a trochu osolíme. Dále upravíme dle chuti
-1. Pokud jsme kuličky nedávali do trouby opéct, tak v tuto chvíli je přidáme do omáčky ještě zahřát.
+1. Pokud jsme kuličky nedávali opéct, v tuto chvíli je přidáme do omáčky ještě zahřát.
 1. Servírujeme s masovými kuličkami a těstovinami nebo třeba [rychlými hrníčkovými knedlíky](@/rychle-hrnickove-knedliky/index.md) - jak má kdo rád.

content/tunakovy-salat-s-vejcem-a-avokadem/index.md

@@ -36,7 +36,7 @@ Pepř |
 1. Vejce si uvaříme natvrdo. Pokud máme lehce rádi lehce tekoucí žloutek, stačí vařit 6 minut.
 1. Mezitím si připravíme si velkou mísu a nasypeme do ní mix salátových listů a rukolu. Pokud máme rádi menší sousta, můžeme rukolu ještě pokrájet.
 1. Rajčata omyjeme a pokrájíme na poloviny.
-1. Šalotku zbaíme slupky a pokrájíme na drobné kostičky.
+1. Šalotku zbavíme slupky a pokrájíme na drobné kostičky.
 1. Avokádo rozpůlíme, vyjmeme pecku a pokrájíme na kostičky.
 1. Vše pokrájené přidáme do mísy a promícháme.
 1. Do menší uzavíratelné sklenice dáme všechny ingredience na zálivku, dle chuti sůl a pepř, sklenici uzavřeme a protřepeme. 

content/vajecnak-podle-zufanka/index.md

@@ -7,7 +7,6 @@ author = "pdostal"
 kategorie = ["nápoje"]
 tagy = ["alkohol"]
 
-
 [extra]
 portions = "1 lahev"
 time = "30"
@@ -17,18 +16,18 @@ source_url = "https://www.facebook.com/zufanek/posts/pfbid034o7uw1trRsf7GdvDWmG4
 
 Ingredience ||
 -|-
-vaječné žloutky | 4
-moučkový cukr | 70 g
-smetana ke šlehání | 220 ml
+Vaječné žloutky | 4
+Moučkový cukr | 70 g
+Smetana ke šlehání | 220 ml
 Bulleit Frontier Bourbon | 220 ml
-rum Casa Eminente | 30 ml
-kvalitní brandy | 30 ml
-vanilkový lusk | 1
+Rum Casa Eminente | 30 ml
+Kvalitní brandy | 30 ml
+Vanilkový lusk | 1
 
 1. V míse vidličkou rozmícháme žloutky s cukrem tak, aby vznikla řidčí kašička.
-1. Do té přidáme vnitřek vanilkového lusku a opět promícháme vidličkou.
-1. Přilijeme smetanu a dále mícháme metlou, dokud nedosáhneme krémové konzistence.
-1. Do směsi postupně přilíváme alkohol a vmícháváme jej metlou do krémové směsi.
-1. Výsledek lijeme pouze do sterilizovaných, skleněných, uzavíratelných lahví.
-1. Pozor! Žufánkův domácí vaječňák je potřeba nechat 3 týdny odpočívat v lednici, rozhodně ne méně.
-1. Po vyjmutí z chladu necháme likér při pokojové teplotě povolit a poté servírujeme.
+2. Do té přidáme vnitřek vanilkového lusku a opět promícháme vidličkou.
+3. Přilijeme smetanu a dále mícháme metlou, dokud nedosáhneme krémové konzistence.
+4. Do směsi postupně přilíváme alkohol a vmícháváme jej metlou do krémové směsi.
+5. Výsledek lijeme pouze do sterilizovaných, skleněných, uzavíratelných lahví.
+6. Pozor! Žufánkův domácí vaječňák je potřeba nechat 3 týdny odpočívat v lednici, rozhodně ne méně.
+7. Po vyjmutí z chladu necháme likér při pokojové teplotě povolit a poté servírujeme.

content/vajecny-liker/index.md

@@ -15,20 +15,32 @@ source = "Cuketka.cz"
 source_url = "https://recepty.cuketka.cz/vajecny-liker-konak-eggnog/"
 +++
 
+Postup je docela jednoduchý, ale jen je potřeba si dát pozor ve finální fázi, kdy se likér tepelně upravuje. Je potřeba postupovat pomalu a na mírném plameni.
+
+Pokud budete zbrklí, nebo přestřelíte koncovou teplotu, tak se žloutky srazí a krém se zdrcne. Já vám ale věřím, že to zvládnete. Jsem navíc přesvědčený, že to tady za tu námahu opravdu stojí!
+
+Žloutkový krém houstne v teplotním rozmezí od 70 do 85 °C. Čím vyšší teplota, tím je krém hustší. Do likéru vám bude stačit se trefit někam mezi 75 až 80 °C.
+
+Pokud nemáte teploměr, vůbec se tím nestresujte a orientujte se jen podle hustoty krému. V momentě, kdy krém ulpívá na lžíci a při fouknutí na ni dělá pěkné vlnky, máte hotovo.
+
 Ingredience ||
 -|-
-vaječné žloutky | 4
-moučkový cukr | 70 g
-smetana ke šlehání | 220 ml
-Bulleit Frontier Bourbon | 220 ml
-rum Casa Eminente | 30 ml
-kvalitní brandy | 30 ml
-vanilkový lusk | 1
+vaječné žloutky | 6
+tuzemák (nebo něco jiného dobrého | 250 ml
+kondenzované mléko (9 % tuku, neslazené) | 100 ml
+smetana (30 % tuku) | 250 ml
+moučkový cukr | 200g
+vanilkový cukr | 10g
+
+Můžete použít i vanilkový extrakt nebo vanilkový lusk. Pokud použijete vanilkový lusk, přidejte ho v úvodní fázi, kde se zahřívá smetana s mlékem. Před přidáním do žloutků pak sceďte přes jemné sítko.
+
+1. Do kastrolu se silným dnem dejte smetanu, kondenzované mléko, 100 g cukru a vanilkový cukr. Rozmíchejte a přiveďte k mírnému varu. Odstavte.
+2. Do mísy dejte žloutky a přidejte zbylý cukr. Metličkou nejprve rozmíchejte a poté už s větší energii vyšlehejte, dokud žloutky nezesvětlají a dokud v míse za metlou nezanechávají stuhy.
+3. Směs horké smetany vlijte za stálého míchání ke žloutkům a rozmíchejte. Vlijte zpět do rendlíku a postavte na mírným plamen.
+4. Za stálého míchání, při kterém vařečkou nebo stěrkou projedete celé dno nádoby, pomalu přiveďte krém ke zhoustnutí při teplotě okolo 75 až 80 °C. Zabere to 5 až 10 minut, podle typu nádoby a teploty ploténky.
+5. Ihned jak bude krém hustý, stáhněte z plamene a dále míchejte. Můžete si i připravit nádobu s ledovou vodou, do které hrnec s krémem ihned ponoříte. Do krému přidejte rum a promíchejte. Pokud máte v likéru nějaké malé hrudky, přeceďte ho skrz jemné sítko. Naplňte do nádob a uskladněte v lednici.
+
+Pokud se bojíte, můžete finální krok udělat ve vodní lázni. Připravíte si větší hrnce s trochou vody na dně, do něj vsadíte rendlík nebo mísu a v něm mícháte krém do zhoustnutí. Druhá možnost je pojistit se proti zdrcnutí přidáním 2 lžiček škrobu ke žloutkům s cukrem.
+
+Co dělat, když je likér po vychlazení příliš hustý? Může se to stát, pokud krém uděláte na vyšší teplotu. Řešení je jednoduché -- likér stačí naředit rumem navíc, dokud nebude zase pěkně tekutý.
 
-1. V míse vidličkou rozmícháme žloutky s cukrem tak, aby vznikla řidčí kašička.
-1. Do té přidáme vnitřek vanilkového lusku a opět promícháme vidličkou.
-1. Přilijeme smetanu a dále mícháme metlou, dokud nedosáhneme krémové konzistence.
-1. Do směsi postupně přilíváme alkohol a vmícháváme jej metlou do krémové směsi.
-1. Výsledek lijeme pouze do sterilizovaných, skleněných, uzavíratelných lahví.
-1. Pozor! Žufánkův domácí vaječňák je potřeba nechat 3 týdny odpočívat v lednici, rozhodně ne méně.
-1. Po vyjmutí z chladu necháme likér při pokojové teplotě povolit a poté servírujeme.

content/zapecena-krkovice-s-bramborem/index.md

@@ -0,0 +1,39 @@
++++
+title = "Zapečená krkovice s bramborem"
+date = 2023-11-21
+author = "Emil"
+
+[taxonomies]
+kategorie = ["maso"]
+tagy = ["levné", "rychlé", "snadné"]
+
+[extra]
+portions = "6"
+time = "30"
++++
+
+Ingredience ||
+-|-
+Vepřová krkovice | 6 plátků (~1 cm)
+Brambory | 5 velkých kusů
+Cibule | 3 velké kusy
+Česnek | 1-2 stroužky
+Třtinový cukr |
+Niva |
+Smetana |
+Tymián |
+Rozmarýn |
+Vepřové sádlo |
+Sůl |
+Pepř |
+
+1. Na pánvi rozpustíme trochu sádla a osmažíme cibuli nakrájenou na měsíčky.
+1. Když začne chytat zlatou barvu, zasypeme trochou cukru a necháme zkaramelizovat. Na chvilku přidáme i na plátky nakrájený česnek.
+1. Hotovou cibuli přendáme do zapékací mísy.
+1. Osolíme a opepříme jednu stranu plátků masa a na dalším sádle osmažíme do zlata. Můžeme přidat i trochu rozmarýnu a tymiánu.
+1. Osolíme a opepříme druhou stranu a osmažíme.
+1. Hotové maso vyložíme na cibuli.
+1. Brambory pokrájené na větší měsíčky opět osolíme, opepříme, přidáme tymián, rozmarýn a osmažíme na sádle do zlatova.
+1. Hotové brambory položíme na maso.
+1. Dáme péct do předehřáté trouby na asi 200°C.
+1. Když jsou brambory skoro hotové (ne rozvařené), zasypeme je sýrem a necháme jej rozpustit.

content/zapecena-ricotta-s-rajcaty/index.md

@@ -1,17 +1,17 @@
 +++
 title = "Zapečená ricotta s rajčaty"
 date = 2022-01-20
-author = "Terezka"
+author = "Terezka & Emil"
 
 [taxonomies]
 kategorie = ["zelenina"]
 tagy = ["bezlepkové", "low carb", "pečené", "snadné", "vegetarian"]
 
-
 [extra]
 portions = "4"
 time = "40"
-source = "Apetit Online.cz"
+source = "Apetit"
+source_url = "https://www.apetitonline.cz/recept/zapecena-ricotta"
 +++
 
 Ingredience ||
@@ -20,26 +20,25 @@ Máslo | 25 g
 Parmezán, strouhaný | 50 g
 Cherry rajčata | 300 g
 Česnek | 1 stroužek
-Olivový olej | 1 lžíce
-Sůl | 
-Pepř | 
+Olivový olej |
+Balzamikový ocet |
 Ricotta | 500 g
 Vejce | 6 ks
 Zakysaná smetana | 200 g
 Tymián | 2 lžičky
 
 1. Horkovzdušnou troubu předehřejeme na 180°C. Troubu bez horkovzduchu na 200°C.
-1. Zapékací formu (cca 36x24 cm) vymažeme máslem a vysypeme parmezánem.
-1. Připravíme si pečící plech (klidně menší) a vyložíme pečícím papírem.
+1. Zapékací formu (~32x21 cm) vymažeme máslem a vysypeme parmezánem.
+1. Připravíme si pečící plech a vyložíme jej pečícím papírem.
 1. Rajčátka překrájíme na poloviny a přesuneme do střední mísy.
-1. Česnek rozdrtíme plochou nože a pokrájíme na velmi malé kostičky. Přidáme k rajčátkům.
-1. Přilijeme olej, osolíme, opepříme, promícháme a přesypeme na připravený pečící plech.
+1. Česnek rozdrtíme plochou nože, pokrájíme a přidáme k rajčátkům.
+1. Přilijeme olej, osolíme, opepříme, zakapeme balzamikovým octem, promícháme a přesypeme na připravený pečící plech.
 1. Plech dáme do trouby na 15 minut.
 1. Mezitím si vyšleháme ricottu s vejci. 
 1. Přidáme zakysanou smetanu a promícháme.
 1. Přisypeme 1 lžičku tymiánu, osolíme a opepříme.
 1. Směs vlijeme do vymazané formy.
-1. Hotová rajčátka přendáme na směs. Troubu nevypínáme.
-1. Posypeme zbylou lžičkou tymiánu a vložíme do trouby.
-1. Pečeme 20-25 minut.
+1. Hotová rajčátka přendáme na směs.
+1. Posypeme zbylou lžičkou tymiánu, zakapeme oliovovým olejem a vložíme do trouby.
+1. Pečeme ~20 minut, dokud se směs nezpevní.
 1. Servírovat můžeme teplé, například se salátkem, nebo i studené.

readme.md

@@ -0,0 +1,31 @@
+Webové stránky s recepty postavené na generátoru [Zola](https://www.getzola.org/).
+
+## Příprava pro vývoj
+
+1. Nainstalovat [Zolu](https://www.getzola.org/)
+1. Naklonovat repozitář, například `git clone git@git.0x45.cz:em/receptty.org.git`
+1. Spustit Zolu pro vývoj: `zola serve`, nebo vygenerovat statické HTML: `zola build`
+
+## Jak přidat recept
+
+Ve složce `content` stačí vytvořit novou složku. Její název bude zároveň URL budoucího receptu. Ve složce s receptem musí být soubor `index.md`, který obsahuje header:
+
+```
++++
+title = "Název receptu"
+date = 2024-01-01
+author = "Autor"
+
+[taxonomies]
+kategorie = ["category"]
+tagy = ["tag1", "tag2"]
+
+[extra]
+portions = "1"
+time = "120"
+source = "Název zdroje"
+source_url = "URL zdroje"
++++
+```
+
+Taxonomie a metadata v sekci `[extra]` jsou nepovinná. Součástí složky může být zároveň obrázek s názvem `img.jpg`, který se použije pro náhled receptu.

sass/_lightbox.scss

@@ -0,0 +1,45 @@
+.lightbox {
+	display: none;
+
+	position: fixed;
+	z-index: 999;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	padding: 1em 0;
+
+	background: rgba(0, 0, 0, 0.8);
+	cursor: pointer;
+
+	&.visible {
+		display: block;
+		animation: fade-in .3s ease-out;
+
+		div { animation: zoom-in .2s ease-out }
+	}
+
+	div {
+		display: block;
+		width: 100%;
+		height: 100%;
+		max-width: 1500px;
+		margin: 0 auto;
+
+		background-position: center;
+		background-repeat: no-repeat;
+		background-size: contain;
+	}
+}
+
+// Keyframes have to be used, because transition
+// does not work with `display: none`
+@keyframes fade-in {
+	0% { display: none; opacity: 0 }
+	1% { display: block; opacity: 0 }
+	100% { display: block; opacity: 1 }
+}
+@keyframes zoom-in {
+	0% { transform: scale(.5) }
+	100% { transform: scale(1) }
+}

sass/style.scss

@@ -5,6 +5,7 @@
 @import "tags";
 @import "tables";
 @import "fonts";
+@import "lightbox";
 
 
 *, *:before, *:after {
@@ -68,6 +69,7 @@ main {
 			margin:0 auto 2em auto;
 			border-radius:5px;
 			border:1px solid $border;
+			cursor: pointer;
 		}
 	
 		h2 { margin: 0.85em 0 }

templates/base.html

@@ -7,6 +7,7 @@
 	<title>{% block title %}{{ config.title }}{% endblock title %}</title>
 	<link rel="stylesheet" href="{{ get_url(path="/style.css") }}" type="text/css">
 	<link rel="stylesheet" href="{{ get_url(path="/icons.css") }}" type="text/css">
+	{% block head_extra %}{% endblock head_extra %}
 </head>
 <body>
 	<nav>

templates/macros.html

@@ -10,21 +10,25 @@
 	{% endif %}
 >
 	<a href="{{ recipe.permalink }}">
-		{% set_global image = "../static/temp.jpg" %}
-		{% for asset in recipe.assets %}
-			{% if asset is matching("[img.](jpg|png)$") %}
-				{% set_global image = asset %}
-				{% break %}
-			{% endif %}
-		{% endfor %}
-		{% set image = resize_image(path=image, width=300, height=300, op="fill") %}
-		<div class="image" style="background-image: url('{{ image.url }}')"></div>
+		<div class="image" style="background-image: url('{{ macro::recipe_preview_image(recipe=recipe) }}')"></div>
 		<div class="title">{{ recipe.title }}</div>
 		{% if recipe.date %}<span class="date">{{ recipe.date | date(format="%d.%m.%Y") }}</span>{% endif %}
 	</a>
 </article>
 {% endmacro print_recipe %}
 
+{% macro recipe_preview_image(recipe) %}
+	{%- set_global image = "../static/temp.jpg" %}
+	{%- for asset in recipe.assets %}
+		{%- if asset is matching("[img.](jpg|png)$") %}
+			{%- set_global image = asset %}
+			{%- break %}
+		{%- endif %}
+	{%- endfor %}
+	{%- set image = resize_image(path=image, width=300, height=300, op="fill") %}
+	{{- image.url -}}
+{% endmacro recipe_preview_image %}
+
 {% macro pagination() %}
 	{% if paginator.previous %}
 		<a href="{{ paginator.previous }}"><span class="icon icon-arrow-left2"></span></a>
@@ -71,7 +75,8 @@
 	{% for asset in page.assets %}
 		{% if asset is matching("[img.](jpg|png)$") %}
 			{% set image = resize_image(path=asset, width=900, height=400, op="fill") %}
-			<a href="{{ get_url(path=asset) }}"><img src="{{ image.url }}" alt="Náhled"></a>
+			<img src="{{ image.url }}" alt="Náhled" id="preview-image">
+			<div id="fullsize-image" class="lightbox"><div style="background-image:url('{{ get_url(path=asset) }}')"></div></div>
 			{% break %}
 		{% endif %}
 	{% endfor %}

templates/page.html

@@ -1,6 +1,12 @@
 {% extends "base.html" %}
 
 {% block title %}{{ config.title }} — {{ page.title }}{% endblock title %}
+{% block head_extra %}
+	<meta property="og:title" content="{{ page.title }}">
+	<meta property="og:url" content="{{ config.base_url }}">
+	<meta property="og:image" content="{{ macro::recipe_preview_image(recipe=page) }}">
+	<meta property="og:type" content="article">
+{% endblock head_extra %}
 
 {% block content %}
 <main class="recipe">
@@ -26,5 +32,10 @@
 	for(let i=0; i<list_items.length; i++){
 		list_items[i].addEventListener('click', function(){ this.classList.toggle("completed"); }, false);
 	}
+
+	let preview_image = document.getElementById('preview-image');
+	let fullsize_image = document.getElementById('fullsize-image');
+	preview_image.addEventListener('click', function(){ fullsize_image.classList.add("visible"); }, false);
+	fullsize_image.addEventListener('click', function(){ fullsize_image.classList.remove("visible"); }, false);
 </script>
 {% endblock script %}