diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..d820931
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+output/*
+venv/
\ No newline at end of file
diff --git a/README.md b/README.md
index b0b0d22..6d6fd12 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,52 @@
-# www.moonwalks.be
+# Moonwalks.be
+
+## Editing content
+
+The content files are in the `content/` directory.
+
+`markdown` file exists in different languages, they're in `content/projects` (the texts presentation of the different projects) or `content/pages` (mainly the index, which is the intro + bio before the calendar).
+
+Images can be dropped in the `content/gallery` folder, name as no importance, a plugin is going to resize them and sort them by hours of the day they were taken (using their metadata).
+
+## Adding walk entries
+
+The moonwalk calendar is a `.yaml` file, in `content/calendar/`.
+To add a new entry:
+
+1. open the website in a browser and go to the calendar to see what are the next New/Full moon dates
+2. either copy the date by hand (with `-` between 2-digit numbers) or click on the date box on the calendar webpage (it will automatically copy it)
+3. add a new entry in the `.yaml` by pasting the date (at one more indentation level than the `calendar:` key)
+4. fill the other field like so:
+
+
+```yaml
+calendar:
+
+ #Full moon walk on the 18.03.22
+ 18-03-22:
+ start_time: "18:00"
+ start_location: "Drève du comte"
+ start_location_link: "https://www.openstreetmap.org/way/14502214#map=17/50.79518/4.40096"
+```
+
+Everytime the webpage load it will first get the New/Full moon dates from the API, then see if any entries in the calendar matches one of those date and if it does, add the corresponding informations.
+
+## Regenerate the website after editing content
+
+Init steps
+1. clone the repository
+2. install pelican
+
+On every updates
+1. make your edits to the `content/` folder
+2. `add`, `commit` and `push` your changes to the directory
+3. open a terminal in the root folder of this project and launch the `pelican` command to regenerate
+4. copy the new files generated in the `output/` folder to the server
+
+if a change don't appear immediatly it's possible you have to hard refresh (using `ctrl`+`shift`+`r`).
+
+
\ No newline at end of file
diff --git a/__pycache__/pelicanconf.cpython-38.pyc b/__pycache__/pelicanconf.cpython-38.pyc
new file mode 100644
index 0000000..04fba3c
Binary files /dev/null and b/__pycache__/pelicanconf.cpython-38.pyc differ
diff --git a/content/calendar/calendar.yaml b/content/calendar/calendar.yaml
new file mode 100644
index 0000000..f4fdbec
--- /dev/null
+++ b/content/calendar/calendar.yaml
@@ -0,0 +1,28 @@
+---
+
+ reservation_mail: "anais@anaisberck.be"
+ months_ahead: 3
+ latitude: 50.79493
+ longitude: 4.40250
+ timezone: "Europe/Brussels"
+
+ # -- test for california
+ # latitude: 36.7783
+ # longitude: -119.4179
+ # timezone: "America/Los_Angeles"
+ # https://www.timeanddate.com/moon/phases/usa/california-city
+ # it works !!
+
+ calendar:
+
+ #Full moon walk on the 18.03.22
+ 18-03-22:
+ start_time: "18:00"
+ start_location: "Drève du comte"
+ start_location_link: "https://www.openstreetmap.org/way/14502214#map=17/50.79518/4.40096"
+
+ #New Moon walk on the 01.04.22
+ # 01-04-22:
+ # start_time: "19:30"
+ # start_location: "Drève du comte"
+ # start_location_link: "https://www.openstreetmap.org/way/14502214#map=17/50.79518/4.40096"
\ No newline at end of file
diff --git a/content/gallery/beeld1.JPG b/content/gallery/beeld1.JPG
new file mode 100644
index 0000000..d7c4ab6
Binary files /dev/null and b/content/gallery/beeld1.JPG differ
diff --git a/content/gallery/beeld10.JPG b/content/gallery/beeld10.JPG
new file mode 100644
index 0000000..8a59e29
Binary files /dev/null and b/content/gallery/beeld10.JPG differ
diff --git a/content/gallery/beeld11.JPG b/content/gallery/beeld11.JPG
new file mode 100644
index 0000000..b087c65
Binary files /dev/null and b/content/gallery/beeld11.JPG differ
diff --git a/content/gallery/beeld12.JPG b/content/gallery/beeld12.JPG
new file mode 100644
index 0000000..a13ec64
Binary files /dev/null and b/content/gallery/beeld12.JPG differ
diff --git a/content/gallery/beeld13_mei.JPG b/content/gallery/beeld13_mei.JPG
new file mode 100644
index 0000000..667325f
Binary files /dev/null and b/content/gallery/beeld13_mei.JPG differ
diff --git a/content/gallery/beeld14_mei.JPG b/content/gallery/beeld14_mei.JPG
new file mode 100644
index 0000000..d984ccf
Binary files /dev/null and b/content/gallery/beeld14_mei.JPG differ
diff --git a/content/gallery/beeld15_mei.JPG b/content/gallery/beeld15_mei.JPG
new file mode 100644
index 0000000..bd016ca
Binary files /dev/null and b/content/gallery/beeld15_mei.JPG differ
diff --git a/content/gallery/beeld16_mei.JPG b/content/gallery/beeld16_mei.JPG
new file mode 100644
index 0000000..28082f4
Binary files /dev/null and b/content/gallery/beeld16_mei.JPG differ
diff --git a/content/gallery/beeld17_mei.JPG b/content/gallery/beeld17_mei.JPG
new file mode 100644
index 0000000..83b7a3f
Binary files /dev/null and b/content/gallery/beeld17_mei.JPG differ
diff --git a/content/gallery/beeld18_mei.JPG b/content/gallery/beeld18_mei.JPG
new file mode 100644
index 0000000..3a2fae4
Binary files /dev/null and b/content/gallery/beeld18_mei.JPG differ
diff --git a/content/gallery/beeld19_mei.JPG b/content/gallery/beeld19_mei.JPG
new file mode 100644
index 0000000..475d0b6
Binary files /dev/null and b/content/gallery/beeld19_mei.JPG differ
diff --git a/content/gallery/beeld2.JPG b/content/gallery/beeld2.JPG
new file mode 100644
index 0000000..b9dfa25
Binary files /dev/null and b/content/gallery/beeld2.JPG differ
diff --git a/content/gallery/beeld20_mei.JPG b/content/gallery/beeld20_mei.JPG
new file mode 100644
index 0000000..7f36bbb
Binary files /dev/null and b/content/gallery/beeld20_mei.JPG differ
diff --git a/content/gallery/beeld21_mei.JPG b/content/gallery/beeld21_mei.JPG
new file mode 100644
index 0000000..a81ce96
Binary files /dev/null and b/content/gallery/beeld21_mei.JPG differ
diff --git a/content/gallery/beeld22.JPG b/content/gallery/beeld22.JPG
new file mode 100644
index 0000000..71ef785
Binary files /dev/null and b/content/gallery/beeld22.JPG differ
diff --git a/content/gallery/beeld23.JPG b/content/gallery/beeld23.JPG
new file mode 100644
index 0000000..6ab7176
Binary files /dev/null and b/content/gallery/beeld23.JPG differ
diff --git a/content/gallery/beeld24.JPG b/content/gallery/beeld24.JPG
new file mode 100644
index 0000000..d608b39
Binary files /dev/null and b/content/gallery/beeld24.JPG differ
diff --git a/content/gallery/beeld25.JPG b/content/gallery/beeld25.JPG
new file mode 100644
index 0000000..b3d53a5
Binary files /dev/null and b/content/gallery/beeld25.JPG differ
diff --git a/content/gallery/beeld26.JPG b/content/gallery/beeld26.JPG
new file mode 100644
index 0000000..573e731
Binary files /dev/null and b/content/gallery/beeld26.JPG differ
diff --git a/content/gallery/beeld27.JPG b/content/gallery/beeld27.JPG
new file mode 100644
index 0000000..904f6f1
Binary files /dev/null and b/content/gallery/beeld27.JPG differ
diff --git a/content/gallery/beeld28.JPG b/content/gallery/beeld28.JPG
new file mode 100644
index 0000000..494e664
Binary files /dev/null and b/content/gallery/beeld28.JPG differ
diff --git a/content/gallery/beeld29.JPG b/content/gallery/beeld29.JPG
new file mode 100644
index 0000000..578be11
Binary files /dev/null and b/content/gallery/beeld29.JPG differ
diff --git a/content/gallery/beeld3.JPG b/content/gallery/beeld3.JPG
new file mode 100644
index 0000000..26b3c04
Binary files /dev/null and b/content/gallery/beeld3.JPG differ
diff --git a/content/gallery/beeld30.JPG b/content/gallery/beeld30.JPG
new file mode 100644
index 0000000..b133b28
Binary files /dev/null and b/content/gallery/beeld30.JPG differ
diff --git a/content/gallery/beeld31.JPG b/content/gallery/beeld31.JPG
new file mode 100644
index 0000000..dea6604
Binary files /dev/null and b/content/gallery/beeld31.JPG differ
diff --git a/content/gallery/beeld32.JPG b/content/gallery/beeld32.JPG
new file mode 100644
index 0000000..2a8cb0a
Binary files /dev/null and b/content/gallery/beeld32.JPG differ
diff --git a/content/gallery/beeld33.JPG b/content/gallery/beeld33.JPG
new file mode 100644
index 0000000..1d1f29c
Binary files /dev/null and b/content/gallery/beeld33.JPG differ
diff --git a/content/gallery/beeld34.JPG b/content/gallery/beeld34.JPG
new file mode 100644
index 0000000..644ecc4
Binary files /dev/null and b/content/gallery/beeld34.JPG differ
diff --git a/content/gallery/beeld35.JPG b/content/gallery/beeld35.JPG
new file mode 100644
index 0000000..1c1e052
Binary files /dev/null and b/content/gallery/beeld35.JPG differ
diff --git a/content/gallery/beeld36.JPG b/content/gallery/beeld36.JPG
new file mode 100644
index 0000000..f0bebdc
Binary files /dev/null and b/content/gallery/beeld36.JPG differ
diff --git a/content/gallery/beeld37.JPG b/content/gallery/beeld37.JPG
new file mode 100644
index 0000000..5e9e469
Binary files /dev/null and b/content/gallery/beeld37.JPG differ
diff --git a/content/gallery/beeld38.JPG b/content/gallery/beeld38.JPG
new file mode 100644
index 0000000..dcce748
Binary files /dev/null and b/content/gallery/beeld38.JPG differ
diff --git a/content/gallery/beeld39.JPG b/content/gallery/beeld39.JPG
new file mode 100644
index 0000000..347b36b
Binary files /dev/null and b/content/gallery/beeld39.JPG differ
diff --git a/content/gallery/beeld4.JPG b/content/gallery/beeld4.JPG
new file mode 100644
index 0000000..b8bc5b0
Binary files /dev/null and b/content/gallery/beeld4.JPG differ
diff --git a/content/gallery/beeld40.JPG b/content/gallery/beeld40.JPG
new file mode 100644
index 0000000..f458216
Binary files /dev/null and b/content/gallery/beeld40.JPG differ
diff --git a/content/gallery/beeld41.JPG b/content/gallery/beeld41.JPG
new file mode 100644
index 0000000..e0db322
Binary files /dev/null and b/content/gallery/beeld41.JPG differ
diff --git a/content/gallery/beeld42.JPG b/content/gallery/beeld42.JPG
new file mode 100644
index 0000000..30ed53b
Binary files /dev/null and b/content/gallery/beeld42.JPG differ
diff --git a/content/gallery/beeld43.JPG b/content/gallery/beeld43.JPG
new file mode 100644
index 0000000..2548ae5
Binary files /dev/null and b/content/gallery/beeld43.JPG differ
diff --git a/content/gallery/beeld44.JPG b/content/gallery/beeld44.JPG
new file mode 100644
index 0000000..25f8c74
Binary files /dev/null and b/content/gallery/beeld44.JPG differ
diff --git a/content/gallery/beeld45.JPG b/content/gallery/beeld45.JPG
new file mode 100644
index 0000000..32b1c94
Binary files /dev/null and b/content/gallery/beeld45.JPG differ
diff --git a/content/gallery/beeld46.JPG b/content/gallery/beeld46.JPG
new file mode 100644
index 0000000..098ab17
Binary files /dev/null and b/content/gallery/beeld46.JPG differ
diff --git a/content/gallery/beeld47.JPG b/content/gallery/beeld47.JPG
new file mode 100644
index 0000000..33679ec
Binary files /dev/null and b/content/gallery/beeld47.JPG differ
diff --git a/content/gallery/beeld48.JPG b/content/gallery/beeld48.JPG
new file mode 100644
index 0000000..3e91a03
Binary files /dev/null and b/content/gallery/beeld48.JPG differ
diff --git a/content/gallery/beeld49.JPG b/content/gallery/beeld49.JPG
new file mode 100644
index 0000000..cff1760
Binary files /dev/null and b/content/gallery/beeld49.JPG differ
diff --git a/content/gallery/beeld5.JPG b/content/gallery/beeld5.JPG
new file mode 100644
index 0000000..480d0a3
Binary files /dev/null and b/content/gallery/beeld5.JPG differ
diff --git a/content/gallery/beeld50.JPG b/content/gallery/beeld50.JPG
new file mode 100644
index 0000000..b0babbd
Binary files /dev/null and b/content/gallery/beeld50.JPG differ
diff --git a/content/gallery/beeld51.JPG b/content/gallery/beeld51.JPG
new file mode 100644
index 0000000..1088103
Binary files /dev/null and b/content/gallery/beeld51.JPG differ
diff --git a/content/gallery/beeld52.JPG b/content/gallery/beeld52.JPG
new file mode 100644
index 0000000..f629e4a
Binary files /dev/null and b/content/gallery/beeld52.JPG differ
diff --git a/content/gallery/beeld53.JPG b/content/gallery/beeld53.JPG
new file mode 100644
index 0000000..75013fd
Binary files /dev/null and b/content/gallery/beeld53.JPG differ
diff --git a/content/gallery/beeld6.JPG b/content/gallery/beeld6.JPG
new file mode 100644
index 0000000..69e91a1
Binary files /dev/null and b/content/gallery/beeld6.JPG differ
diff --git a/content/gallery/beeld7.JPG b/content/gallery/beeld7.JPG
new file mode 100644
index 0000000..458c8b3
Binary files /dev/null and b/content/gallery/beeld7.JPG differ
diff --git a/content/gallery/beeld8.JPG b/content/gallery/beeld8.JPG
new file mode 100644
index 0000000..e8365bc
Binary files /dev/null and b/content/gallery/beeld8.JPG differ
diff --git a/content/gallery/beeld9.JPG b/content/gallery/beeld9.JPG
new file mode 100644
index 0000000..7e00e52
Binary files /dev/null and b/content/gallery/beeld9.JPG differ
diff --git a/content/global_multilang.json b/content/global_multilang.json
new file mode 100644
index 0000000..293c4da
--- /dev/null
+++ b/content/global_multilang.json
@@ -0,0 +1,20 @@
+{
+ "watch":{
+ "en": "Current moon phase",
+ "fr": "Phase lunaire actuelle",
+ "nl": "Huidige maanstand",
+ "sp": "Fase lunar actual"
+ },
+ "quotes":{
+ "en": "reactions participants",
+ "fr": "réactions participant.es",
+ "nl": "reacties deelnemers",
+ "sp": "reacciones participantes"
+ },
+ "projects":{
+ "en": "Projects",
+ "fr": "Projets",
+ "nl": "Projecten",
+ "sp": "Proyectos"
+ }
+}
diff --git a/content/pages/gallery.md b/content/pages/gallery.md
new file mode 100644
index 0000000..4979606
--- /dev/null
+++ b/content/pages/gallery.md
@@ -0,0 +1,2 @@
+Title: Gallery
+template: gallery
diff --git a/content/pages/gallery_fr.md b/content/pages/gallery_fr.md
new file mode 100644
index 0000000..0769a6c
--- /dev/null
+++ b/content/pages/gallery_fr.md
@@ -0,0 +1,4 @@
+Title: Galerie
+template: gallery
+slug: gallery
+lang: fr
diff --git a/content/pages/gallery_nl.md b/content/pages/gallery_nl.md
new file mode 100644
index 0000000..fd5cc53
--- /dev/null
+++ b/content/pages/gallery_nl.md
@@ -0,0 +1,4 @@
+Title: Galerie
+template: gallery
+slug: gallery
+lang: nl
diff --git a/content/pages/gallery_sp.md b/content/pages/gallery_sp.md
new file mode 100644
index 0000000..b7a84b8
--- /dev/null
+++ b/content/pages/gallery_sp.md
@@ -0,0 +1,4 @@
+Title: Galería
+template: gallery
+slug: gallery
+lang: sp
diff --git a/content/pages/index.md b/content/pages/index.md
new file mode 100644
index 0000000..12799f5
--- /dev/null
+++ b/content/pages/index.md
@@ -0,0 +1,17 @@
+Title: Calendar
+save_as: index.html
+slug: index
+template: index
+
+Walking when all the colours have disappeared from the forest is a special experience.
+You tune in to other senses.
+You discover silence, but you also notice movements and sounds that are absent during the day. Moreover, when you walk during the most intense and important moments of the lunar cycle, you can transform your intentions.
+That is what these walks invite you to do.
+
+We will walk in silence, interspersed with some experiments to which An invites you.
+Each walk takes a maximum of 2 hours.
+We conclude with a cup of tea.
+
+
+
+The walks are an initiative of [Anaïs Berck](https://www.anaisberck.be), represented here by the thousands of trees of the Sonian forest and by artist, storyteller and nature guide An Mertens.
diff --git a/content/pages/index_fr.md b/content/pages/index_fr.md
new file mode 100644
index 0000000..e03c787
--- /dev/null
+++ b/content/pages/index_fr.md
@@ -0,0 +1,14 @@
+Title: Calendrier
+slug: index
+lang: fr
+template: index
+
+Se promener lorsque toutes les couleurs ont disparu de la forêt est une expérience particulière.
+Vous êtes à l'écoute d’autres sens. Vous découvrez le silence, mais vous remarquez aussi des mouvements et des sons qui sont absents pendant la journée.
+De plus, lorsque vous marchez pendant les moments les plus intenses et les plus importants du cycle lunaire, vous pouvez transformer vos intentions. C'est à cela que vous invitent ces marches.
+
+Nous marcherons en silence, entrecoupés de quelques expériences auxquelles An vous invite. Chaque promenade dure au maximum 2 heures. Nous terminons en partageant un thé.
+
+
+
+Les balades sont une initiative d'[Anaïs Berck](https://www.anaisberck.be), représentée ici par les milliers d'arbres de la forêt de Soignes et par l'artiste, conteuse et guide nature An Mertens.
diff --git a/content/pages/index_multilang.json b/content/pages/index_multilang.json
new file mode 100644
index 0000000..20c822e
--- /dev/null
+++ b/content/pages/index_multilang.json
@@ -0,0 +1,68 @@
+{
+ "about":{
+ "en": "About the walks",
+ "fr": "À propos des promenades",
+ "nl": "Over de wandelingen",
+ "sp": "Sobre los paseos"
+ },
+ "calendar":{
+ "en": "Moonwalks calendar",
+ "fr": "Calendrier des promenades lunaires",
+ "nl": "Kalender Maanwandelingen",
+ "sp": "Calendario de paseos lunares"
+ },
+ "datetime":{
+ "en": "Dates and times are given in",
+ "fr": "Les dates et heures sont indiquées en",
+ "nl": "Data en uren zijn vermeld in",
+ "sp": "Las fechas y horas se indican en"
+ },
+ "loading":{
+ "en": "Loading the calendar",
+ "fr": "Chargement du calendrier",
+ "nl": "Laden van de kalender",
+ "sp": "Cargar el calendario"
+ },
+ "signup":{
+ "en": "Sign up",
+ "fr": "S'inscrire",
+ "nl": "Reserveren",
+ "sp": "Reservar"
+ },
+ "notconfirmed":{
+ "en": "Not confirmed",
+ "fr": "Non confirmé",
+ "nl": "Niet bevestigd",
+ "sp": "No confirmado"
+ },
+ "start":{
+ "en": "Walk starts at",
+ "fr": "La marche commence à",
+ "nl": "De wandeling begint om",
+ "sp": "La caminata comienza a las"
+ },
+ "sunsetat":{
+ "en": "Sunset at",
+ "fr": "Coucher de soleil à",
+ "nl": "Zonsondergang om",
+ "sp": "Puesta de sol a las"
+ },
+ "moonat":{
+ "en": "Moon event at",
+ "fr": "Événement lunaire à",
+ "nl": "Maangebeuren om",
+ "sp": "Evento lunar a las"
+ },
+ "mailsubject":{
+ "en": "$ walk on the",
+ "fr": "Balade de $ le",
+ "nl": "$ wandeling op",
+ "sp": "Paseo de $ el"
+ },
+ "more":{
+ "en": "More to come",
+ "fr": "Plus à venir",
+ "nl": "Wordt vervolgd",
+ "sp": "Más por venir"
+ }
+}
diff --git a/content/pages/index_nl.md b/content/pages/index_nl.md
new file mode 100644
index 0000000..3e3b909
--- /dev/null
+++ b/content/pages/index_nl.md
@@ -0,0 +1,14 @@
+Title: Kalender
+slug: index
+lang: nl
+template: index
+
+Wandelen wanneer alle kleurtjes uit het bos verdwenen zijn, is een bijzondere ervaring.
+Je stelt in op andere zintuigen. Je ontdekt de stilte, maar je merkt ook bewegingen en geluiden op die overdag afwezig zijn.
+Wanneer je bovendien wandelt tijdens de meest intense en belangrijke momenten van de maancyclus, kan je je intenties transformeren. Dat is waartoe deze wandelingen je uitnodigen.
+
+We wandelen in stilte, afgewisseld met enkele experimenten waartoe An je uitnodigt. Elke wandeling duurt maximum 2 uur. We sluiten af met een kopje thee.
+
+
+
+De wandelingen zijn een initiatief van [Anaïs Berck](https://www.anaisberck.be), hier vertegenwoordigd door de duizenden bomen van het Zoniënwoud en door kunstenaar, verteller en natuurgids An Mertens.
diff --git a/content/pages/index_sp.md b/content/pages/index_sp.md
new file mode 100644
index 0000000..95f3f83
--- /dev/null
+++ b/content/pages/index_sp.md
@@ -0,0 +1,14 @@
+Title: Calendario
+slug: index
+lang: sp
+template: index
+
+Caminar cuando todos los colores han desaparecido del bosque es una experiencia especial.
+Se sintoniza con otros sentidos. Descubres el silencio, pero también percibes movimientos y sonidos que son ausentes durante el día.
+Además, cuando caminas en los momentos más intensos e importantes del ciclo lunar, puedes transformar tus intenciones. A eso te invitan estos paseos.
+
+Caminaremos en silencio, intercalando algunos experimentos a los que An te invita. Cada paseo dura un máximo de 2 horas. Concluimos con un té.
+
+
+
+Los paseos son una iniciativa de [Anaïs Berck](https://www.anaisberck.be), representada aquí por los miles de árboles del Sonian Forest y por la artista, contadora y guía de la naturaleza An Mertens.
diff --git a/content/projects/individual-walks.md b/content/projects/individual-walks.md
new file mode 100644
index 0000000..a707cb9
--- /dev/null
+++ b/content/projects/individual-walks.md
@@ -0,0 +1,9 @@
+Title: Individual walks
+
+Nature always offers healing if you are looking for it. A guide can help you. That is the purpose of the individual walk. You have a question and you go to work on it. For two or three hours. Each walk is unique and tailored to you.
+
+## Guide
+As a guide, An offers various methods. She draws on her experiences with reiki, shamanic work and her activities as a nature guide and artist. Through a combination of spiritual and scientific biological perspectives, she leads you on your personal journey through the Sonian forest, a forest whose subsoil has always been forest, since the last Ice Age more than ten thousand years ago. And you can feel that.
+
+## Biodiversity
+A squirrel rustling in the canopy of a beech tree, a jay flying overhead, the fruit laden branches of the elder drawing your attention... The forest is a world of abundance and each element can contribute metaphorically to the solution of your problem, in the short or long term.
diff --git a/content/projects/individual-walks_fr.md b/content/projects/individual-walks_fr.md
new file mode 100644
index 0000000..02cf12f
--- /dev/null
+++ b/content/projects/individual-walks_fr.md
@@ -0,0 +1,11 @@
+Title: Balade Individuelle
+slug: individual-walks
+lang: fr
+
+La nature offre toujours la guérison si vous la recherchez. Un guide peut vous aider. C'est le but de la balade individuelle. Vous avez une question et vous vous lancez. Pendant deux ou trois heures. Chaque promenade est unique et adaptée à vous.
+
+## Guide
+En tant que guide, An propose différentes méthodes. Elle s'appuie sur ses expériences avec le reiki, le travail chamanique et ses activités de guide nature et d'artiste. En combinant des perspectives spirituelles et scientifiques, elle vous conduit dans votre voyage personnel à travers la forêt de Soignes, une forêt dont le sous-sol a toujours été forestier, depuis la dernière période glaciaire, il y a plus de dix mille ans. Et vous pouvez le sentir.
+
+## Biodiversité
+Un écureuil bruissant dans la canopée d'un hêtre, un geai des chênes volant au-dessus de votre tête, les branches chargées de fruits du sureau attirant votre attention... La forêt est un monde d'abondance et chaque élément peut contribuer métaphoriquement à la solution de votre problème, à court ou à long terme.
diff --git a/content/projects/individual-walks_nl.md b/content/projects/individual-walks_nl.md
new file mode 100644
index 0000000..b06ad10
--- /dev/null
+++ b/content/projects/individual-walks_nl.md
@@ -0,0 +1,11 @@
+Title: Individuele Wandeling
+slug: individual-walks
+lang: nl
+
+De natuur biedt altijd heling als je ernaar op zoek bent. Een gids kan je daarbij helpen. Dat is het opzet van de individuele wandeling. Je hebt een vraagstuk en daar ga je mee aan de slag. Twee of drie uur lang. Elke tocht is uniek en op jou afgestemd.
+
+## Gids
+Als gids biedt An verschillende methodes aan. Daarvoor put ze uit haar ervaringen met reiki, sjamanistisch werk en haar activiteiten als natuurgids en kunstenaar. Via een combinatie van spirituele en wetenschappelijk biologische perpectieven leidt ze je op je persoonlijke reis door het Zoniënwoud, een bos waarvan de ondergrond altijd bos is geweest, sinds de laatste Ijstijd meer dan tienduizend jaar geleden. En dat voel je.
+
+## Biodiversiteit
+Een eekhoorn die ritselend in de kruin van een beuk zijn weg vindt, een Vlaamse gaai die overvliegt, de met vruchten beladen takken van de vlier die je aandacht trekken… Het bos is een wereld van overvloed en elk element kan metaforisch bijdragen tot de oplossing van je vraagstuk, op korte of langere termijn.
diff --git a/content/projects/individual-walks_sp.md b/content/projects/individual-walks_sp.md
new file mode 100644
index 0000000..b267713
--- /dev/null
+++ b/content/projects/individual-walks_sp.md
@@ -0,0 +1,11 @@
+Title: Paseo individual
+slug: individual-walks
+lang: sp
+
+La naturaleza siempre ofrece curación si la buscas. Un guía puede ayudarte. Ese es el objetivo del paseo individual. Tienes una pregunta y te pones a trabajar en ella. Durante dos o tres horas. Cada paseo es único y se adapta a ti.
+
+## Guía
+Como guía, An ofrece varios métodos. Se basa en sus experiencias con el reiki, el trabajo chamánico y sus actividades como guía de naturaleza y artista. A través de una combinación de perspectivas espirituales y científicas, te conduce en tu viaje personal por el Sonian Forest, un bosque cuyo subsuelo siempre ha sido bosque, desde la última Edad de Hielo, hace más de diez mil años. Y eso se siente.
+
+## Biodiversidad
+Una ardilla susurrando en la copa de un haya, un arrendajo volando sobre tu cabeza, las ramas cargadas de frutos del saúco llamando tu atención... El bosque es un mundo de abundancia y cada elemento puede contribuir metafóricamente a la solución de tu problema, a corto o largo plazo.
diff --git a/content/projects/moonwalks.md b/content/projects/moonwalks.md
new file mode 100644
index 0000000..479f6f5
--- /dev/null
+++ b/content/projects/moonwalks.md
@@ -0,0 +1,32 @@
+Title: Moonwalks
+
+## New rituals
+Botanist and Native American Indian Robin Wall Kimmerer states in her book “Braiding Sweetgrass” that the core of the climate crisis is related to losing the connection with the land. By reconnecting, a form of recovery of the land and its people can take place, as well as a sustainable caring for. The connection can be made in various ways, for example by taking responsibility for a piece of land, be it as a vegetable garden, ornamental garden or forest. Her hypothesis is that a person's physical, emotional and spiritual health improves greatly when the relationship with the land is reinstated in his/her life. She urges the creation of new rituals that promote such relationships. The moon walks try to be such a new ritual.
+
+## Polyocene
+Psychologist and philosopher Vinciane Despret, known for her books “Autobiographie d'un Poulpe” and “Habiter en oiseau”, proposes to no longer speak of the Anthropocene, which carries a dystopian connotation, but of the Polyocene, the proposal to start living from the idea that we as humans do not live alone on this planet. We are part of a polyphony, and we need to ask ourselves how we can better live together, and even more, create together with the more-than-human beings. It is important to de-centre our gaze so that we can create such relationships. The forest helps with this.
+
+## Brussels
+These are just two of the authors who specifically point to the end of anthropocentrism, and also to the personal well-being that we can develop if we dare to enter into relationships with non-human beings. In Brussels, we are lucky to have a large forest close by, the Sonian Forest. Moreover, it is not just any forest. It has always been a forest since the last ice age more than 10000 years ago. And even though the trees were replanted by Zinner in the 18th century, the forest still retains that special energy that characterises places where trees are the main inhabitants.
+
+## Full and New Moonwalks
+These and other authors inspired me to organise - as a new ritual - new and full moon walks. I have been doing this since the spring of 2021. They are walks that combine elements from forest bathing, meditation and guided nature walks.
+
+
+
+
+> I enjoyed the mixture of different ingredients: biology, fiction, politics... I also liked the silence, and the intensity of the experience. The space, for example, seemed very vast to me (I know the place well, I know we didn't walk miles and yet it seemed long, dense: a journey). I also found it very nice to see/feel the night appearing, and to realise that I was not afraid. Because I was with you? Because the trees had given me a friendly welcome?
+>
+> Rafaella
+
+
+
+> What I have kept as strong memories are the shapes and colours that changed during the walk, and also the sounds: our footsteps in silence on the gravel, and the birds. We both cherish the intention we set during the moment you dedicated to the new moon. It was strong. We think it is important to keep that alive.
+>
+> Doriane & Zeste
+
+
+
+> I was coming out of a very busy day and the walk calmed me down. In the beginning I had trouble concentrating on what the invitations were, because my head was still processing all the impressions of the day, but towards the end I was totally into it.
+>
+> Delphine
diff --git a/content/projects/moonwalks_fr.md b/content/projects/moonwalks_fr.md
new file mode 100644
index 0000000..e42b259
--- /dev/null
+++ b/content/projects/moonwalks_fr.md
@@ -0,0 +1,34 @@
+Title: Balades lunaires
+slug: moonwalks
+lang: fr
+
+## Nouveaux rituels
+La botaniste et amérindienne Robin Wall Kimmerer affirme dans son livre «Les herbes sacrées» que le noyau de la crise climatique est lié à la perte du lien avec la terre. En se reconnectant, une forme de récupération de la terre et de ses habitants peut avoir lieu, ainsi qu'une prise de soin durable. Le lien peut être établi de différentes manières, par exemple en prenant la responsabilité d'un terrain, qu'il s'agisse d'un potager, d'un jardin d'ornement ou d'une forêt. Son hypothèse est que la santé physique, émotionnelle et spirituelle d'une personne s'améliore considérablement lorsque la relation avec la terre est rétablie dans sa vie. Elle préconise la création de nouveaux rituels qui favorisent ces relations. Les balades lunaires essaient d’être un nouveau rituel.
+
+## Polycène
+La psychologue et philosophe Vinciane Despret, connue pour ses livres «Autobiographie d'un Poulpe» et «Habiter en oiseau», propose de ne plus parler de l'Anthropocène, qui a une connotation dystopique, mais de Polyocène, la proposition de commencer à vivre à partir de l'idée que nous, les humains, ne vivons pas seuls sur cette planète. Nous faisons partie d'une polyphonie, et nous devons nous demander comment mieux vivre ensemble, et plus encore, créer ensemble avec les êtres plus qu'humains. Il est important de décentrer notre regard afin de pouvoir créer de telles relations. Vivre la présence de la forêt y contribue.
+
+## Bruxelles
+Ce ne sont là que deux des auteurs qui soulignent spécifiquement la fin de l'anthropocentrisme, mais aussi le bien-être personnel que nous pouvons développer si nous osons entrer en relation avec des êtres non humains. A Bruxelles, nous avons la chance d'avoir une grande forêt à notre disposition, la forêt de Soignes. En outre, il ne s'agit pas de n'importe quelle forêt. Elle a toujours été forêt depuis la dernière période glaciaire, il y a plus de 10 000 ans. Et même si les arbres ont été replantés par Zinner au XVIIIe siècle, la forêt conserve cette énergie particulière qui caractérise les lieux où les arbres sont les principaux habitants.
+
+## Balades de pleine et nouvelle lune
+Ces auteurs et d'autres m'ont inspiré l'idée d'organiser - comme un nouveau rituel - des promenades à la nouvelle et à la pleine lune. Je fais ceci depuis le printemps 2021. Ce sont des promenades à mi-chemin entre le bain de forêt, la méditation et les promenades guidées dans la nature.
+
+
+
+
+> J'ai aimé le mélange entre les différents éléments de la narration: entre biologie, fiction, politique... J'ai aussi beaucoup aimé le silence, et puis la densité de l'expérience. L'espace, par exemple, m'a semblé très dilaté (je connais bien l'endroit, je sais qu'on n'a pas marché pendant des kilomètres et pourtant ça m'a paru long, dense: un voyage). J'ai aussi beaucoup aimé voir/ sentir la nuit tomber, et me rendre compte que je n'avais pas peur. Parce que j'étais avec vous? Parce que les arbres m'avaient souhaité bienvenue avec bienveillance?
+>
+> Rafaella
+
+
+
+> Ce qu'il me reste comme souvenirs forts, ce sont les formes et les couleurs qui se métamorphosent progressivement le long de la balade, ainsi que les sons: ceux de nos pas en silence sur les graviers, et des oiseaux. Nous gardons tout.e.s les deux en nous l'intention que nous avons pu placer dans le moment dédié à la nouvelle lune, c'était fort et cela nous tient à cœur de la garder dans notre vie.
+>
+> Doriane & Zeste
+
+
+
+> Je sortais d'une journée très chargée et la promenade m'a calmée. Au début, j'avais du mal à me concentrer sur les invitations, parce que ma tête était encore en train de traiter toutes les impressions de la journée, mais vers la fin, j'étais complètement dedans.
+>
+> Delphine
diff --git a/content/projects/moonwalks_nl.md b/content/projects/moonwalks_nl.md
new file mode 100644
index 0000000..055d000
--- /dev/null
+++ b/content/projects/moonwalks_nl.md
@@ -0,0 +1,34 @@
+Title: Maanwandelingen
+slug: moonwalks
+lang: nl
+
+## Nieuwe rituelen
+Botaniste en Native American Indian Robin Wall Kimmerer stelt in haar boek “Braiding Sweetgrass”, dat de kern van de klimaatcrisis te maken heeft met het verliezen van de verbinding met het land. Door de verbinding weer aan te gaan, kan er ook een vorm van herstel van het land en de mensen plaatsvinden en een duurzaam zorg-dragen-voor. De verbinding kan op verschillende manieren gemaakt worden, bijvoorbeeld door de verantwoordelijkheid te nemen voor een stuk grond, zij het als moestuin, siertuin of bos. Haar hypothese is dat zowel de fysieke, de emotionele als de spirituele gezondheid van een persoon sterk verbetert als de relatie met het land weer een plaats krijgt in zijn/haar leven. Ze dringt erop aan om nieuwe rituelen in het leven te roepen, die die relaties bevorderen. De maanwandelingen proberen om zo’n nieuw ritueel te zijn.
+
+## Polyceen
+Psychologe en filosofe Vinciane Despret, bekend van haar boeken “Autobiographie d'un Poulpe” en “Habiter en oiseau” stelt voor om niet meer te spreken van de Antropoceen, die een dystopische connotatie in zich draagt, maar van de Polyceen, het voorstel om te gaan leven vanuit de idee dat we als mensen niet alleen op deze planeet leven. We zijn deel van een meerstemmigheid, en we moeten ons afvragen hoe we beter kunnen samenleven, en meer nog, samen creëren met de meer-dan-menselijke wezens. Het is belangrijk om onze blik te decentreren, zodat we zo'n relaties kunnen aangaan. Het bos helpt daarbij.
+
+## Brussel
+Dit zijn maar twee van de auteurs die specifiek wijzen op het einde van het antropocentrisme, en ook op het persoonlijke welzijn dat we kunnen ontwikkelen als we in relatie durven gaan met andere dan menselijke wezens. In Brussel hebben we het geluk van een groot bos ter beschikking te hebben, het Zoniënwoud. Bovendien is het niet zomaar een bos. De ondergrond is sinds de laatste ijstijd meer dan 10000 jaar geleden altijd bos geweest. En ook al zijn de bomen heraangeplant door Zinner in de 18de eeuw, toch blijft het bos die speciale energie behouden die plekken kenmerkt, waar bomen de belangrijkste bewoners zijn.
+
+## Volle en Nieuwe Maanwandelingen
+Deze en andere auteurs inspireerden me om – als een nieuw ritueel - nieuwe en volle maanwandelingen te organiseren. Ik doe dit sinds de lente van 2021. Het zijn wandelingen die het midden houden tussen bosbaden, meditatie en geleide natuurwandelingen.
+
+
+
+
+> Ik heb genoten van de mix van verschillende ingrediënten: biologie, fictie, politiek... Ik hield ook van de stilte, en de intensiteit van de ervaring. De ruimte, bijvoorbeeld, leek mij heel uitgestrekt (ik ken de plaats goed, ik weet dat wij geen kilometers hebben gelopen en toch leek het lang, intens: een reis). Ik vond het ook heel fijn om de nacht te zien/voelen verschijnen, en te beseffen dat ik niet bang was. Omdat ik bij jou was? Omdat de bomen me vriendelijk welkom hadden geheten?
+>
+> Rafaella
+
+
+
+> Wat ik als sterke herinneringen heb overgehouden, zijn de vormen en kleuren die veranderden tijdens de wandeling, en ook de geluiden: onze voetstappen in stilte op het grind, en de vogels. We koesteren allebei de intentie die we plaatsten tijdens het moment dat je wijdde aan de nieuwe maan. Dat was sterk. We vinden het belangrijk om dat levendig te houden.
+>
+> Doriane & Zeste
+
+
+
+> Ik kwam uit een heel drukke dag en de wandeling heeft me terug rustig gemaakt. In het begin had ik moeite om me te concentreren op wat de opdrachten waren, omdat m’n hoofd nog alle indrukken van de dag aan het verwerken was, maar naar het einde toe zat ik er helemaal in.
+>
+> Delphine
diff --git a/content/projects/moonwalks_sp.md b/content/projects/moonwalks_sp.md
new file mode 100644
index 0000000..f9e0bdd
--- /dev/null
+++ b/content/projects/moonwalks_sp.md
@@ -0,0 +1,35 @@
+Title: Paseos lunares
+slug: moonwalks
+lang: sp
+
+## Nuevos rituales
+La botánica e india americana Robin Wall Kimmerer afirma en su libro «Braiding Sweetgrass» que el núcleo de la crisis climática está relacionado con la pérdida de la conexión con la tierra. Al reconectar, puede producirse una forma de recuperación de la tierra y su gente, así como un cuidado sostenible. La conexión puede hacerse de varias maneras, por ejemplo, responsabilizándose de un trozo de tierra, ya sea un huerto, un jardín ornamental o un bosque. Su hipótesis es que la salud física, emocional y espiritual de una persona mejora enormemente cuando se restablece la relación con la tierra en su vida. Insta a crear nuevos rituales que promuevan esas relaciones. Los paseos lunares intentan ser un nuevo ritual.
+
+## Polyocene
+La psicóloga y filósofa Vinciane Despret, conocida por sus libros «Autobiographie d'un Poulpe» y «Habiter en oiseau», propone que ya no se hable del Antropoceno, que tiene una connotación distópica, sino del Polioceno, la propuesta de empezar a vivir desde la idea de que los humanos no vivimos solos en este planeta. Somos parte de una polifonía, y tenemos que preguntarnos cómo podemos convivir mejor, y más aún, crear junto a los seres más-que-humanos. Es importante descentrar nuestra mirada para poder crear esas relaciones. Vivir experiencias en el bosque ayuda a ello.
+
+## Bruselas
+Estos son sólo dos de los autores que apuntan específicamente al fin del antropocentrismo, y también al bienestar personal que podemos desarrollar si nos atrevemos a entrar en relación con los seres más que humanos. En Bruselas, tenemos la suerte de contar con un gran bosque cerca, el Sonian Forest. Además, no es un bosque cualquiera. Siempre ha sido un bosque desde la última Edad de Hielo, hace más de 10000 años. Y aunque los árboles fueron replantados por Zinner en el siglo XVIII, el bosque sigue conservando esa energía especial que caracteriza a los lugares donde los árboles son los principales habitantes.
+
+## Paseos de luna llena y nueva
+Estos y otros autores me inspiraron a organizar -como un nuevo ritual- paseos de luna nueva y llena. Llevo haciéndolo desde la primavera de 2021. Son paseos que combinan elementos de baños de bosque, meditación y paseos guiados por la naturaleza.
+
+
+
+
+
+> Me gustó la mezcla de diferentes ingredientes: biología, ficción, política... También me gustó el silencio, y la intensidad de la experiencia. El espacio, por ejemplo, me pareció muy vasto (conozco bien el lugar, sé que no hicimos kilómetros y, sin embargo, me pareció largo, denso: un viaje). También me pareció muy agradable ver/sentir la aparición de la noche, y darme cuenta de que no tenía miedo. ¿Porque estaba con vosotros? ¿Porque los árboles me habían dado una bienvenida amistosa?
+>
+> Rafaella
+
+
+
+> Lo que he guardado como fuertes recuerdos son las formas y los colores que cambiaron durante el paseo, y también los sonidos: nuestras pisadas en silencio sobre la grava, y los pájaros. Les dos guardamos la intención que pusimos durante el momento que le dedicaste a la luna nueva. Fue muy fuerte. Creemos que es importante mantenerla viva.
+>
+> Doriane & Zeste
+
+
+
+> Salí de un día muy ajetreado y el paseo me calmó. Al principio me costó concentrarme en lo que eran las invitaciones, porque mi cabeza aún estaba procesando todas las impresiones del día, pero hacia el final estaba totalmente metida en ello.
+>
+> Delphine
diff --git a/content/projects/nature-theatre.md b/content/projects/nature-theatre.md
new file mode 100644
index 0000000..4fa649c
--- /dev/null
+++ b/content/projects/nature-theatre.md
@@ -0,0 +1,12 @@
+Title: Nature theatre
+
+Nature theatre is a play that does not take place between four walls, but in the forest; where the actors are not people, but more-than-humans like trees, mosses or plants, and where the audience has its own input into the catharsis of the play. You can register for this as a group.
+
+## Nature theatre?
+Nature theatre takes place in nature, plays with the elements of nature and aims to renew the relationship between human and nature. Nature theatre is sensory theatre, which appeals to the five senses of the audience. It is interactive theatre, to be understood as an interactive walk with experiments and stories. It is intuitive theatre, non-intellectual. The audience's own imagination and the sharing of it provide emotional, transforming content. Nature provides the mirror, the wisdom of the group creates the catharsis.
+
+## Set up
+As a dramaturge, An offers ingredients such as poetic texts, metaphorical information about celestial bodies and actors from the forest, walking in silence, guided meditations, physical exercises, observation through the five senses, empathy... Different levels of deepening are possible, for audiences who participate in the nature theatre several times.
+
+## Anaïs Berck
+Nature theatre is a project by Anaïs Berck, a pseudonym that stands for the collaboration between people, algorithms and trees. In this case, we explore the space between plant and human intelligence, in collaboration with the trees of the Sonian forest and with artist, storyteller and nature guide An Mertens.
diff --git a/content/projects/nature-theatre_fr.md b/content/projects/nature-theatre_fr.md
new file mode 100644
index 0000000..ea2f517
--- /dev/null
+++ b/content/projects/nature-theatre_fr.md
@@ -0,0 +1,14 @@
+Title: Théâtre de nature
+slug: nature-theatre
+lang: fr
+
+Le théâtre de nature est une pièce qui ne se déroule pas entre quatre murs, mais dans la forêt, où les acteurs ne sont pas des personnes, mais des plus-que-hommes, et où le public participe à la catharsis de la pièce. Vous pouvez vous inscrire en tant que groupe.
+
+## Théâtre de nature ?
+Le théâtre de nature se déroule dans la nature, il joue avec les éléments de la nature et il vise à renouveler la relation entre l'homme et la nature. Le théâtre de nature est un théâtre sensoriel, qui fait appel aux cinq sens du public. Il s'agit d'un théâtre interactif, à comprendre comme une promenade interactive avec des missions et des histoires. C'est un théâtre intuitif, non intellectuel. L'imagination du public et le partage de celle-ci fournissent un contenu émotionnel et transformateur. La nature fournit le miroir, la sagesse du groupe crée la catharsis.
+
+## Accompagnement
+En tant que dramaturge, An propose des ingrédients tels que des textes poétiques, des informations métaphoriques sur les corps célestes et les acteurs de la forêt, la marche en silence, des méditations guidées, des exercices physiques, l'observation par les cinq sens, l'empathie... Différents niveaux d'approfondissement sont possibles, pour les spectateurs qui participent plusieurs fois au théâtre de nature.
+
+## Anaïs Berck
+Théâtre de nature est un projet d'[Anaïs Berck](https://www.anaisberck.be), un pseudonyme qui représente la collaboration entre les personnes, les algorithmes et les arbres. Dans ce cas, nous explorons l'espace entre l'intelligence végétale et humaine, en collaboration avec les arbres de la forêt de Soignes et avec l'artiste, conteuse et guide de nature An Mertens.
diff --git a/content/projects/nature-theatre_nl.md b/content/projects/nature-theatre_nl.md
new file mode 100644
index 0000000..625b5a5
--- /dev/null
+++ b/content/projects/nature-theatre_nl.md
@@ -0,0 +1,14 @@
+Title: Natuurtheater
+slug: nature-theatre
+lang: nl
+
+Natuurtheater is een theaterstuk dat zich niet tussen vier muren afspeelt, maar in het bos; waarin de acteurs geen mensen zijn, maar meer-dan-mensen, en waarin het publiek een eigen inbreng heeft in de katharsis van het stuk. Je kan je hiervoor inschrijven als groep.
+
+## Natuurtheater?
+Natuurtheater speelt zich af in de natuur, het speelt met de natuurelementen en het beoogt de hervernieuwing van de relatie tussen mens en natuur. Natuurtheater is sensorieel theater, waarbij de vijf zintuigen van het publiek aangesproken worden. Het is interactief theater, te begrijpen als een interactieve wandeling met opdrachten en verhalen. Het is intuïtief theater, niet-intellectueel. De eigen fantasie van het publiek en het delen daarvan zorgen voor emotionele, transformerende invulling. De natuur biedt de spiegel, de wijsheid van de groep creëert de catharsis.
+
+## Opzet
+Als dramaturg biedt An ingrediënten aan, zoals poëtische teksten, metaforische informatie over hemellichamen en acteurs uit het bos, wandelen in stilte, geleide meditaties, fysieke oefeningen, observatie via de vijf zintuigen, inleving... Er zijn verschillende niveaus van verdieping mogelijk, voor publieken die meermaals deelnemen aan het natuurtheater.
+
+## Anaïs Berck
+Natuurtheater is een project van [Anaïs Berck](https://www.anaisberck.be), een pseudoniem dat staat voor de samenwerking tussen mensen, algoritmes en bomen. In dit geval exploreren we de ruimte tussen plantaardige en menselijke intelligentie, in samenwerking met de bomen van het Zoniënwoud en met kunstenaar, verteller en natuurgids An Mertens.
diff --git a/content/projects/nature-theatre_sp.md b/content/projects/nature-theatre_sp.md
new file mode 100644
index 0000000..96bc02c
--- /dev/null
+++ b/content/projects/nature-theatre_sp.md
@@ -0,0 +1,14 @@
+Title: Teatro de naturaleza
+slug: nature-theatre
+lang: sp
+
+El teatro de naturaleza es una obra que no se desarrolla entre cuatro paredes, sino en el bosque; donde los actores no son personas, sino más que humanos, como árboles, musgos o plantas, y donde el público contribuye a la catarsis de la obra. Puedes inscribirte en grupo.
+
+## ¿Teatro de naturaleza?
+El teatro de naturaleza se desarrolla en la naturaleza, juega con los elementos de la misma y pretende renovar la relación entre el ser humano y la naturaleza. El teatro de la naturaleza es un teatro sensorial, que apela a los cinco sentidos del público. Es un teatro interactivo, que debe entenderse como un paseo interactivo con experimentos e historias. Es un teatro intuitivo, no intelectual. La propia imaginación del público y el hecho de compartirla proporcionan un contenido emocional y transformador. La naturaleza proporciona el espejo, la sabiduría del grupo crea la catarsis.
+
+## Ingredientes
+Como dramaturgo, An ofrece ingredientes como textos poéticos, información metafórica sobre cuerpos celestes y actores del bosque, paseos en silencio, meditaciones guiadas, ejercicios físicos, observación a través de los cinco sentidos, empatía... Diferentes niveles de profundización son posibles, para el público que participa varias veces en el teatro de naturaleza.
+
+## Anaïs Berck
+El teatro de naturaleza es un proyecto de [Anaïs Berck](https://www.anaisberck.be), un seudónimo que representa la colaboración entre personas, algoritmos y árboles. En este caso, exploramos el espacio entre la inteligencia vegetal y la humana, en colaboración con los árboles del Sonian Forest y con la artista, contadora y guía de la naturaleza An Mertens.
diff --git a/pelicanconf.py b/pelicanconf.py
new file mode 100644
index 0000000..89cc58c
--- /dev/null
+++ b/pelicanconf.py
@@ -0,0 +1,159 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*- #
+
+AUTHOR = 'Anaïs Berck'
+SITENAME = 'Moonwalks.be'
+SITEURL = ''
+
+PATH = 'content'
+
+# Feed generation is usually not desired when developing
+FEED_ALL_ATOM = None
+CATEGORY_FEED_ATOM = None
+TRANSLATION_FEED_ATOM = None
+AUTHOR_FEED_ATOM = None
+AUTHOR_FEED_RSS = None
+
+# Blogroll
+LINKS = (('Pelican', 'https://getpelican.com/'),
+ ('Python.org', 'https://www.python.org/'),
+ ('Jinja2', 'https://palletsprojects.com/p/jinja/'),
+ ('You can modify those links in your config file', '#'),)
+
+# Social widget
+SOCIAL = (('You can add links in your config file', '#'),
+ ('Another social link', '#'),)
+
+DEFAULT_PAGINATION = False
+
+# Uncomment following line if you want document-relative URLs when developing
+# RELATIVE_URLS = True
+
+# CUSTOM PAREMETERS
+# ==============================================================================
+
+# a page work like that 1 md file = 1 template
+# an article for like that
+
+
+# theme path
+THEME = 'theme'
+
+
+# ARCHITECTURE
+# ==============================================================================
+
+# 3 categories (calendar, projects, gallery)
+# those categories serves as navigation (in base.html):
+# - iterate through the list to generate nav menu
+# - put as active if current article category is cat menu item
+# every category is exactly one template
+USE_FOLDER_AS_CATEGORY = True
+
+ARTICLE_PATHS = ['projects/'] # exclude articles outside of this
+# however we add the metadata "save_as: '' " to the calendar/ one
+# so they're available through the articles variable, but not saved as independant file
+# (status: hidden) does the opposite (save the page, but unlist it)
+ARTICLE_SAVE_AS = '{category}/{slug}.html'
+ARTICLE_URL = '/{category}/{slug}.html'
+ARTICLE_LANG_SAVE_AS = '{category}/{slug}_{lang}.html'
+ARTICLE_LANG_URL = '/{category}/{slug}_{lang}.html'
+
+# pages have no category
+PAGE_SAVE_AS = '{slug}.html'
+PAGE_URL = '/{slug}.html'
+PAGE_LANG_SAVE_AS = '{slug}_{lang}.html'
+PAGE_LANG_URL = '/{slug}_{lang}.html'
+SLUGIFY_SOURCE = 'title'
+
+CATEGORY_URL = '{slug}/'
+
+# disable the generation of those default html files
+CATEGORY_SAVE_AS = ''
+AUTHOR_SAVE_AS = ''
+TAG_SAVE_AS = ''
+
+# the "collections" type html pages that we want
+# DIRECT_TEMPLATES = ['index', 'authors', 'categories', 'tags', 'archives']
+# because gallery and even index is a page
+# (this allow to have translation for index_fr, index_nl, etc)
+DIRECT_TEMPLATES = []
+
+# to copy every image to the output direction
+STATIC_PATHS = ['gallery']
+
+MENUITEMS = [
+ # ("calendar", "/index.html"),
+]
+
+
+# TRANSLATION
+# ==============================================================================
+
+# only article with this lang will be listed
+DEFAULT_LANG = 'en'
+# two article with same slug are considered as translation:
+# ARTICLE_TRANSLATION_ID = 'slug'
+# by default slug is generated from title:
+# SLUGIFY_SOURCE = 'title'
+# which means the translated article have to have the same title
+# but the title is going to be translated, so by default
+# the best way is to setup slug metadata manually so it fit the english slugification
+
+PAGE_TRANSLATION_ID = 'slug'
+
+# DATE
+# ==============================================================================
+
+TIMEZONE = 'Europe/Paris'
+# by default pelican asks for a date for every article (?)
+DEFAULT_DATE = 'fs'
+
+# PLUGINS
+# ==============================================================================
+
+PLUGIN_PATHS = ['plugins']
+
+PLUGINS = ['quotes-section', 'data_files', 'gallery','image_process','multilang-json-page']
+
+# --- quotes-sections (self made)
+# separate an article when meeting
+# put the first section in the article.content variable
+# put the second section in the article.quotes variable
+# TODO: generalize it for every short text in comment as different "section"
+
+# --- data_files (from: https://github.com/LucasVanHaaren/pelican-data-files, with custom added YAML support)
+# by parse the json and yaml file in the data/ directory and add them tp the context
+# as object with name "DATA_[filename]"
+DATA_FILES_DIR = "calendar/"
+
+# --- gallery
+# create a GALLERY global variable list of urls for img contained in the /gallery/ folder
+# and parse their exifs data to add the date on which they were taken
+
+# --- image_process (from: https://github.com/pelican-plugins/image-process)
+# note: we can add the class manually in the html template (and not in the markdown)
+IMAGE_PROCESS = {
+ # reminder on srctset
+ # https://www.youtube.com/watch?v=2QYpkrX2N48&ab_channel=KevinPowell
+ # our gallery html element varies between
+ # 300 and 500 browser pixels width
+ # so on 1x devices we give it a 500px image to be sure
+ "gallery": {
+ "type": "responsive-image",
+ # Here we could actually precise the size of the html element with media query
+ # then we have to replace the 1x, 2x with actual px width of the image element
+ # "sizes": (
+ # "500px"
+ # ),
+ "srcset": [
+ # first parameter is to inform the browser of the image file size (with the w unit)
+ # or just precising the display subpixel type
+ # !before! it has to actually download the image
+ ("1x", ["scale_in 500 500 True"]),
+ ("2x", ["scale_in 1000 1000 True"])
+ ],
+ "default": "1x"
+ }
+
+}
\ No newline at end of file
diff --git a/plugins/data_files/__init__.py b/plugins/data_files/__init__.py
new file mode 100644
index 0000000..61dc56b
--- /dev/null
+++ b/plugins/data_files/__init__.py
@@ -0,0 +1,6 @@
+from pelican import signals
+from .generators import get_generators
+
+
+def register():
+ signals.get_generators.connect(get_generators)
diff --git a/plugins/data_files/__pycache__/__init__.cpython-38.pyc b/plugins/data_files/__pycache__/__init__.cpython-38.pyc
new file mode 100644
index 0000000..0f24134
Binary files /dev/null and b/plugins/data_files/__pycache__/__init__.cpython-38.pyc differ
diff --git a/plugins/data_files/__pycache__/file_formats.cpython-38.pyc b/plugins/data_files/__pycache__/file_formats.cpython-38.pyc
new file mode 100644
index 0000000..25aec62
Binary files /dev/null and b/plugins/data_files/__pycache__/file_formats.cpython-38.pyc differ
diff --git a/plugins/data_files/__pycache__/generators.cpython-38.pyc b/plugins/data_files/__pycache__/generators.cpython-38.pyc
new file mode 100644
index 0000000..4a3337f
Binary files /dev/null and b/plugins/data_files/__pycache__/generators.cpython-38.pyc differ
diff --git a/plugins/data_files/file_formats.py b/plugins/data_files/file_formats.py
new file mode 100644
index 0000000..adb51cf
--- /dev/null
+++ b/plugins/data_files/file_formats.py
@@ -0,0 +1,3 @@
+JSON = {"name": "json", "extensions": [".json"]}
+YAML = {"name": "yaml", "extensions": [".yaml", ".yml"]}
+XML = {"name": "xml", "extensions": [".xml"]}
diff --git a/plugins/data_files/generators.py b/plugins/data_files/generators.py
new file mode 100644
index 0000000..cbd1cb5
--- /dev/null
+++ b/plugins/data_files/generators.py
@@ -0,0 +1,138 @@
+import logging
+import pathlib
+import json
+import yaml
+from yaml.loader import SafeLoader
+from sys import exit
+from pelican.generators import Generator
+from .file_formats import JSON, YAML
+
+
+log = logging.getLogger(__name__)
+log.setLevel(logging.INFO)
+
+
+class DataGenerator(Generator):
+ """
+ Load data from files
+ """
+
+ SUPPORTED_FORMATS = [JSON, YAML]
+ CONTEXT_PREFIX = "DATA_"
+
+ def __init__(
+ self,
+ context,
+ settings,
+ path,
+ theme,
+ output_path,
+ readers_cache_name="",
+ **kwargs,
+ ):
+ super().__init__(
+ context,
+ settings,
+ path,
+ theme,
+ output_path,
+ readers_cache_name=readers_cache_name,
+ **kwargs,
+ )
+ log.info("PLUGIN: pelican-data-files was successfully loaded")
+ self.settings.setdefault("DATA_FILES_DIR", "data")
+
+ def _is_valid_file(self, file):
+ """Checks if file format is supported.
+
+ params:
+
+ - file -- pathlib.Path object
+ """
+ for file_format in self.SUPPORTED_FORMATS:
+ if file.suffix in file_format["extensions"]:
+ return True
+ return False
+
+ def _get_data_files(self):
+ """Return list of valid files to load into context"""
+
+ data_dir = pathlib.Path(self.settings["DATA_FILES_DIR"])
+ valid_files = []
+
+ # turn path into absolute if not already
+ if not data_dir.is_absolute():
+ data_dir = pathlib.Path(self.settings["PATH"]).joinpath(data_dir)
+
+ # check if path exists
+ if not data_dir.exists():
+ log.error("pelican-data-files: DATA_FILES_DIR path doesn't exists.")
+ exit(1)
+
+ if not data_dir.is_dir():
+ log.error("pelican-data-files: DATA_FILES_DIR path isn't a directory.")
+ exit(1)
+
+ # return all valid files in path
+ # TODO check for duplicates (eg: profile.json and profile.yaml)
+ for file in data_dir.iterdir():
+ if self._is_valid_file(file):
+ valid_files.append(file)
+
+ return valid_files
+
+ def _format_filename(self, file):
+ """Format context var name from filename.
+
+ params:
+
+ - file -- pathlib.Path object
+ """
+ return file.stem.replace(".", "_").upper()
+
+ def _read_file(self, file):
+ """Read and parse data from file.
+
+ params:
+
+ - file -- pathlib.Path object
+ """
+ with file.open() as f:
+ for file_format in self.SUPPORTED_FORMATS:
+ if file_format["name"] == "json" and file.suffix in file_format["extensions"]:
+ try:
+ return json.load(f)
+ except ValueError:
+ return None
+ elif file_format["name"] == "yaml" and file.suffix in file_format["extensions"]:
+ try:
+ return yaml.load(f, Loader=SafeLoader)
+ except ValueError:
+ return None
+
+ def _add_data_to_context(self, name, data):
+ """Add data into context.
+
+ params:
+
+ - name -- str
+ - data -- dict
+ """
+ ctx_name = self.CONTEXT_PREFIX + name
+ self.context[ctx_name] = data
+
+ def generate_context(self):
+ """Generate context from data files"""
+ for file in self._get_data_files():
+ name = self._format_filename(file)
+ data = self._read_file(file)
+
+ if data:
+ self._add_data_to_context(name, data)
+ log.info(f"{file.name} was loaded.")
+ else:
+ log.error(f"{file.name} wasn't loaded.")
+
+
+def get_generators(pelican_object):
+ return DataGenerator
diff --git a/plugins/data_files/tools/__init__.py b/plugins/data_files/tools/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/plugins/data_files/tools/cli.py b/plugins/data_files/tools/cli.py
new file mode 100644
index 0000000..854e780
--- /dev/null
+++ b/plugins/data_files/tools/cli.py
@@ -0,0 +1,109 @@
+import argparse
+import shutil
+import sys
+from pathlib import Path
+
+
+def _err(msg, die=None):
+ """Print an error message and exits if an exit code is given"""
+ sys.stderr.write(f"ERROR: {msg}\n")
+ if die:
+ sys.exit(die if type(die) is int else 1)
+
+
+try:
+ import pelican
+except ImportError:
+ _err(
+ "Cannot import pelican.\nYou must "
+ "install Pelican in order to run this script.",
+ 1,
+ )
+
+# where data files are stored in pelican-data-files's compatible theme
+SRC_DATA_DIR = "data"
+
+# where data file are copied in pelican project directory
+DEST_DATA_DIR = "data"
+
+PELICAN_ROOT_DIR = Path(pelican.__file__).absolute().parent
+PELICAN_THEMES_DIR = PELICAN_ROOT_DIR.joinpath("themes")
+
+
+def _parse_args():
+ """Parse and return cli arguments"""
+ parser = argparse.ArgumentParser(
+ description="""List and fetch data files from compatible themes"""
+ )
+
+ parser.add_argument(
+ "-l",
+ "--list",
+ action="store_true",
+ help="list all themes compatible with this plugin",
+ )
+
+ parser.add_argument(
+ "-f",
+ "--fetch",
+ type=str,
+ metavar="THEME_NAME",
+ help="fetch theme's data files",
+ )
+
+ # parser.add_argument(
+ # "--force",
+ # action="store_true",
+ # help="overwrite files already present in your project",
+ # )
+
+ # if no args parsed, set --help
+ return parser.parse_args(None if sys.argv[1:] else ["--help"])
+
+
+def _get_themes():
+ return [theme for theme in PELICAN_THEMES_DIR.iterdir() if theme.is_dir()]
+
+
+def _get_compatible_themes(themes):
+ return [theme for theme in themes if _is_compatible(theme)]
+
+
+def _is_compatible(theme):
+ return theme.joinpath(SRC_DATA_DIR).exists()
+
+
+def _fetch_files(theme):
+ try:
+ shutil.copytree(
+ theme.joinpath(SRC_DATA_DIR), Path.cwd().joinpath(DEST_DATA_DIR)
+ )
+ except FileExistsError:
+ _err(
+ f"Cannot copy '{theme.name}' files, "
+ f"directory '{DEST_DATA_DIR}' already exists.",
+ die=2,
+ )
+ else:
+ print(f"'{theme.name}' files successfully fetched.")
+
+
+def main():
+ """Main function, called by entrypoint"""
+ args = _parse_args()
+
+ if args.list:
+ for theme in _get_compatible_themes(_get_themes()):
+ print(f"{theme.name}")
+ sys.exit(0)
+
+ if args.fetch:
+ theme = PELICAN_THEMES_DIR.joinpath(args.fetch)
+ if theme.exists():
+ if _is_compatible(theme):
+ _fetch_files(theme)
+ sys.exit(0)
+ else:
+ _err(f"'{args.fetch}' is not a compatible theme.", die=2)
+ else:
+ _err(f"'{args.fetch}' is not an existing theme.", die=2)
diff --git a/plugins/gallery/__init__.py b/plugins/gallery/__init__.py
new file mode 100644
index 0000000..9d2fb6e
--- /dev/null
+++ b/plugins/gallery/__init__.py
@@ -0,0 +1,38 @@
+from pelican import signals
+import os
+from PIL import Image, ExifTags
+
+# the images are copied to output direction because it has been added as:
+# STATIC_PATHS = ['gallery']
+
+def setup_gallery(generator):
+
+ GALLERY = []
+
+ # TODO: look at content settings to generate gallery_path
+ IN_GALLERY_PATH = 'content/gallery/'
+ OUT_GALLERY_PATH = '/gallery/'
+
+ for filename in os.listdir(IN_GALLERY_PATH):
+
+ img_data = {}
+ img_data['src'] = OUT_GALLERY_PATH + filename
+ img = Image.open(IN_GALLERY_PATH + filename)
+ exif = {
+ ExifTags.TAGS[k]: v
+ for k, v in img._getexif().items()
+ if k in ExifTags.TAGS
+ }
+ img_data['time'] = exif['DateTimeOriginal'].split(" ")[1]
+ GALLERY.append(img_data)
+
+ GALLERY = sorted(GALLERY, key=lambda item: item['time'])
+ print("GALLERY plugin: parsed src and exifs for {n} image in {f}".format(n = len(GALLERY), f = IN_GALLERY_PATH))
+
+ # adding it to the pelican context
+ generator.context['GALLERY'] = GALLERY
+
+
+def register():
+ signals.static_generator_finalized.connect(setup_gallery)
+ # signals.page_generator_write_page.connect(setup_gallery)
diff --git a/plugins/gallery/__pycache__/__init__.cpython-38.pyc b/plugins/gallery/__pycache__/__init__.cpython-38.pyc
new file mode 100644
index 0000000..232a431
Binary files /dev/null and b/plugins/gallery/__pycache__/__init__.cpython-38.pyc differ
diff --git a/plugins/image_process/__init__.py b/plugins/image_process/__init__.py
new file mode 100644
index 0000000..d84350c
--- /dev/null
+++ b/plugins/image_process/__init__.py
@@ -0,0 +1 @@
+from .image_process import * # NOQA
diff --git a/plugins/image_process/__pycache__/__init__.cpython-38.pyc b/plugins/image_process/__pycache__/__init__.cpython-38.pyc
new file mode 100644
index 0000000..5f13e2a
Binary files /dev/null and b/plugins/image_process/__pycache__/__init__.cpython-38.pyc differ
diff --git a/plugins/image_process/__pycache__/image_process.cpython-38.pyc b/plugins/image_process/__pycache__/image_process.cpython-38.pyc
new file mode 100644
index 0000000..6d2eba5
Binary files /dev/null and b/plugins/image_process/__pycache__/image_process.cpython-38.pyc differ
diff --git a/plugins/image_process/__pycache__/test_image_process.cpython-38.pyc b/plugins/image_process/__pycache__/test_image_process.cpython-38.pyc
new file mode 100644
index 0000000..8a3f151
Binary files /dev/null and b/plugins/image_process/__pycache__/test_image_process.cpython-38.pyc differ
diff --git a/plugins/image_process/image_process.py b/plugins/image_process/image_process.py
new file mode 100644
index 0000000..4d9b6e8
--- /dev/null
+++ b/plugins/image_process/image_process.py
@@ -0,0 +1,730 @@
+"""
+Image Process
+=============
+
+This plugin process images according to their class attribute.
+"""
+import codecs
+import collections
+import copy
+import functools
+import html
+import logging
+import os.path
+import posixpath
+import re
+import shutil
+import subprocess
+import sys
+
+from PIL import Image, ImageFilter, UnidentifiedImageError
+from bs4 import BeautifulSoup
+import six
+from six.moves.urllib_parse import unquote, urlparse
+from six.moves.urllib_request import pathname2url, url2pathname
+
+from pelican import __version__ as pelican_version
+from pelican import signals
+
+log = logging.getLogger(__name__)
+
+IMAGE_PROCESS_REGEX = re.compile("image-process-[-a-zA-Z0-9_]+")
+PELICAN_MAJOR_VERSION = int(pelican_version.split(".")[0])
+
+Path = collections.namedtuple("Path", ["base_url", "source", "base_path", "filename"])
+
+
+# A lot of inspiration from pyexiftool (https://github.com/smarnach/pyexiftool)
+class ExifTool(object):
+ errors = "strict"
+ sentinel = b"{ready}"
+ block_size = 4096
+
+ _instance = None
+
+ @staticmethod
+ def start_exiftool():
+ if shutil.which("exiftool") is None:
+ log.warning(
+ "[image_process] EXIF tags will not be copied because "
+ "the exiftool program could not be found. "
+ "Please install exiftool and make sure it is in your path."
+ )
+ else:
+ ExifTool._instance = ExifTool()
+
+ @staticmethod
+ def copy_tags(src, dst):
+ if ExifTool._instance is not None:
+ ExifTool._instance._copy_tags(src, dst)
+
+ @staticmethod
+ def stop_exiftool():
+ ExifTool._instance = None
+
+ def __init__(self):
+ self.encoding = sys.getfilesystemencoding()
+ if self.encoding != "mbcs":
+ try:
+ codecs.lookup_error("surrogateescape")
+ except LookupError:
+ pass
+
+ with open(os.devnull, "w") as devnull:
+ self.process = subprocess.Popen(
+ [
+ "exiftool",
+ "-stay_open",
+ "True",
+ "-@",
+ "-",
+ "-common_args",
+ "-G",
+ "-n",
+ ],
+ stdin=subprocess.PIPE,
+ stdout=subprocess.PIPE,
+ stderr=devnull,
+ )
+
+ def __del__(self):
+ if self.process is not None:
+ self.process.terminate()
+
+ def _copy_tags(self, src, dst):
+ params = (
+ b"-TagsFromFile",
+ src.encode(self.encoding, ExifTool.errors),
+ b'"-all:all>all:all"',
+ dst.encode(self.encoding, ExifTool.errors),
+ )
+ self._send_command(params)
+ params = (b"-delete_original!", dst.encode(self.encoding, ExifTool.errors))
+ self._send_command(params)
+
+ def _send_command(self, params):
+ self.process.stdin.write(b"\n".join(params + (b"-j\n", b"-execute\n")))
+ self.process.stdin.flush()
+ output = b""
+ fd = self.process.stdout.fileno()
+ while not output.strip().endswith(ExifTool.sentinel):
+ output += os.read(fd, ExifTool.block_size)
+ exiftool_result = output.strip()[: -len(ExifTool.sentinel)]
+ log.debug(
+ "[image_process] exiftool result: {}".format(
+ exiftool_result.decode("utf-8")
+ )
+ )
+
+
+def convert_box(image, top, left, right, bottom):
+ """Convert box coordinates strings to integer.
+
+ t, l, r, b (top, left, right, bottom) must be strings specifying
+ either a number or a percentage.
+ """
+ bbox = image.getbbox()
+ img_width = bbox[2] - bbox[0]
+ img_height = bbox[3] - bbox[1]
+
+ if top[-1] == "%":
+ top = img_height * float(top[:-1]) / 100.0
+ else:
+ top = float(top)
+ if left[-1] == "%":
+ left = img_width * float(left[:-1]) / 100.0
+ else:
+ left = float(left)
+ if right[-1] == "%":
+ right = img_width * float(right[:-1]) / 100.0
+ else:
+ right = float(right)
+ if bottom[-1] == "%":
+ bottom = img_height * float(bottom[:-1]) / 100.0
+ else:
+ bottom = float(bottom)
+
+ return (top, left, right, bottom)
+
+
+def crop(i, left, top, right, bottom):
+ """Crop image i to the box (left, top)-(right, bottom).
+
+ left, top, right, bottom must be strings specifying
+ either a number or a percentage.
+ """
+ top, left, right, bottom = convert_box(i, top, left, right, bottom)
+ return i.crop((int(left), int(top), int(right), int(bottom)))
+
+
+def resize(i, w, h):
+ """Resize the image to the dimension specified.
+
+ w, h (width, height) must be strings specifying either a number
+ or a percentage.
+ """
+ _, _, w, h = convert_box(i, "0", "0", w, h)
+
+ if i.mode == "P":
+ i = i.convert("RGBA")
+ elif i.mode == "1":
+ i = i.convert("L")
+
+ return i.resize((int(w), int(h)), Image.LANCZOS)
+
+
+def scale(i, w, h, upscale, inside):
+ """Resize the image to the dimension specified, keeping the aspect
+ ratio.
+
+ w, h (width, height) must be strings specifying either a number
+ or a percentage, or "None" to ignore this constraint.
+
+ If upscale is True, upscaling is allowed.
+
+ If inside is True, the resulting image will not be larger than the
+ dimensions specified, else it will not be smaller.
+ """
+ bbox = i.getbbox()
+ iw = bbox[2] - bbox[0]
+ ih = bbox[3] - bbox[1]
+
+ if w == "None":
+ w = 1.0
+ elif w[-1] == "%":
+ w = float(w[:-1]) / 100.0
+ else:
+ w = float(w) / iw
+
+ if h == "None":
+ h = 1.0
+ elif h[-1] == "%":
+ h = float(h[:-1]) / 100.0
+ else:
+ h = float(h) / ih
+
+ if inside:
+ scale = min(w, h)
+ else:
+ scale = max(w, h)
+
+ if upscale in [0, "0", "False", False]:
+ scale = min(scale, 1.0)
+
+ if i.mode == "P":
+ i = i.convert("RGBA")
+ elif i.mode == "1":
+ i = i.convert("L")
+
+ return i.resize((int(scale * iw), int(scale * ih)), Image.LANCZOS)
+
+
+def rotate(i, degrees):
+ if i.mode == "P":
+ i = i.convert("RGBA")
+ elif i.mode == "1":
+ i = i.convert("L")
+
+ # rotate does not support the LANCZOS filter (Pillow 2.7.0).
+ return i.rotate(int(degrees), Image.BICUBIC, True)
+
+
+def apply_filter(i, f):
+ if i.mode == "P":
+ i = i.convert("RGBA")
+ elif i.mode == "1":
+ i = i.convert("L")
+
+ return i.filter(f)
+
+
+basic_ops = {
+ "crop": crop,
+ "flip_horizontal": lambda i: i.transpose(Image.FLIP_LEFT_RIGHT),
+ "flip_vertical": lambda i: i.transpose(Image.FLIP_TOP_BOTTOM),
+ "grayscale": lambda i: i.convert("L"),
+ "resize": resize,
+ "rotate": rotate,
+ "scale_in": functools.partial(scale, inside=True),
+ "scale_out": functools.partial(scale, inside=False),
+ "blur": functools.partial(apply_filter, f=ImageFilter.BLUR),
+ "contour": functools.partial(apply_filter, f=ImageFilter.CONTOUR),
+ "detail": functools.partial(apply_filter, f=ImageFilter.DETAIL),
+ "edge_enhance": functools.partial(apply_filter, f=ImageFilter.EDGE_ENHANCE),
+ "edge_enhance_more": functools.partial(
+ apply_filter, f=ImageFilter.EDGE_ENHANCE_MORE
+ ),
+ "emboss": functools.partial(apply_filter, f=ImageFilter.EMBOSS),
+ "find_edges": functools.partial(apply_filter, f=ImageFilter.FIND_EDGES),
+ "smooth": functools.partial(apply_filter, f=ImageFilter.SMOOTH),
+ "smooth_more": functools.partial(apply_filter, f=ImageFilter.SMOOTH_MORE),
+ "sharpen": functools.partial(apply_filter, f=ImageFilter.SHARPEN),
+}
+
+
+def harvest_images(path, context):
+ log.debug("[image_process] harvesting %r", path)
+ # Set default value for 'IMAGE_PROCESS_DIR'.
+ if "IMAGE_PROCESS_DIR" not in context:
+ context["IMAGE_PROCESS_DIR"] = "derivatives"
+
+ # Set default value for 'IMAGE_PROCESS_ENCODING'
+ if "IMAGE_PROCESS_ENCODING" not in context:
+ context["IMAGE_PROCESS_ENCODING"] = "utf-8"
+
+ # Set default value for 'IMAGE_PROCESS_COPY_EXIF_TAGS'
+ if "IMAGE_PROCESS_COPY_EXIF_TAGS" not in context:
+ context["IMAGE_PROCESS_COPY_EXIF_TAGS"] = False
+
+ with open(path, "r+", encoding=context["IMAGE_PROCESS_ENCODING"]) as f:
+ res = harvest_images_in_fragment(f, context)
+ f.seek(0)
+ f.truncate()
+ f.write(res)
+
+
+def harvest_feed_images(path, context, feed):
+ # Set default value for 'IMAGE_PROCESS_DIR'.
+ if "IMAGE_PROCESS_DIR" not in context:
+ context["IMAGE_PROCESS_DIR"] = "derivatives"
+
+ # Set default value for 'IMAGE_PROCESS_ENCODING'
+ if "IMAGE_PROCESS_ENCODING" not in context:
+ context["IMAGE_PROCESS_ENCODING"] = "utf-8"
+
+ # Set default value for 'IMAGE_PROCESS_COPY_EXIF_TAGS'
+ if "IMAGE_PROCESS_COPY_EXIF_TAGS" not in context:
+ context["IMAGE_PROCESS_COPY_EXIF_TAGS"] = False
+
+ with open(path, "r+", encoding=context["IMAGE_PROCESS_ENCODING"]) as f:
+ soup = BeautifulSoup(f, "xml")
+
+ for content in soup.find_all("content"):
+ if content["type"] != "html":
+ continue
+
+ doc = html.unescape(content.string)
+ res = harvest_images_in_fragment(doc, context)
+ content.string = res
+ f.seek(0)
+ f.truncate()
+ f.write(str(soup))
+
+
+def harvest_images_in_fragment(fragment, settings):
+ parser = settings.get("IMAGE_PROCESS_PARSER", "html.parser")
+ soup = BeautifulSoup(fragment, parser)
+
+ copy_exif_tags = settings.get("IMAGE_PROCESS_COPY_EXIF_TAGS", False)
+ if copy_exif_tags:
+ ExifTool.start_exiftool()
+
+ for img in soup.find_all("img", class_=IMAGE_PROCESS_REGEX):
+ for c in img["class"]:
+ if c.startswith("image-process-"):
+ derivative = c[14:]
+ break
+ else:
+ continue
+
+ try:
+ d = settings["IMAGE_PROCESS"][derivative]
+ except KeyError:
+ raise RuntimeError("Derivative %s undefined." % derivative)
+
+ if isinstance(d, list):
+ # Single source image specification.
+ process_img_tag(img, settings, derivative)
+
+ elif not isinstance(d, dict):
+ raise RuntimeError(
+ "Derivative %s definition not handled"
+ "(must be list or dict)" % (derivative)
+ )
+
+ elif "type" not in d:
+ raise RuntimeError('"type" is mandatory for %s.' % derivative)
+
+ elif d["type"] == "image":
+ # Single source image specification.
+ process_img_tag(img, settings, derivative)
+
+ elif d["type"] == "responsive-image" and "srcset" not in img.attrs:
+ # srcset image specification.
+ build_srcset(img, settings, derivative)
+
+ elif d["type"] == "picture":
+ # Multiple source (picture) specification.
+ group = img.find_parent()
+ if group.name == "div":
+ convert_div_to_picture_tag(soup, img, group, settings, derivative)
+ elif group.name == "picture":
+ process_picture(soup, img, group, settings, derivative)
+
+ ExifTool.stop_exiftool()
+ return str(soup)
+
+
+def compute_paths(img, settings, derivative):
+ process_dir = settings["IMAGE_PROCESS_DIR"]
+ img_src = urlparse(img["src"])
+ img_src_path = url2pathname(img_src.path.lstrip("/"))
+ img_src_dirname, filename = os.path.split(img_src_path)
+ derivative_path = os.path.join(process_dir, derivative)
+ # urljoin truncates leading ../ elements
+ base_url = posixpath.join(
+ posixpath.dirname(img["src"]), pathname2url(derivative_path)
+ )
+
+ if PELICAN_MAJOR_VERSION < 4:
+ file_paths = settings["filenames"]
+ else:
+ file_paths = settings["static_content"]
+
+ for f, contobj in file_paths.items():
+ save_as = contobj.get_url_setting("save_as")
+ # save_as can be set to empty string, which would match everything
+ if save_as and img_src_path.endswith(save_as):
+ source = contobj.source_path
+ base_path = os.path.join(
+ contobj.settings["OUTPUT_PATH"],
+ os.path.dirname(contobj.get_url_setting("save_as")),
+ process_dir,
+ derivative,
+ )
+ break
+ else:
+ if "SITEURL" in settings:
+ site_url = urlparse(settings["SITEURL"])
+ site_url_path = url2pathname(site_url.path[1:])
+ else:
+ # if SITEURL is undefined, don't break!
+ site_url_path = None
+
+ if site_url_path:
+ src_path = img_src_path.partition(site_url_path)[2].lstrip("/")
+ else:
+ src_path = img_src_path.lstrip("/")
+ source = os.path.join(settings["PATH"], src_path)
+ base_path = os.path.join(
+ settings["OUTPUT_PATH"], os.path.dirname(src_path), derivative_path
+ )
+
+ return Path(base_url, source, base_path, filename)
+
+
+def process_img_tag(img, settings, derivative):
+ path = compute_paths(img, settings, derivative)
+ if not is_img_identifiable(path.source):
+ log.warn(
+ "[image_process] Skipping image %s that could not be identified by Pillow",
+ path.source,
+ )
+ return
+ process = settings["IMAGE_PROCESS"][derivative]
+
+ img["src"] = posixpath.join(path.base_url, path.filename)
+ destination = os.path.join(path.base_path, path.filename)
+
+ if not isinstance(process, list):
+ process = process["ops"]
+
+ process_image((path.source, destination, process), settings)
+
+
+def is_img_identifiable(img_filepath):
+ try:
+ Image.open(img_filepath)
+ return True
+ except (FileNotFoundError, UnidentifiedImageError):
+ return False
+
+
+def build_srcset(img, settings, derivative):
+ path = compute_paths(img, settings, derivative)
+ if not is_img_identifiable(path.source):
+ log.warn(
+ "[image_process] Skipping image %s that could not be identified by Pillow",
+ path.source,
+ )
+ return
+ process = settings["IMAGE_PROCESS"][derivative]
+
+ default = process["default"]
+ if isinstance(default, six.string_types):
+ breakpoints = {i for i, _ in process["srcset"]}
+ if default not in breakpoints:
+ log.error(
+ '[image_process] srcset "%s" does not define default "%s"',
+ derivative,
+ default,
+ )
+ default_name = default
+ elif isinstance(default, list):
+ default_name = "default"
+ destination = os.path.join(path.base_path, default_name, path.filename)
+ process_image((path.source, destination, default), settings)
+
+ img["src"] = posixpath.join(path.base_url, default_name, path.filename)
+
+ if "sizes" in process:
+ img["sizes"] = process["sizes"]
+
+ srcset = []
+ for src in process["srcset"]:
+ file_path = posixpath.join(path.base_url, src[0], path.filename)
+ srcset.append("%s %s" % (file_path, src[0]))
+ destination = os.path.join(path.base_path, src[0], path.filename)
+ process_image((path.source, destination, src[1]), settings)
+
+ if len(srcset) > 0:
+ img["srcset"] = ", ".join(srcset)
+
+
+def convert_div_to_picture_tag(soup, img, group, settings, derivative):
+ """
+ Convert a div containing multiple images to a picture.
+ """
+ process_dir = settings["IMAGE_PROCESS_DIR"]
+ # Compile sources URL. Special source "default" uses the main
+ # image URL. Other sources use the img with classes
+ # [source['name'], 'image-process']. We also remove the img from
+ # the DOM.
+ sources = copy.deepcopy(settings["IMAGE_PROCESS"][derivative]["sources"])
+ for s in sources:
+ if s["name"] == "default":
+ s["url"] = img["src"]
+ else:
+ candidates = group.find_all("img", class_=s["name"])
+ for candidate in candidates:
+ if "image-process" in candidate["class"]:
+ s["url"] = candidate["src"]
+ candidate.decompose()
+ break
+
+ url_path, s["filename"] = os.path.split(s["url"])
+ s["base_url"] = os.path.join(url_path, process_dir, derivative)
+ s["base_path"] = os.path.join(settings["OUTPUT_PATH"], s["base_url"][1:])
+
+ # If default is not None, change default img source to the image
+ # derivative referenced.
+ default = settings["IMAGE_PROCESS"][derivative]["default"]
+ if default is not None:
+ default_source_name = default[0]
+
+ default_source = None
+ for s in sources:
+ if s["name"] == default_source_name:
+ default_source = s
+ break
+
+ if default_source is None:
+ raise RuntimeError(
+ 'No source matching "%s", referenced in default setting.',
+ (default_source_name,),
+ )
+
+ if isinstance(default[1], six.string_types):
+ default_item_name = default[1]
+
+ elif isinstance(default[1], list):
+ default_item_name = "default"
+
+ source = os.path.join(settings["PATH"], default_source["url"][1:])
+ destination = os.path.join(
+ s["base_path"],
+ default_source_name,
+ default_item_name,
+ default_source["filename"],
+ )
+ process_image((source, destination, default[1]), settings)
+
+ # Change img src to url of default processed image.
+ img["src"] = os.path.join(
+ s["base_url"],
+ default_source_name,
+ default_item_name,
+ default_source["filename"],
+ )
+
+ # Create picture tag.
+ picture_tag = soup.new_tag("picture")
+ for s in sources:
+ # Create new
+ source_attrs = {k: s[k] for k in s if k in ["media", "sizes"]}
+ source_tag = soup.new_tag("source", **source_attrs)
+
+ srcset = []
+ for src in s["srcset"]:
+ srcset.append(
+ "%s %s"
+ % (
+ os.path.join(s["base_url"], s["name"], src[0], s["filename"]),
+ src[0],
+ )
+ )
+
+ source = os.path.join(settings["PATH"], s["url"][1:])
+ destination = os.path.join(s["base_path"], s["name"], src[0], s["filename"])
+ process_image((source, destination, src[1]), settings)
+
+ if len(srcset) > 0:
+ source_tag["srcset"] = ", ".join(srcset)
+
+ picture_tag.append(source_tag)
+
+ # Wrap img with
+ img.wrap(picture_tag)
+
+
+def process_picture(soup, img, group, settings, derivative):
+ """
+ Convert a simplified picture to a full HTML picture:
+
+
+
+
+
+
+
+ to
+
+
+
+
+
+
+
+
+ """
+
+ process_dir = settings["IMAGE_PROCESS_DIR"]
+ process = settings["IMAGE_PROCESS"][derivative]
+ # Compile sources URL. Special source "default" uses the main
+ # image URL. Other sources use the with classes
+ # source['name']. We also remove the s from the DOM.
+ sources = copy.deepcopy(process["sources"])
+ for s in sources:
+ if s["name"] == "default":
+ s["url"] = img["src"]
+ source_attrs = {k: s[k] for k in s if k in ["media", "sizes"]}
+ s["element"] = soup.new_tag("source", **source_attrs)
+ else:
+ s["element"] = group.find("source", class_=s["name"]).extract()
+ s["url"] = s["element"]["src"]
+ del s["element"]["src"]
+ del s["element"]["class"]
+
+ url_path, s["filename"] = os.path.split(s["url"])
+ s["base_url"] = posixpath.join(url_path, process_dir, derivative)
+ s["base_path"] = os.path.join(settings["OUTPUT_PATH"], s["base_url"][1:])
+
+ # If default is not None, change default img source to the image
+ # derivative referenced.
+ default = process["default"]
+ if default is not None:
+ default_source_name = default[0]
+
+ default_source = None
+ for s in sources:
+ if s["name"] == default_source_name:
+ default_source = s
+ break
+
+ if default_source is None:
+ raise RuntimeError(
+ 'No source matching "%s", referenced in default setting.',
+ (default_source_name,),
+ )
+
+ if isinstance(default[1], six.string_types):
+ default_item_name = default[1]
+
+ elif isinstance(default[1], list):
+ default_item_name = "default"
+ source = os.path.join(settings["PATH"], default_source["url"][1:])
+ destination = os.path.join(
+ s["base_path"],
+ default_source_name,
+ default_item_name,
+ default_source["filename"],
+ )
+
+ process_image((source, destination, default[1]), settings)
+
+ # Change img src to url of default processed image.
+ img["src"] = posixpath.join(
+ s["base_url"],
+ default_source_name,
+ default_item_name,
+ default_source["filename"],
+ )
+
+ # Generate srcsets and put back s in .
+ for s in sources:
+ srcset = []
+ for src in s["srcset"]:
+ srcset.append(
+ "%s %s"
+ % (
+ posixpath.join(s["base_url"], s["name"], src[0], s["filename"]),
+ src[0],
+ )
+ )
+
+ source = os.path.join(settings["PATH"], s["url"][1:])
+ destination = os.path.join(s["base_path"], s["name"], src[0], s["filename"])
+ process_image((source, destination, src[1]), settings)
+
+ if len(srcset) > 0:
+ # Append source elements to the picture in the same order
+ # as they are found in
+ # settings['IMAGE_PROCESS'][derivative]['sources'].
+ s["element"]["srcset"] = ", ".join(srcset)
+ img.insert_before(s["element"])
+
+
+def process_image(image, settings):
+ # Set default value for 'IMAGE_PROCESS_FORCE'.
+ if "IMAGE_PROCESS_FORCE" not in settings:
+ settings["IMAGE_PROCESS_FORCE"] = False
+
+ # remove URL encoding to get to physical filenames
+ image = list(image)
+ image[0] = unquote(image[0])
+ image[1] = unquote(image[1])
+ # image[2] is the transformation
+
+ log.debug("[image_process] {} -> {}".format(image[0], image[1]))
+
+ os.makedirs(os.path.dirname(image[1]), exist_ok=True)
+
+ # If original image is older than existing derivative, skip
+ # processing to save time, unless user explicitly forced
+ # image generation.
+ if (
+ settings["IMAGE_PROCESS_FORCE"]
+ or not os.path.exists(image[1])
+ or os.path.getmtime(image[0]) > os.path.getmtime(image[1])
+ ):
+
+ i = Image.open(image[0])
+
+ for step in image[2]:
+ if hasattr(step, "__call__"):
+ i = step(i)
+ else:
+ elems = step.split(" ")
+ i = basic_ops[elems[0]](i, *(elems[1:]))
+
+ # `save_all=True` will allow saving multi-page (aka animated) GIF's
+ # however, turning it on seems to break PNG support, and doesn't seem
+ # to work on GIF's either...
+ i.save(image[1], progressive=True)
+
+ ExifTool.copy_tags(image[0], image[1])
+
+
+def register():
+ signals.content_written.connect(harvest_images)
+ signals.feed_written.connect(harvest_feed_images)
diff --git a/plugins/image_process/test_data/exif/pelican-bird.jpg b/plugins/image_process/test_data/exif/pelican-bird.jpg
new file mode 100644
index 0000000..ca985e2
Binary files /dev/null and b/plugins/image_process/test_data/exif/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/exif/pelican-bird.png b/plugins/image_process/test_data/exif/pelican-bird.png
new file mode 100644
index 0000000..c351c52
Binary files /dev/null and b/plugins/image_process/test_data/exif/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/folded_puzzle.png b/plugins/image_process/test_data/folded_puzzle.png
new file mode 100644
index 0000000..e5e79d6
Binary files /dev/null and b/plugins/image_process/test_data/folded_puzzle.png differ
diff --git a/plugins/image_process/test_data/minimal.svg b/plugins/image_process/test_data/minimal.svg
new file mode 100644
index 0000000..0c7be4e
--- /dev/null
+++ b/plugins/image_process/test_data/minimal.svg
@@ -0,0 +1 @@
+
diff --git a/plugins/image_process/test_data/pelican-bird.jpg b/plugins/image_process/test_data/pelican-bird.jpg
new file mode 100644
index 0000000..2a8d2bf
Binary files /dev/null and b/plugins/image_process/test_data/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/pelican-bird.png b/plugins/image_process/test_data/pelican-bird.png
new file mode 100644
index 0000000..c6e770b
Binary files /dev/null and b/plugins/image_process/test_data/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/blur/pelican-bird.jpg b/plugins/image_process/test_data/results/blur/pelican-bird.jpg
new file mode 100644
index 0000000..05abf14
Binary files /dev/null and b/plugins/image_process/test_data/results/blur/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/blur/pelican-bird.png b/plugins/image_process/test_data/results/blur/pelican-bird.png
new file mode 100644
index 0000000..01ae215
Binary files /dev/null and b/plugins/image_process/test_data/results/blur/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/contour/pelican-bird.jpg b/plugins/image_process/test_data/results/contour/pelican-bird.jpg
new file mode 100644
index 0000000..5cc427d
Binary files /dev/null and b/plugins/image_process/test_data/results/contour/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/contour/pelican-bird.png b/plugins/image_process/test_data/results/contour/pelican-bird.png
new file mode 100644
index 0000000..bd701c1
Binary files /dev/null and b/plugins/image_process/test_data/results/contour/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/crop/pelican-bird.jpg b/plugins/image_process/test_data/results/crop/pelican-bird.jpg
new file mode 100644
index 0000000..c52462e
Binary files /dev/null and b/plugins/image_process/test_data/results/crop/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/crop/pelican-bird.png b/plugins/image_process/test_data/results/crop/pelican-bird.png
new file mode 100644
index 0000000..1cfd87b
Binary files /dev/null and b/plugins/image_process/test_data/results/crop/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/detail/pelican-bird.jpg b/plugins/image_process/test_data/results/detail/pelican-bird.jpg
new file mode 100644
index 0000000..2e7ee48
Binary files /dev/null and b/plugins/image_process/test_data/results/detail/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/detail/pelican-bird.png b/plugins/image_process/test_data/results/detail/pelican-bird.png
new file mode 100644
index 0000000..bfb3670
Binary files /dev/null and b/plugins/image_process/test_data/results/detail/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/edge_enhance/pelican-bird.jpg b/plugins/image_process/test_data/results/edge_enhance/pelican-bird.jpg
new file mode 100644
index 0000000..5a88232
Binary files /dev/null and b/plugins/image_process/test_data/results/edge_enhance/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/edge_enhance/pelican-bird.png b/plugins/image_process/test_data/results/edge_enhance/pelican-bird.png
new file mode 100644
index 0000000..3c9ec05
Binary files /dev/null and b/plugins/image_process/test_data/results/edge_enhance/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/edge_enhance_more/pelican-bird.jpg b/plugins/image_process/test_data/results/edge_enhance_more/pelican-bird.jpg
new file mode 100644
index 0000000..6e2e6a9
Binary files /dev/null and b/plugins/image_process/test_data/results/edge_enhance_more/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/edge_enhance_more/pelican-bird.png b/plugins/image_process/test_data/results/edge_enhance_more/pelican-bird.png
new file mode 100644
index 0000000..15886fe
Binary files /dev/null and b/plugins/image_process/test_data/results/edge_enhance_more/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/emboss/pelican-bird.jpg b/plugins/image_process/test_data/results/emboss/pelican-bird.jpg
new file mode 100644
index 0000000..563ea56
Binary files /dev/null and b/plugins/image_process/test_data/results/emboss/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/emboss/pelican-bird.png b/plugins/image_process/test_data/results/emboss/pelican-bird.png
new file mode 100644
index 0000000..547ddce
Binary files /dev/null and b/plugins/image_process/test_data/results/emboss/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/find_edges/pelican-bird.jpg b/plugins/image_process/test_data/results/find_edges/pelican-bird.jpg
new file mode 100644
index 0000000..02d05fa
Binary files /dev/null and b/plugins/image_process/test_data/results/find_edges/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/find_edges/pelican-bird.png b/plugins/image_process/test_data/results/find_edges/pelican-bird.png
new file mode 100644
index 0000000..14ede44
Binary files /dev/null and b/plugins/image_process/test_data/results/find_edges/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/flip_horizontal/pelican-bird.jpg b/plugins/image_process/test_data/results/flip_horizontal/pelican-bird.jpg
new file mode 100644
index 0000000..bea2846
Binary files /dev/null and b/plugins/image_process/test_data/results/flip_horizontal/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/flip_horizontal/pelican-bird.png b/plugins/image_process/test_data/results/flip_horizontal/pelican-bird.png
new file mode 100644
index 0000000..9d7fa1d
Binary files /dev/null and b/plugins/image_process/test_data/results/flip_horizontal/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/flip_vertical/pelican-bird.jpg b/plugins/image_process/test_data/results/flip_vertical/pelican-bird.jpg
new file mode 100644
index 0000000..09d524c
Binary files /dev/null and b/plugins/image_process/test_data/results/flip_vertical/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/flip_vertical/pelican-bird.png b/plugins/image_process/test_data/results/flip_vertical/pelican-bird.png
new file mode 100644
index 0000000..9a5219e
Binary files /dev/null and b/plugins/image_process/test_data/results/flip_vertical/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/grayscale/pelican-bird.jpg b/plugins/image_process/test_data/results/grayscale/pelican-bird.jpg
new file mode 100644
index 0000000..7fc6f14
Binary files /dev/null and b/plugins/image_process/test_data/results/grayscale/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/grayscale/pelican-bird.png b/plugins/image_process/test_data/results/grayscale/pelican-bird.png
new file mode 100644
index 0000000..d782419
Binary files /dev/null and b/plugins/image_process/test_data/results/grayscale/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/resize/pelican-bird.jpg b/plugins/image_process/test_data/results/resize/pelican-bird.jpg
new file mode 100644
index 0000000..5c73b15
Binary files /dev/null and b/plugins/image_process/test_data/results/resize/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/resize/pelican-bird.png b/plugins/image_process/test_data/results/resize/pelican-bird.png
new file mode 100644
index 0000000..fd23c86
Binary files /dev/null and b/plugins/image_process/test_data/results/resize/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/rotate/pelican-bird.jpg b/plugins/image_process/test_data/results/rotate/pelican-bird.jpg
new file mode 100644
index 0000000..43c7c6c
Binary files /dev/null and b/plugins/image_process/test_data/results/rotate/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/rotate/pelican-bird.png b/plugins/image_process/test_data/results/rotate/pelican-bird.png
new file mode 100644
index 0000000..f489f05
Binary files /dev/null and b/plugins/image_process/test_data/results/rotate/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/scale_in/pelican-bird.jpg b/plugins/image_process/test_data/results/scale_in/pelican-bird.jpg
new file mode 100644
index 0000000..2be5e8f
Binary files /dev/null and b/plugins/image_process/test_data/results/scale_in/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/scale_in/pelican-bird.png b/plugins/image_process/test_data/results/scale_in/pelican-bird.png
new file mode 100644
index 0000000..4da446f
Binary files /dev/null and b/plugins/image_process/test_data/results/scale_in/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/scale_out/pelican-bird.jpg b/plugins/image_process/test_data/results/scale_out/pelican-bird.jpg
new file mode 100644
index 0000000..ca6ac09
Binary files /dev/null and b/plugins/image_process/test_data/results/scale_out/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/scale_out/pelican-bird.png b/plugins/image_process/test_data/results/scale_out/pelican-bird.png
new file mode 100644
index 0000000..b288972
Binary files /dev/null and b/plugins/image_process/test_data/results/scale_out/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/sharpen/pelican-bird.jpg b/plugins/image_process/test_data/results/sharpen/pelican-bird.jpg
new file mode 100644
index 0000000..c79f65f
Binary files /dev/null and b/plugins/image_process/test_data/results/sharpen/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/sharpen/pelican-bird.png b/plugins/image_process/test_data/results/sharpen/pelican-bird.png
new file mode 100644
index 0000000..257541f
Binary files /dev/null and b/plugins/image_process/test_data/results/sharpen/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/smooth/pelican-bird.jpg b/plugins/image_process/test_data/results/smooth/pelican-bird.jpg
new file mode 100644
index 0000000..edd6361
Binary files /dev/null and b/plugins/image_process/test_data/results/smooth/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/smooth/pelican-bird.png b/plugins/image_process/test_data/results/smooth/pelican-bird.png
new file mode 100644
index 0000000..9762b39
Binary files /dev/null and b/plugins/image_process/test_data/results/smooth/pelican-bird.png differ
diff --git a/plugins/image_process/test_data/results/smooth_more/pelican-bird.jpg b/plugins/image_process/test_data/results/smooth_more/pelican-bird.jpg
new file mode 100644
index 0000000..a383ed0
Binary files /dev/null and b/plugins/image_process/test_data/results/smooth_more/pelican-bird.jpg differ
diff --git a/plugins/image_process/test_data/results/smooth_more/pelican-bird.png b/plugins/image_process/test_data/results/smooth_more/pelican-bird.png
new file mode 100644
index 0000000..e5c8f58
Binary files /dev/null and b/plugins/image_process/test_data/results/smooth_more/pelican-bird.png differ
diff --git a/plugins/image_process/test_image_process.py b/plugins/image_process/test_image_process.py
new file mode 100644
index 0000000..d88c8ff
--- /dev/null
+++ b/plugins/image_process/test_image_process.py
@@ -0,0 +1,573 @@
+import json
+import os
+from pathlib import Path
+import shutil
+import subprocess
+import warnings
+
+from PIL import Image, ImageChops
+import pytest
+
+from pelican.plugins.image_process import (
+ ExifTool,
+ compute_paths,
+ harvest_images_in_fragment,
+ is_img_identifiable,
+ process_image,
+)
+
+# Prepare test image constants.
+HERE = Path(__file__).resolve().parent
+TEST_DATA = HERE.joinpath("test_data").resolve()
+TEST_IMAGES = [
+ TEST_DATA.joinpath(f"pelican-bird.{ext}").resolve() for ext in ["jpg", "png"]
+]
+EXIF_TEST_IMAGES = [
+ TEST_DATA.joinpath("exif", f"pelican-bird.{ext}").resolve()
+ for ext in ["jpg", "png"]
+]
+TRANSFORM_RESULTS = TEST_DATA.joinpath("results").resolve()
+
+# Register all supported transforms.
+SINGLE_TRANSFORMS = {
+ "crop": ["crop 10 20 100 200"],
+ "flip_horizontal": ["flip_horizontal"],
+ "flip_vertical": ["flip_vertical"],
+ "grayscale": ["grayscale"],
+ "resize": ["resize 200 250"],
+ "rotate": ["rotate 20"],
+ "scale_in": ["scale_in 200 250 False"],
+ "scale_out": ["scale_out 200 250 False"],
+ "blur": ["blur"],
+ "contour": ["contour"],
+ "detail": ["detail"],
+ "edge_enhance": ["edge_enhance"],
+ "edge_enhance_more": ["edge_enhance_more"],
+ "emboss": ["emboss"],
+ "find_edges": ["find_edges"],
+ "smooth": ["smooth"],
+ "smooth_more": ["smooth_more"],
+ "sharpen": ["sharpen"],
+}
+
+
+def get_settings(**kwargs):
+ """Provide tweaked setting dictionaries for testing
+ Set keyword arguments to override specific settings.
+ """
+ DEFAULT_CONFIG = {
+ "PATH": HERE,
+ "OUTPUT_PATH": "output",
+ "static_content": {},
+ "filenames": {},
+ "SITEURL": "//",
+ "IMAGE_PROCESS": SINGLE_TRANSFORMS,
+ }
+ settings = DEFAULT_CONFIG.copy()
+ settings.update(kwargs)
+ return settings
+
+
+def test_undefined_transform():
+ settings = get_settings()
+ tag = ""
+ with pytest.raises(RuntimeError):
+ harvest_images_in_fragment(tag, settings)
+
+
+@pytest.mark.parametrize("transform_id, transform_params", SINGLE_TRANSFORMS.items())
+@pytest.mark.parametrize("image_path", TEST_IMAGES)
+def test_all_transforms(tmp_path, transform_id, transform_params, image_path):
+ """Test the raw transform and their results on images."""
+ settings = get_settings()
+
+ image_name = image_path.name
+ destination_path = tmp_path.joinpath(transform_id, image_name)
+ expected_path = TRANSFORM_RESULTS.joinpath(transform_id, image_name)
+
+ process_image((str(image_path), str(destination_path), transform_params), settings)
+
+ transformed = Image.open(destination_path)
+ expected = Image.open(expected_path)
+ # Image.getbbox() returns None if there are only black pixels in the image:
+ image_diff = ImageChops.difference(transformed, expected).getbbox()
+ assert image_diff is None
+
+
+@pytest.mark.parametrize(
+ "orig_src, orig_img, new_src, new_img",
+ [
+ (
+ "/tmp/test.jpg",
+ "tmp/test.jpg",
+ "/tmp/derivatives/crop/test.jpg",
+ "tmp/derivatives/crop/test.jpg",
+ ),
+ (
+ "../tmp/test.jpg",
+ "../tmp/test.jpg",
+ "../tmp/derivatives/crop/test.jpg",
+ "../tmp/derivatives/crop/test.jpg",
+ ),
+ (
+ "http://xxx/tmp/test.jpg",
+ "tmp/test.jpg",
+ "http://xxx/tmp/derivatives/crop/test.jpg",
+ "tmp/derivatives/crop/test.jpg",
+ ),
+ ],
+)
+def test_path_normalization(mocker, orig_src, orig_img, new_src, new_img):
+ # Allow non-existing images to be processed:
+ mocker.patch(
+ "pelican.plugins.image_process.image_process.is_img_identifiable",
+ lambda img_filepath: True,
+ )
+ # Silence image transforms.
+ process = mocker.patch("pelican.plugins.image_process.image_process.process_image")
+
+ settings = get_settings(IMAGE_PROCESS_DIR="derivatives")
+
+ img_tag_orig = (
+ ''
+ )
+
+ img_tag_processed = harvest_images_in_fragment(img_tag_orig, settings)
+
+ assert img_tag_processed == (
+ f''
+ )
+
+ process.assert_called_once_with(
+ (
+ os.path.join(settings["PATH"], orig_img),
+ os.path.join(settings["OUTPUT_PATH"], new_img),
+ SINGLE_TRANSFORMS["crop"],
+ ),
+ settings,
+ )
+
+
+COMPLEX_TRANSFORMS = {
+ "thumb": ["crop 0 0 50% 50%", "scale_out 150 150", "crop 0 0 150 150"],
+ "article-image": {"type": "image", "ops": ["scale_in 300 300"]},
+ "crisp": {
+ "type": "responsive-image",
+ "srcset": [
+ ("1x", ["scale_in 800 600 True"]),
+ ("2x", ["scale_in 1600 1200 True"]),
+ ("4x", ["scale_in 3200 2400 True"]),
+ ],
+ "default": "1x",
+ },
+ "crisp2": {
+ "type": "responsive-image",
+ "srcset": [
+ ("1x", ["scale_in 800 600 True"]),
+ ("2x", ["scale_in 1600 1200 True"]),
+ ("4x", ["scale_in 3200 2400 True"]),
+ ],
+ "default": ["scale_in 400 300 True"],
+ },
+ "large-photo": {
+ "type": "responsive-image",
+ "sizes": (
+ "(min-width: 1200px) 800px, "
+ "(min-width: 992px) 650px, "
+ "(min-width: 768px) 718px, "
+ "100vw"
+ ),
+ "srcset": [
+ ("600w", ["scale_in 600 450 True"]),
+ ("800w", ["scale_in 800 600 True"]),
+ ("1600w", ["scale_in 1600 1200 True"]),
+ ],
+ "default": "800w",
+ },
+ "pict": {
+ "type": "picture",
+ "sources": [
+ {
+ "name": "default",
+ "media": "(min-width: 640px)",
+ "srcset": [
+ ("640w", ["scale_in 640 480 True"]),
+ ("1024w", ["scale_in 1024 683 True"]),
+ ("1600w", ["scale_in 1600 1200 True"]),
+ ],
+ "sizes": "100vw",
+ },
+ {
+ "name": "source-1",
+ "srcset": [
+ ("1x", ["crop 100 100 200 200"]),
+ ("2x", ["crop 100 100 300 300"]),
+ ],
+ },
+ ],
+ "default": ("default", "640w"),
+ },
+ "pict2": {
+ "type": "picture",
+ "sources": [
+ {
+ "name": "default",
+ "media": "(min-width: 640px)",
+ "srcset": [
+ ("640w", ["scale_in 640 480 True"]),
+ ("1024w", ["scale_in 1024 683 True"]),
+ ("1600w", ["scale_in 1600 1200 True"]),
+ ],
+ "sizes": "100vw",
+ },
+ {
+ "name": "source-2",
+ "srcset": [
+ ("1x", ["crop 100 100 200 200"]),
+ ("2x", ["crop 100 100 300 300"]),
+ ],
+ },
+ ],
+ "default": ("source-2", ["scale_in 800 600 True"]),
+ },
+}
+
+
+@pytest.mark.parametrize(
+ "orig_tag, new_tag, call_args",
+ [
+ (
+ '',
+ '',
+ [
+ (
+ "tmp/test.jpg",
+ "tmp/derivs/thumb/test.jpg",
+ ["crop 0 0 50% 50%", "scale_out 150 150", "crop 0 0 150 150"],
+ ),
+ ],
+ ),
+ (
+ '',
+ '',
+ [
+ (
+ "tmp/test.jpg",
+ "tmp/derivs/article-image/test.jpg",
+ ["scale_in 300 300"],
+ ),
+ ],
+ ),
+ (
+ '',
+ '',
+ [
+ (
+ "tmp/test.jpg",
+ "tmp/derivs/crisp/1x/test.jpg",
+ ["scale_in 800 600 True"],
+ ),
+ (
+ "tmp/test.jpg",
+ "tmp/derivs/crisp/2x/test.jpg",
+ ["scale_in 1600 1200 True"],
+ ),
+ (
+ "tmp/test.jpg",
+ "tmp/derivs/crisp/4x/test.jpg",
+ ["scale_in 3200 2400 True"],
+ ),
+ ],
+ ),
+ (
+ '',
+ '',
+ # default must be first, because the process execute it first
+ [
+ (
+ "tmp/test.jpg",
+ "tmp/derivs/crisp2/default/test.jpg",
+ ["scale_in 400 300 True"],
+ ),
+ (
+ "tmp/test.jpg",
+ "tmp/derivs/crisp2/1x/test.jpg",
+ ["scale_in 800 600 True"],
+ ),
+ (
+ "tmp/test.jpg",
+ "tmp/derivs/crisp2/2x/test.jpg",
+ ["scale_in 1600 1200 True"],
+ ),
+ (
+ "tmp/test.jpg",
+ "tmp/derivs/crisp2/4x/test.jpg",
+ ["scale_in 3200 2400 True"],
+ ),
+ ],
+ ),
+ (
+ '',
+ '',
+ [
+ (
+ "tmp/test.jpg",
+ "tmp/derivs/large-photo/600w/test.jpg",
+ ["scale_in 600 450 True"],
+ ),
+ (
+ "tmp/test.jpg",
+ "tmp/derivs/large-photo/800w/test.jpg",
+ ["scale_in 800 600 True"],
+ ),
+ (
+ "tmp/test.jpg",
+ "tmp/derivs/large-photo/1600w/test.jpg",
+ ["scale_in 1600 1200 True"],
+ ),
+ ],
+ ),
+ (
+ ''
+ "",
+ ''
+ ''
+ "",
+ [
+ (
+ "images/pelican.jpg",
+ "images/derivs/pict/default/640w/pelican.jpg",
+ ["scale_in 640 480 True"],
+ ),
+ (
+ "images/pelican.jpg",
+ "images/derivs/pict/default/1024w/pelican.jpg",
+ ["scale_in 1024 683 True"],
+ ),
+ (
+ "images/pelican.jpg",
+ "images/derivs/pict/default/1600w/pelican.jpg",
+ ["scale_in 1600 1200 True"],
+ ),
+ (
+ "images/pelican-closeup.jpg",
+ "images/derivs/pict/source-1/1x/pelican-closeup.jpg",
+ ["crop 100 100 200 200"],
+ ),
+ (
+ "images/pelican-closeup.jpg",
+ "images/derivs/pict/source-1/2x/pelican-closeup.jpg",
+ ["crop 100 100 300 300"],
+ ),
+ ],
+ ),
+ (
+ '
'
+ 'A nice pelican
',
+ '
'
+ '
A nice pelican
',
+ [
+ # Default calls first.
+ (
+ "images/pelican-closeup.jpg",
+ "images/derivs/pict2/source-2/default/pelican-closeup.jpg",
+ ["scale_in 800 600 True"],
+ ),
+ (
+ "images/pelican.jpg",
+ "images/derivs/pict2/default/640w/pelican.jpg",
+ ["scale_in 640 480 True"],
+ ),
+ # Then images in processing order.
+ (
+ "images/pelican.jpg",
+ "images/derivs/pict2/default/1024w/pelican.jpg",
+ ["scale_in 1024 683 True"],
+ ),
+ (
+ "images/pelican.jpg",
+ "images/derivs/pict2/default/1600w/pelican.jpg",
+ ["scale_in 1600 1200 True"],
+ ),
+ (
+ "images/pelican-closeup.jpg",
+ "images/derivs/pict2/source-2/1x/pelican-closeup.jpg",
+ ["crop 100 100 200 200"],
+ ),
+ (
+ "images/pelican-closeup.jpg",
+ "images/derivs/pict2/source-2/2x/pelican-closeup.jpg",
+ ["crop 100 100 300 300"],
+ ),
+ ],
+ ),
+ ],
+)
+def test_picture_generation(mocker, orig_tag, new_tag, call_args):
+ # Allow non-existing images to be processed:
+ mocker.patch(
+ "pelican.plugins.image_process.image_process.is_img_identifiable",
+ lambda img_filepath: True,
+ )
+ process = mocker.patch("pelican.plugins.image_process.image_process.process_image")
+
+ settings = get_settings(
+ IMAGE_PROCESS=COMPLEX_TRANSFORMS, IMAGE_PROCESS_DIR="derivs"
+ )
+
+ assert harvest_images_in_fragment(orig_tag, settings) == new_tag
+
+ for i, (orig_img, new_img, transform_params) in enumerate(call_args):
+ assert process.mock_calls[i] == mocker.call(
+ (
+ os.path.join(settings["PATH"], orig_img),
+ os.path.join(settings["OUTPUT_PATH"], new_img),
+ transform_params,
+ ),
+ settings,
+ )
+
+
+def process_image_mock_exif_tool_started(image, settings):
+ assert ExifTool._instance is not None
+
+
+def process_image_mock_exif_tool_not_started(image, settings):
+ assert ExifTool._instance is None
+
+
+@pytest.mark.parametrize("copy_tags", [True, False])
+def test_exiftool_process_is_started_only_when_necessary(mocker, copy_tags):
+ if shutil.which("exiftool") is None:
+ warnings.warn(
+ "EXIF tags copying will not be tested because the exiftool program could "
+ "not be found. Please install exiftool and make sure it is in your path."
+ )
+ return
+
+ if copy_tags:
+ mocker.patch(
+ "pelican.plugins.image_process.image_process.process_image",
+ process_image_mock_exif_tool_started,
+ )
+ else:
+ mocker.patch(
+ "pelican.plugins.image_process.image_process.process_image",
+ process_image_mock_exif_tool_not_started,
+ )
+
+ settings = get_settings(
+ IMAGE_PROCESS_COPY_EXIF_TAGS=copy_tags,
+ IMAGE_PROCESS=COMPLEX_TRANSFORMS,
+ IMAGE_PROCESS_DIR="derivs",
+ )
+
+ harvest_images_in_fragment(
+ '', settings
+ )
+
+
+@pytest.mark.parametrize("image_path", EXIF_TEST_IMAGES)
+@pytest.mark.parametrize("copy_tags", [True, False])
+def test_copy_exif_tags(tmp_path, image_path, copy_tags):
+ if shutil.which("exiftool") is None:
+ warnings.warn(
+ "EXIF tags copying will not be tested because the exiftool program could "
+ "not be found. Please install exiftool and make sure it is in your path."
+ )
+ return
+
+ # A few EXIF tags to test for.
+ exif_tags = [
+ "Artist",
+ "Creator",
+ "Title",
+ "Description",
+ "Subject",
+ "Rating",
+ "ExifImageWidth",
+ ]
+
+ settings = get_settings(IMAGE_PROCESS_COPY_EXIF_TAGS=copy_tags)
+
+ transform_id = "grayscale"
+ transform_params = ["grayscale"]
+ image_name = image_path.name
+ destination_path = tmp_path.joinpath(transform_id, image_name)
+
+ expected_results = subprocess.run(
+ ["exiftool", "-json", image_path], stdout=subprocess.PIPE
+ )
+ expected_tags = json.loads(expected_results.stdout)[0]
+ for tag in exif_tags:
+ assert tag in expected_tags.keys()
+
+ if copy_tags:
+ ExifTool.start_exiftool()
+ process_image((str(image_path), str(destination_path), transform_params), settings)
+ if copy_tags:
+ ExifTool.stop_exiftool()
+
+ actual_results = subprocess.run(
+ ["exiftool", "-json", destination_path], stdout=subprocess.PIPE
+ )
+
+ assert actual_results.returncode == 0
+
+ actual_tags = json.loads(actual_results.stdout)[0]
+ for tag in exif_tags:
+ if copy_tags:
+ assert tag in actual_tags.keys()
+ assert expected_tags[tag] == actual_tags[tag]
+ else:
+ assert tag not in actual_tags.keys()
+
+
+def test_is_img_identifiable():
+ for test_image in TEST_IMAGES:
+ assert is_img_identifiable(test_image)
+
+ assert not is_img_identifiable("image/that/does/not/exist.png")
+
+ assert not is_img_identifiable(TEST_DATA.joinpath("folded_puzzle.png"))
+ assert not is_img_identifiable(TEST_DATA.joinpath("minimal.svg"))
+
+ img = {"src": "https://upload.wikimedia.org/wikipedia/commons/3/34/Exemple.png"}
+ settings = get_settings(IMAGE_PROCESS_DIR="derivatives")
+ path = compute_paths(img, settings, derivative="thumb")
+ assert not is_img_identifiable(path.source)
diff --git a/plugins/multilang-json-page/__init__.py b/plugins/multilang-json-page/__init__.py
new file mode 100644
index 0000000..8cf03eb
--- /dev/null
+++ b/plugins/multilang-json-page/__init__.py
@@ -0,0 +1,50 @@
+from pelican import signals
+import os
+import json
+
+
+# TODO: see of content.lang == lang (from splitted filename)
+
+def add_multilang_json(generator, content):
+
+ # print("Multilang JSON plugin")
+
+ pathname = content.source_path
+ (root, filename) = os.path.split(pathname)
+ (basename_lang, ext) = os.path.splitext(filename)
+ basename_split = basename_lang.split("_")
+ basename = basename_split[0]
+ lang = 'en' if len(basename_split) == 1 else basename_split[1]
+
+ print("page '{p}' in lang '{l}'".format(p = basename, l=lang))
+
+ ml_filename = basename + "_multilang" + ".json"
+ ml_pathname = os.path.join(root, ml_filename)
+
+ if os.path.isfile(ml_pathname):
+
+ print("--> using {f} for translation".format(f = ml_filename))
+
+ with open(ml_pathname, 'r') as file:
+ ml_jsn = json.load(file)
+
+ lang_jsn = { id: message[lang] for (id, message) in ml_jsn.items() }
+ # print(json.dumps(lang_jsn, indent=4))
+ # TODO: see if lang exist in json, print somethings otherwise
+
+ content.multilang = lang_jsn
+
+
+ # the global one
+ ml_global_filename = "content/global_multilang.json"
+
+ if os.path.isfile(ml_global_filename):
+ with open(ml_global_filename, 'r') as file:
+ ml_jsn = json.load(file)
+ lang_jsn = { id: message[lang] for (id, message) in ml_jsn.items() }
+ generator.context["multilang"] = lang_jsn
+
+def register():
+
+ signals.page_generator_write_page.connect(add_multilang_json)
+ signals.article_generator_write_article.connect(add_multilang_json)
diff --git a/plugins/multilang-json-page/__pycache__/__init__.cpython-38.pyc b/plugins/multilang-json-page/__pycache__/__init__.cpython-38.pyc
new file mode 100644
index 0000000..b558529
Binary files /dev/null and b/plugins/multilang-json-page/__pycache__/__init__.cpython-38.pyc differ
diff --git a/plugins/quotes-section/__init__.py b/plugins/quotes-section/__init__.py
new file mode 100644
index 0000000..8cf1bfe
--- /dev/null
+++ b/plugins/quotes-section/__init__.py
@@ -0,0 +1,29 @@
+from pelican import signals
+
+def split_to_quotes_section(article):
+ article_sections = article._content.split('');
+ article._content = article_sections[0]
+ if len(article_sections) > 1:
+ article.quotes = article_sections[1]
+
+def split_to_bio_section(article):
+ article_sections = article._content.split('');
+ article._content = article_sections[0]
+ if len(article_sections) > 1:
+ article.bio = article_sections[1]
+
+def article_add_quotes(article_generator):
+ for article in article_generator.articles:
+ split_to_quotes_section(article)
+ for translation in article.translations:
+ split_to_quotes_section(translation)
+
+def page_add_bio(page_generator):
+ for page in page_generator.pages:
+ split_to_bio_section(page)
+ for translation in page.translations:
+ split_to_bio_section(translation)
+
+def register():
+ signals.article_generator_finalized.connect(article_add_quotes)
+ signals.page_generator_finalized.connect(page_add_bio)
diff --git a/plugins/quotes-section/__pycache__/__init__.cpython-38.pyc b/plugins/quotes-section/__pycache__/__init__.cpython-38.pyc
new file mode 100644
index 0000000..2afe00d
Binary files /dev/null and b/plugins/quotes-section/__pycache__/__init__.cpython-38.pyc differ
diff --git a/publishconf.py b/publishconf.py
new file mode 100644
index 0000000..405e79b
--- /dev/null
+++ b/publishconf.py
@@ -0,0 +1,24 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*- #
+
+# This file is only used if you use `make publish` or
+# explicitly specify it as your config file.
+
+import os
+import sys
+sys.path.append(os.curdir)
+from pelicanconf import *
+
+# If your site is available via HTTPS, make sure SITEURL begins with https://
+SITEURL = 'https://moonwalk.be'
+RELATIVE_URLS = False
+
+FEED_ALL_ATOM = 'feeds/all.atom.xml'
+CATEGORY_FEED_ATOM = 'feeds/{slug}.atom.xml'
+
+DELETE_OUTPUT_DIRECTORY = True
+
+# Following items are often useful when publishing
+
+#DISQUS_SITENAME = ""
+#GOOGLE_ANALYTICS = ""
\ No newline at end of file
diff --git a/theme/static/css/article.css b/theme/static/css/article.css
new file mode 100644
index 0000000..7a32eee
--- /dev/null
+++ b/theme/static/css/article.css
@@ -0,0 +1,73 @@
+
+/* PROJECTS NAVIGATION
+ ========================================================================== */
+
+nav.nav-projects ul{
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0 var(--lh);
+
+ text-transform: uppercase;
+ line-height: 2;
+}
+nav.nav-projects li.active a{
+ text-decoration: none;
+}
+nav.nav-projects li.active::before{
+ content: "[\202F";
+ content: "[";
+}
+nav.nav-projects li.active::after{
+ content: "\202F]";
+ content: "]";
+}
+nav.nav-projects li.active::before,
+nav.nav-projects li.active::after{
+ /* font-family: 'Inconsolata', monospace;
+ font-variation-settings: var(--fvs-mono);
+ font-size: var(--fs-mono); */
+}
+
+
+/* QUOTES
+ ========================================================================== */
+
+blockquote{
+ padding: calc(var(--lh) * 0.5) calc(var(--lh) * 1);
+ background: var(--c-soft);
+ border: var(--border);
+
+ margin-left: var(--lh);
+ position: relative;
+}
+blockquote:not(:last-of-type){
+ margin-bottom: calc(var(--lh) * 2.5);
+}
+blockquote p:nth-last-child(2){
+ margin-bottom: 0;
+}
+blockquote p:last-of-type{
+ position: absolute;
+ top: 100%;
+ margin: calc(var(--lh) * 0.25) 0;
+
+ font-family: 'Inconsolata', monospace;
+ font-variation-settings: var(--fvs-mono);
+ font-size: var(--fs-mono);
+
+}
+blockquote p:last-of-type::before{
+ /* content: ""; */
+}
+
+
+
+@media only screen and (max-width: 30rem) {
+ nav.nav-projects ul > li{
+ flex-basis: 100%;
+ }
+
+ blockquote{
+ margin-left: 0;
+ }
+}
diff --git a/theme/static/css/calendar.css b/theme/static/css/calendar.css
new file mode 100644
index 0000000..f5ecd9a
--- /dev/null
+++ b/theme/static/css/calendar.css
@@ -0,0 +1,180 @@
+
+
+/* CALENDAR
+ =========================================================================== */
+
+#calendar-section{
+ /* padding-top: calc(var(--lh) * 1); */
+ /* padding-left: calc(var(--lh) * 1); */
+}
+
+/* loading */
+.cal-loading {
+ margin: calc(var(--lh) * 1) 0;
+ animation: glowing 1s infinite alternate;
+}
+@keyframes glowing {
+ from { color: var(--c-dark); }
+ to { color: var(--c-light); }
+}
+
+/* layout */
+#calendar-section{
+ /* padding-bottom: calc(var(--lh) * 1); */
+}
+#calendar-section header{
+ padding-bottom: calc(var(--lh) * 0.5);
+ border-bottom: var(--border);
+ border-style: dotted;
+ margin-bottom: calc(var(--lh) * 0.5);
+}
+#calendar-section .calendar-content{
+ padding-left: calc(var(--lh) * 0.5);
+}
+#calendar-section footer{
+ padding-top: calc(var(--lh) * 0.5);
+ border-top: var(--border);
+ border-style: dotted;
+ margin-top: calc(var(--lh) * 0.5);
+}
+
+/* an entry */
+.cal-entry{
+ padding: calc(var(--lh) * 1) 0 calc(var(--lh) * 0.5);
+
+ /* padding: calc(var(--lh) * 1) 0 calc(var(--lh) * 1);
+ border-left: calc(var(--lh) * 0.5) solid white;
+ padding-left: calc(var(--lh) * 1); */
+}
+.cal-entry.newmoon{
+ /* border-style: dotted; */
+}
+.cal-entry:not(:last-of-type){
+ border-bottom: var(--border);
+}
+
+.cal-entry__prime{
+ display: flex;
+ align-items: last baseline;
+ gap: calc(var(--lh) * 1.5);
+}
+.cal-entry__second{
+ margin-top: calc(var(--lh) * 0.75);
+}
+.cal-entry__tertary{
+ margin-top: calc(var(--lh) * 0.75);
+}
+
+
+/* --- date */
+.cal-entry__date .day{
+ text-transform: capitalize;
+}
+
+/* --- past --- */
+.cal-entry.past .cal-entry__date .date{
+ text-decoration-line: line-through;
+ text-decoration-thickness: calc(var(--lh) * 0.2);
+}
+.cal-entry.past h2{
+ color: var(--c-soft-text);
+}
+
+/* --- moon drawing */
+.cal-entry__moon .moon-drawing {
+ font-size: var(--fs-big);
+ width: 1em;
+ height: 1em;
+ border-radius: 100%;
+
+ position: relative;
+ top: 0.12em;
+}
+.cal-entry.fullmoon .moon-drawing{
+ background: white;
+}
+.cal-entry.newmoon .moon-drawing{
+ border: 3px dotted white;
+ box-sizing: border-box;
+}
+
+/* --- phase-name */
+.cal-entry__phase{
+ flex-grow: 1;
+}
+h2.phase-name {
+ line-height: calc(var(--lh) * 1.5);
+ text-transform: capitalize;
+ white-space: nowrap;
+}
+
+/* --- reservation */
+.cal-entry__reservation{
+ /* flex-grow: 1; */
+ display: flex;
+ justify-content: flex-end;
+}
+.reservation {
+ white-space: nowrap;
+}
+.cal-entry__reservation .picto{
+ position: relative;
+ top: 0.16em;
+ margin-right: 0.1em;
+}
+.cal-entry:not(.confirmed) .cal-entry__reservation .picto{
+ display: none;
+}
+.cal-entry:not(.confirmed) .cal-entry__reservation a{
+ color: var(--c-soft-text);
+}
+
+.cal-entry.past.confirmed .cal-entry__reservation{
+ color: var(--c-soft-text);
+}
+
+/* activvve */
+/* .cal-entry.confirmed:not(.past) :is(h2, .cal-entry__description, .cal-entry__reservation a), */
+.cal-entry.confirmed:not(.past) :is(.cal-entry__description, .cal-entry__reservation){
+ /* color: midnightblue; */
+ /* color: navy; */
+}
+
+/* --- tertary */
+
+.cal-entry__tertary{
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.5em;
+}
+.cal-entry__tertary > *:not(:last-child)::after{
+ content: "•";
+ margin: 0 0.5em;
+}
+.cal-entry__tertary > *:not(:first-child)::before{
+ content: " ";
+}
+
+
+/* typo animation */
+.cal-entry{
+ --animation-duration: 2s;
+ /* --animation-duration: 0.5s; */
+ animation-timing-function: linear;
+}
+.cal-entry:not(.past).confirmed.newmoon.animated h2{
+ animation: newmoon var(--animation-duration);
+}
+.cal-entry:not(.past).confirmed.fullmoon.animated h2{
+ animation: fullmoon var(--animation-duration);
+}
+@keyframes newmoon {
+ 0% { font-variation-settings: "SERI"0, "slnt"0; }
+ 50% { font-variation-settings: "SERI"100, "slnt"0; color: white;}
+ 100% { font-variation-settings: "SERI"0, "slnt"0; }
+}
+@keyframes fullmoon {
+ 0% { font-variation-settings: "SERI"100, "slnt"0; }
+ 50% { font-variation-settings: "SERI"0, "slnt"0; color: white;}
+ 100% { font-variation-settings: "SERI"100, "slnt"0; }
+}
diff --git a/theme/static/css/fonts.css b/theme/static/css/fonts.css
new file mode 100644
index 0000000..1345ac5
--- /dev/null
+++ b/theme/static/css/fonts.css
@@ -0,0 +1,21 @@
+
+/* FONTS
+ ========================================================================== */
+
+@font-face {
+ font-family: "unoversoneueGX";
+ src: url("../fonts/unoversoneueGX-SLANT.ttf");
+ font-weight: normal;
+}
+@font-face {
+ font-family: "Inconsolata";
+ src: url("../fonts/Inconsolata[wdth,wght].ttf");
+ font-weight: normal;
+ /* [wdth,wght] */
+}
+@font-face {
+ /* for moon or astro picto */
+ font-family: "Symbola";
+ src: url("../fonts/Symbola.otf");
+ font-weight: normal;
+}
diff --git a/theme/static/css/gallery.css b/theme/static/css/gallery.css
new file mode 100644
index 0000000..c02fafb
--- /dev/null
+++ b/theme/static/css/gallery.css
@@ -0,0 +1,43 @@
+
+.gallery-section{
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr) );
+ grid-auto-rows: 200px;
+
+ box-sizing: border-box;
+ border: var(--border);
+ height: calc(100vh - calc(5 * var(--lh)));
+ overflow: auto;
+ background: var(--c-soft);
+}
+.gallery-section > .image{
+ position: relative;
+}
+.gallery-section > .image > img{
+ width: 100%;
+ height: 100%;
+ /* z-index: 2; */
+
+ object-fit: cover;
+ object-position: center;
+}
+.gallery-section > .image > .time{
+ position: absolute;
+ inset: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: white;
+
+ pointer-events: none;
+}
+
+
+/* remove the watch on gallery mode */
+body.gallery aside.moon-watch{
+ display: none;
+}
+
+body.gallery > section.grid-display{
+ grid-template-columns: 1fr;
+}
\ No newline at end of file
diff --git a/theme/static/css/header.css b/theme/static/css/header.css
new file mode 100644
index 0000000..71cdf8b
--- /dev/null
+++ b/theme/static/css/header.css
@@ -0,0 +1,150 @@
+
+body > header{
+ --header-h: calc(var(--lh) * 3);
+}
+header > .top-header{
+ background: var(--c-dark);
+
+ height: calc(var(--lh) * 1);
+ display: flex;
+ justify-content: space-between;
+}
+header > .top-header > h1{
+ color: white;
+ margin-left: calc(var(--lh) * 0.5);
+ line-height: var(--lh);
+ text-transform: uppercase;
+}
+header > .top-header > h1 > a{
+ text-decoration: none;
+}
+
+/* LANG
+ ========================================================================== */
+nav.lang-menu ul{
+
+ display: flex;
+ gap: calc(var(--lh) * 0.5);
+ justify-content: flex-end;
+ padding-right: calc(var(--lh) * 0.5);
+
+ line-height: var(--lh);
+
+ /* theme 1 */
+ color: var(--c-soft);
+
+ /* theme 2 */
+ /* background: var(--c-soft);
+ color: var(--c-dark); */
+}
+nav.lang-menu a{
+ color: currentColor;
+ text-decoration: none;
+}
+nav.lang-menu li.active{
+ color: white;
+}
+
+/* order */
+nav.lang-menu #lang__en{
+ order: 1;
+}
+nav.lang-menu #lang__fr{
+ order: 2;
+}
+nav.lang-menu #lang__nl{
+ order: 3;
+}
+nav.lang-menu #lang__sp{
+ order: 4;
+}
+
+/* NAVIGATION
+ ========================================================================== */
+nav.nav-menu ul{
+ height: calc(var(--lh) * 2);
+
+ display: flex;
+ align-items: stretch;
+ border-bottom: var(--border);
+ box-sizing: border-box;
+
+ /* theme 1 */
+ background: var(--c-soft);
+
+ /* theme 2 */
+ /* border-top: var(--border);
+ background: var(--c-dark);
+ border-color: var(--c-soft);
+ color: var(--c-soft); */
+}
+nav.nav-menu li{
+ flex: 1 0 0%;
+ box-sizing: border-box;
+ max-width: 16rem;
+ position: relative;
+ border-right: var(--border);
+
+ /* theme 1 */
+ /* background: var(--c-light); */
+
+ /* theme 2 */
+ /* border-color: var(--c-soft); */
+}
+nav.nav-menu li:first-child{
+ /* border-left: var(--border); */
+
+ /* theme 2 */
+ /* border-color: var(--c-soft); */
+}
+
+nav.nav-menu a{
+ color: currentColor;
+ display: block;
+ height: 100%;
+ box-sizing: border-box;
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+
+ text-transform: uppercase;
+ text-decoration: none;
+ transition: 300ms font-variation-settings;
+ font-variation-settings: "SERI" 0, "slnt" 0;
+}
+nav.nav-menu a span{
+ padding-top: 0.2em;
+}
+nav.nav-menu a:hover,
+nav.nav-menu li.active a{
+ font-variation-settings: "SERI" 100, "slnt" 0;
+}
+
+nav.nav-menu li.active{
+ /* theme 1 */
+ background: white;
+
+ /* theme 2 */
+ /* color: white; */
+}
+
+/* order */
+nav.nav-menu #nav__index{
+ order: 1;
+}
+nav.nav-menu #nav__projects{
+ order: 2;
+}
+nav.nav-menu #nav__gallery{
+ order: 3;
+}
+
+/* breaking point */
+/* 16em * 3 * 1.25*/
+@media only screen and (max-width: 60em) {
+ nav.nav-menu li#nav__gallery{
+ border-right: none;
+ }
+}
diff --git a/theme/static/css/layout.css b/theme/static/css/layout.css
new file mode 100644
index 0000000..8d872fd
--- /dev/null
+++ b/theme/static/css/layout.css
@@ -0,0 +1,76 @@
+
+/* we have fixed element but the only scroll is on the body,
+ so scrolling anywhere on the page works */
+
+body > header{
+ position: sticky;
+ top: 0;
+ z-index: 2;
+}
+body > section.grid-display{
+ display: grid;
+ grid-template-columns: 1fr 40%;
+ position: relative;
+}
+body > section.grid-display > *{
+ padding: var(--lh);
+ padding-top: calc(var(--lh) * 1);
+}
+
+aside.moon-watch{
+ position: fixed;
+ top: calc(var(--lh) * 3); /* the height of the header */
+ right: 0;
+ /* half minus half of the grid-gap */
+ width: 40%;
+ box-sizing: border-box;
+}
+
+body > section.grid-display::before{
+ /* content: ""; */
+ position: fixed;
+ inset: 0;
+ top: calc(var(--lh) * 3); /* the height of the header */
+ height: calc(var(--lh) * 2);
+ background: linear-gradient(var(--c-light) 33%, transparent);
+ pointer-events: none;
+ z-index: 2;
+}
+
+@media only screen and (max-width: 60rem) {
+ /* one column when smaller */
+ :root{
+ --fs-display: clamp(3rem, 16vw, 6rem);
+ }
+
+ body > section.grid-display{
+ grid-template-columns: 1fr;
+ }
+ body > section.grid-display::before{
+ height: calc(var(--lh) * 1);
+ }
+ section.grid-display > aside.moon-watch{
+ position: static;
+ width: auto;
+
+ order: 0;
+ padding-top: calc(var(--lh) * 1);
+ padding-bottom: 0;
+ }
+ section.grid-display > main{
+ padding-top: calc(var(--lh) * 1);
+ /* padding-bottom: 0; */
+ }
+
+ body > section.grid-display > *{
+ padding-left: calc(var(--lh) * 0.5);
+ padding-right: calc(var(--lh) * 0.5);
+ }
+
+
+ /* gallery */
+ body:not(.gallery) section.grid-display > main{
+ order: 1;
+ padding-top: 0;
+ }
+}
diff --git a/theme/static/css/main.css b/theme/static/css/main.css
new file mode 100644
index 0000000..cba7baa
--- /dev/null
+++ b/theme/static/css/main.css
@@ -0,0 +1,228 @@
+/*
+IDEA:
+* the black of the screen is litteraly the absence of light,
+then the serif in white become an exact representation of the changing pattern
+of moonlight through the tree
+*/
+
+:root{
+ /* --- COLORS --- */
+
+ /* --c-dark: hsl(60, 2%, 18%);
+ --c-soft: hsl(60, 6%, 68%);
+ --c-light: hsl(96, 18%, 92%); */
+
+ /* from image sampling */
+ /* char: low contrast, background on which we can put white */
+ /* still we could switch the hue to either a blue or a redish */
+ --c-dark: hsl(62, 8%, 16%); /* darker than sampling feel */
+ --c-soft: hsl(62, 30%, 88%); /* back lit turn off on dark feel */
+ --c-soft-text: hsl(62, 4%, 68%); /* back lit turn off on dark feel */
+ --c-light: hsl(92, 36%, 90%);
+
+ /* old color theme */
+ /* --c-light: hsl(34, 44%, 82%);
+ /* --c-light: hsl(48, 36%, 86%); */
+
+ /* inverted */
+ /* --c-dark: hsl(96, 20%, 94%);
+ --c-soft: hsl(60, 6%, 40%);
+ --c-light: hsl(60, 2%, 25%); */
+
+ /* --- FONT-SIZES --- */
+ --fs-display: clamp(3rem, 8vw, 7rem);
+
+ /* --fs-big: 2.35rem; */
+ --fs-big: 2.4rem;
+ --fs-up: 1.35rem;
+
+ --fs-mono-big: calc(var(--fs-big) * 1); /* match title size */
+ --fvs-mono-big: 'wght' 220, 'wdth' 100;
+
+ --fs-mono: 0.725rem;
+ /* --fs-mono: 0.75rem; */
+ --fvs-mono: 'wght' 420, 'wdth' 140;
+
+ --lh: 1.35rem;
+
+ /* --- SPACES --- */
+ /* --border-width: 0.08rem; */
+ --border-width: 1.5px;
+ --border: var(--border-width) solid var(--c-dark);
+}
+
+html{
+ background: var(--c-light);
+
+ /* background: linear-gradient(to bottom, var(--c-light), hsl(34, 44%, 82%)); */
+ color: var(--c-dark);
+
+ font-family: "unoversoneueGX";
+ /* bigger than default (16px --> 20px) */
+ font-size: 1.25em;
+}
+
+body{
+ font-size: inherit;
+ line-height: var(--lh);
+}
+
+/* link */
+a,
+a:visited{
+ color: currentColor;
+ /* text-decoration-thickness: var(--border-width); */
+ text-decoration-thickness: 1px;
+}
+:is(a, a:visited):hover{
+ text-decoration: none;
+}
+
+/* selection */
+*::selection{
+ background: white;
+ color: var(--c-dark);
+}
+
+/* CONSTANT VERTICAL RYTHM
+ =========================================================================== */
+
+.text-content :is(h1,h2,h3,h4,h5,h6){
+ margin: calc(var(--lh) * 2) 0 calc(var(--lh) * 0.5);
+ font-size: var(--fs-big);
+ line-height: calc(var(--lh) * 2);
+}
+.text-content p{
+ margin: calc(var(--lh) * 1) 0;
+}
+.text-content :is(h1,h2,h3,h4,h5,h6) + p{
+ margin: calc(var(--lh) * 0.5) 0;
+}
+.text-content ul{
+ margin: calc(var(--lh) * 1) 0;
+ padding-left: calc(var(--lh) * 1);
+}
+.text-content :is(p,blockquote):first-child{
+ margin-top: 0;
+}
+.text-content :is(h1,h2,h3,h4,h5,h6):first-child{
+ margin-top: calc(var(--lh) * 0.5);
+}
+.text-content :is(h1,h2,h3,h4,h5,h6,p,blockquote):last-child{
+ margin-bottom: 0;
+}
+
+.text-content{
+ max-width: 36em;
+}
+
+/* FONTS UTILITIES
+ =========================================================================== */
+
+/* mono */
+.mono{
+ font-family: 'Inconsolata', monospace;
+ font-variation-settings: var(--fvs-mono);
+ font-size: var(--fs-mono);
+ line-height: 1.25;
+}
+.mono-big{
+ font-family: 'Inconsolata', monospace;
+ font-size: var(--fs-mono-big);
+ font-variation-settings: var(--fvs-mono-big);
+ line-height: calc(var(--lh) * 1.5);
+}
+
+/* bigger text */
+.font-up{
+ font-size: var(--fs-up);
+}
+.font-big{
+ font-size: var(--fs-big);
+ line-height: calc(var(--lh) * 1.5);
+}
+
+/* SECTIONS TITLES
+ =========================================================================== */
+
+/* section title */
+section.data-section{
+ position: relative;
+ box-sizing: border-box;
+ border-top: var(--border);
+ padding: calc(var(--lh) * 2) 0 calc(var(--lh) * 3);
+}
+section.data-section::before{
+ font-family: 'Inconsolata', monospace;
+ /* font-variation-settings: 'wght' 460, 'wdth' 150; */
+ font-variation-settings: var(--fvs-mono);
+ font-size: var(--fs-mono);
+ letter-spacing: 0.04em;
+ text-transform: uppercase;
+}
+section.data-section::before {
+ content: attr(data-box-title);
+ background: var(--c-dark);
+ color: var(--c-light);
+ position: absolute;
+ top: calc(-1 * var(--border-width));
+ left: 0;
+ padding: 0.2em calc(var(--lh) / 2);
+ display: flex;
+ align-items: center;
+ outline: calc(var(--lh) / 2) solid var(--c-light);
+ line-height: 1.25;
+}
+
+/* INTRO TEXT
+ =========================================================================== */
+
+/* first sentence */
+#about-section .about-box > p:first-child{
+ font-size: var(--fs-up);
+ margin-bottom: 0;
+ line-height: 1.1;
+}
+
+#about-section .bio-box > p:first-child{
+ margin-top: calc(var(--lh) * 1);
+}
+
+/* FOOTER
+ =========================================================================== */
+
+body > footer{
+ background: var(--c-soft);
+ font-size: 0.625rem !important;
+ border-top: var(--border);
+ /* text-align: right; */
+
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+}
+body > footer > .additionnal-info{
+ border-right: var(--border);
+ color: var(--c-soft-text);
+}
+body > footer > *{
+ padding: var(--lh);
+}
+
+@media only screen and (max-width: 600px) {
+ body > footer{
+ grid-template-columns: 1fr;
+ }
+ body > footer > .additionnal-info{
+ border-right: none;
+ border-bottom: var(--border);
+ }
+}
+
+/* RESPONSIVENESS
+ =========================================================================== */
+
+@media only screen and (max-width: 600px) {
+ html{
+ font-size: 1.125em;
+ }
+}
diff --git a/theme/static/css/moon-watch.css b/theme/static/css/moon-watch.css
new file mode 100644
index 0000000..9ed81af
--- /dev/null
+++ b/theme/static/css/moon-watch.css
@@ -0,0 +1,95 @@
+
+
+
+:root {
+ --animation-duration: 2s;
+}
+
+#moon-watch-section{
+ /* padding-top: calc(var(--lh) * 1.5); */
+}
+
+.watch__date{
+ padding-bottom: calc(var(--lh) * 0.5);
+}
+
+.watch__phase > h2.phase-name{
+ text-transform: uppercase;
+ font-size: var(--fs-display);
+ line-height: 0.85;
+ letter-spacing: -0.05em;
+ animation: setting_phase var(--animation-duration);
+
+ /* background: radial-gradient(circle closest-side, white, var(--c-dark));
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent; */
+}
+
+@keyframes setting_phase {
+ 0% {
+ font-variation-settings: "SERI"0, "slnt"0;
+ }
+ 100% {
+ font-variation-settings: "SERI"inherit, "slnt"inherit;
+ }
+}
+
+
+
+
+
+
+/* ------------- old */
+
+/* MOON WATCH
+ ============================================================================ */
+
+/* svg scheme */
+.flex-scheme-info-wrapper {
+ display: flex;
+}
+
+.flex-scheme-info-wrapper .api-info-wrapper {
+ display: block;
+ flex-grow: 1;
+}
+
+#current-phase-scheme {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+}
+#current-phase-scheme .scheme-sun{
+ text-align: center;
+}
+
+#current-phase-scheme svg {
+ overflow: hidden;
+ width: 200px;
+ height: 150px;
+}
+
+svg text {
+ font-family: "Symbola";
+}
+
+circle {
+ vector-effect: non-scaling-stroke;
+}
+
+circle.svg-moon-trajectory,
+circle.svg-earth-trajectory {
+ stroke: var(--c-dark);
+ stroke-width: var(--border-width);
+ fill: none;
+}
+
+circle.svg-moon,
+circle.svg-earth,
+path.svg-sun {
+ fill: var(--c-dark);
+}
+
+circle.svg-moon {
+ /* transition: var(--animation-duration); */
+}
diff --git a/theme/static/css/old/calendar_old.css b/theme/static/css/old/calendar_old.css
new file mode 100644
index 0000000..ef533de
--- /dev/null
+++ b/theme/static/css/old/calendar_old.css
@@ -0,0 +1,282 @@
+/*
+bug fix past / confirmed in both dark and light time
+make sure it fit on iphone 5
+make whole transition in size
+add (open) button
+add a [now] indicator on the timeline
+decide if we leave or not the illumination level
+homogenize time notation (19h30 & 8:05:30pm)
+*/
+/* CALENDAR SECTIONS
+ ============================================================================ */
+.calendar-box {
+ display: grid;
+ align-items: last baseline;
+ grid-template-columns: repeat(4, auto) 1fr;
+ grid-template-rows: auto auto;
+ gap: calc(var(--pad) * 1) calc(var(--pad) * 4);
+ padding: calc(var(--pad) * 2) 0;
+ border-bottom: var(--border);
+ position: relative;
+}
+
+.calendar-box .phase-name {
+ /* has to have fixed width so both phase name have same width */
+ width: 4.8em;
+}
+
+.calendar-box>.reservation-wrapper {
+ flex-grow: 1;
+}
+
+/* --- date --- */
+#calendar-section .day-in-full {
+ display: block;
+ font-size: var(--fs-big);
+ margin-bottom: -0.15em;
+}
+
+#calendar-section .number-date {
+ /* mono */
+ font-family: 'Inconsolata', monospace;
+ font-variation-settings: 'wght'220, 'wdth'120;
+ font-size: calc(var(--fs-mono) * 2.4);
+ line-height: 1;
+ /* classic */
+ /* font-size: var(--fs-big);
+ line-height: 1; */
+}
+
+.number-date span:not(:last-of-type)::after {
+ content: ".";
+ margin: 0 -0.2em;
+}
+
+/* --- moon drawing --- */
+.moon-drawing {
+ --size: 0.8em;
+ --illumination: 1;
+ font-size: var(--fs-title);
+ display: block;
+ margin: auto;
+ width: var(--size);
+ height: var(--size);
+ background-color: rgba(255, 255, 255, var(--illumination));
+ border-radius: 100%;
+}
+
+/* --- phase name --- */
+h2.phase-name {
+ line-height: 0.76;
+ text-transform: capitalize;
+}
+
+/* --- reservation link --- */
+/* basic */
+.reservation-wrapper {
+ font-size: var(--fs-big);
+ text-align: right;
+ white-space: nowrap;
+}
+
+.reservation-wrapper a {
+ text-transform: capitalize;
+ text-decoration: none;
+}
+
+.calendar-box:not(.confirmed) .reservation-wrapper {
+ display: none;
+}
+
+/* blue if confirmed */
+.confirmed .reservation-wrapper {
+ color: midnightblue;
+}
+
+/* underline if confirmed and not past (=has href)*/
+.confirmed .reservation-wrapper a[href] {
+ color: midnightblue;
+}
+
+.confirmed .reservation-wrapper a[href] span:nth-of-type(2) {
+ text-decoration: underline;
+ text-decoration-thickness: var(--border-width);
+}
+
+/* grey if past */
+.past .reservation-wrapper {
+ color: grey;
+}
+
+.past .reservation-wrapper a {
+ color: grey;
+}
+
+/* --- secondary info --- */
+.moon-event-time {
+ padding-left: 0.2em;
+}
+
+.sun {
+ font-size: 1.75em;
+ vertical-align: initial;
+ margin-right: 0.14em;
+ position: relative;
+ top: 0.18em;
+ line-height: 0;
+}
+
+.api-info-wrapper {
+ display: contents;
+}
+
+.sunset {
+ grid-column: 4 / span 2;
+}
+
+.moon-event-time {
+ grid-column: 1 / span 1;
+}
+
+.distance {
+ grid-column: 3 / span 1;
+}
+
+.illumination {
+ display: none;
+}
+
+/* --- past & confirmed --- */
+/* the past & confirmed must be visible without opening on mobile!! */
+.confirmed .date-wrapper,
+.confirmed .phase-name-wrapper {
+ color: midnightblue;
+}
+
+.past .date-wrapper,
+.past .phase-name-wrapper {
+ color: grey;
+}
+
+/* .last-past:after {
+ content: "\27A4";
+ display: block;
+ background: var(--c-light);
+ position: absolute;
+ top: 100%;
+ grid-column: 2 / span 1;
+} */
+
+/* loading-holder */
+.loading-holder {
+ margin: calc(var(--pad) * 2) 0;
+ animation: glowing 1s infinite alternate;
+}
+
+@keyframes glowing {
+ from {
+ color: var(--c-dark);
+ }
+ to {
+ color: white;
+ }
+}
+
+/* FOOTER
+ ============================================================================ */
+
+.calendar > footer{
+ text-align: center;
+ grid-column: 1 / span 2;
+ margin-bottom: calc(var(--pad) * 2);
+}
+
+/* MOBILE
+ ============================================================================ */
+@media only screen and (max-width: 1050px) {
+ .calendar-box {
+ gap: calc(var(--pad) * 1) calc(var(--pad) * 2);
+ }
+}
+
+@media only screen and (max-width: 850px) {
+ .calendar-box {
+ grid-template-columns: 1fr auto 1fr;
+ grid-template-rows: auto auto auto;
+ gap: 0 calc(var(--pad) * 2);
+ }
+
+ .calendar-box:not(.confirmed) {
+ grid-template-rows: auto auto;
+ }
+
+ /* --- typo adjustments --- */
+ .moon-drawing {
+ --size: 1em;
+ }
+
+ .date-wrapper .number-date {
+ font-variation-settings: 'wght'250, 'wdth'120;
+ font-size: calc(var(--fs-mono) * 2.5);
+ }
+
+ /* --- open / close mobile mechanism --- */
+ /* the open close button */
+ .date-wrapper,
+ .phase-name-wrapper,
+ .moon-drawing {
+ cursor: pointer;
+ }
+
+ /* hidding in mobile - when click --> .open */
+ .calendar-box.open {
+ gap: calc(var(--pad) * 2);
+ }
+
+ .to-hide-on-mob {
+ display: none;
+ }
+
+ /* walk info placement */
+ .open.confirmed .walk-info-wrapper {
+ display: block;
+ grid-column-end: span 3;
+ }
+
+ .open.confirmed .reservation-wrapper {
+ display: block;
+ padding-right: calc(var(--pad) * 1);
+ grid-column: -2 / -1;
+ grid-row: -2 / -1;
+ }
+
+ /* api-info placement */
+ .open .api-info-wrapper {
+ grid-column-end: span 2;
+ display: flex;
+ flex-wrap: wrap;
+ }
+
+ .api-info-wrapper>* {
+ flex-basis: 100%;
+ padding: 0;
+ }
+
+ .sunset {
+ order: 1;
+ }
+
+ .moon-event-time {
+ order: 2;
+ }
+
+ .illumination {
+ order: 3;
+ }
+
+ .distance {
+ order: 4;
+ }
+}
+
+@media only screen and (max-width: 600px) {}
diff --git a/theme/static/css/reset.css b/theme/static/css/reset.css
new file mode 100644
index 0000000..af94440
--- /dev/null
+++ b/theme/static/css/reset.css
@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
\ No newline at end of file
diff --git a/theme/static/fonts/Inconsolata[wdth,wght].ttf b/theme/static/fonts/Inconsolata[wdth,wght].ttf
new file mode 100644
index 0000000..94747bd
Binary files /dev/null and b/theme/static/fonts/Inconsolata[wdth,wght].ttf differ
diff --git a/theme/static/fonts/ScienceGothic.ttf b/theme/static/fonts/ScienceGothic.ttf
new file mode 100644
index 0000000..bbbd785
Binary files /dev/null and b/theme/static/fonts/ScienceGothic.ttf differ
diff --git a/theme/static/fonts/Symbola.otf b/theme/static/fonts/Symbola.otf
new file mode 100644
index 0000000..bbd5f85
Binary files /dev/null and b/theme/static/fonts/Symbola.otf differ
diff --git a/theme/static/fonts/unoversolibre-Book.otf b/theme/static/fonts/unoversolibre-Book.otf
new file mode 100644
index 0000000..bdd9b1d
Binary files /dev/null and b/theme/static/fonts/unoversolibre-Book.otf differ
diff --git a/theme/static/fonts/unoversolibre-Italic.otf b/theme/static/fonts/unoversolibre-Italic.otf
new file mode 100644
index 0000000..3795289
Binary files /dev/null and b/theme/static/fonts/unoversolibre-Italic.otf differ
diff --git a/theme/static/fonts/unoversolibre-Serif.otf b/theme/static/fonts/unoversolibre-Serif.otf
new file mode 100644
index 0000000..cc2edc4
Binary files /dev/null and b/theme/static/fonts/unoversolibre-Serif.otf differ
diff --git a/theme/static/fonts/unoversoneueGX-SLANT.ttf b/theme/static/fonts/unoversoneueGX-SLANT.ttf
new file mode 100644
index 0000000..6c2827a
Binary files /dev/null and b/theme/static/fonts/unoversoneueGX-SLANT.ttf differ
diff --git a/theme/static/fonts/unoversoneueGX.ttf b/theme/static/fonts/unoversoneueGX.ttf
new file mode 100644
index 0000000..0e61bed
Binary files /dev/null and b/theme/static/fonts/unoversoneueGX.ttf differ
diff --git a/theme/static/fonts/unoversoneueGX_slant.ttf b/theme/static/fonts/unoversoneueGX_slant.ttf
new file mode 100644
index 0000000..62fbe48
Binary files /dev/null and b/theme/static/fonts/unoversoneueGX_slant.ttf differ
diff --git a/theme/static/js/moon-calendar.js b/theme/static/js/moon-calendar.js
new file mode 100644
index 0000000..ba1a46a
--- /dev/null
+++ b/theme/static/js/moon-calendar.js
@@ -0,0 +1,386 @@
+
+// TODO:
+// * check what does really mean this illumination or the other one !
+// like is it really how much the moon is lit ?
+
+// NOTE:
+// 1. the date and time DO coincide with
+// https://www.timeanddate.com/moon/phases/?year=2022
+// to the minute !
+// unlike the "self computed values"
+// (which can differ of 1 day ~ 12h and thus endup in the wrong daybox, even if we don't show the time value)
+// 2. iCalendar give date and time in CET/CEST
+// so we have to use luxon to parse the string as CET, and convert it to a proper date object
+// then we can print this object back according to where the walk happens
+
+let months_ahead = window.walk_calendar["months_ahead"];
+let month_to_get = now;
+let queue = [];
+
+
+// UTILITIES
+// ==========================================================================
+
+function nextMonth(date, i=1){
+ // return the i-th next month
+ let nextMonth = new Date(date); // make a copy of date object
+ nextMonth.setMonth(nextMonth.getMonth() + i); // add i month
+ return nextMonth;
+}
+
+function prevMonth(date, i=1){
+ // return the i-th next month
+ let prevMonth = new Date(date); // make a copy of date object
+ prevMonth.setMonth(prevMonth.getMonth() - i); // add i month
+ return prevMonth;
+}
+
+function zeroPad(num, places) {
+ var zero = places - num.toString().length + 1;
+ return Array(+(zero > 0 && zero)).join("0") + num;
+}
+
+function translatePhaseDutch(phase_name){
+ if (phase_name == 'Full moon'){
+ return 'Volle maan';
+ }
+ else if (phase_name == 'New Moon'){
+ return 'Nieuwe maan';
+ }
+}
+
+function getLocalFromURL(){
+ let local = "";
+ let url = window.location.href;
+ let filename = url.split("/").pop().split(".")[0];
+ let lang_split = filename.split("_");
+
+ if (lang_split.length == 1){
+ local = "en-gb";
+ }
+ else{
+ if (lang_split[1] == "fr"){
+ local = "fr-be";
+ }
+ else if (lang_split[1] == "nl"){
+ local = "nl-be";
+ }
+ else if (lang_split[1] == "sp"){
+ local = "es-es";
+ }
+ }
+ return local;
+}
+
+// FILL CALENDAR WITH DATA
+// ==========================================================================
+
+function addDateToCalendar(date, moon){
+ // given a moon state object from the API,
+ // fill in the template and add it to the calendar
+
+ // --- data we need from the yaml
+ let lat = window.walk_calendar["latitude"];
+ let long = window.walk_calendar["longitude"];
+ let timezone = window.walk_calendar["timezone"];
+ let calendar = window.walk_calendar["calendar"];
+ let contact_mail = window.walk_calendar["reservation_mail"];
+
+ // --- converting the date to walk timezone
+ date = date.setZone(timezone);
+ // console.log(date.toString());
+
+ // --- clone template
+ let template = $('#cal-entry__template').html();
+ let $cal_entry = $($.parseHTML(template));
+
+ // --- get suncalc moon object
+ // for complementary info that are not in the moon API object, such as:
+ // earth-moon distance, and illumination
+ let moon_calc = getMoonStateFromDate(date, lat, long);
+ let distance = moon_calc["distance"];
+ // let illumination = (moon_calc["illumination"]*100).toFixed(2);
+
+ // --- get suncalc sun object
+ // for complementary info such as: sunset time
+ // Note: suncalc gives us sunset time as a date object
+ // meaning if we just print it it will print in local user time
+ // what we need to do:
+ // js sunset_time --> ISO string in UTC --> luxon sunset_time
+ // set proper timezone to luxon sunset_time
+ // print it in it's timezone
+ let sun_calc = SunCalc.getTimes(date, lat, long);
+ let sunset = sun_calc["sunset"];
+ walk_sunset = luxon.DateTime.fromISO(sunset.toISOString());
+ walk_sunset = walk_sunset.setZone(timezone);
+ // console.log(sunset);
+ // console.log(walk_sunset.toString());
+
+ // --- formating the info
+ let phase_name = moon.phaseName;
+ let phase = moon.isPhaseLimit === 1 ? 0 : 0.5;
+
+ // API is missing dutch phase name
+ if (window.current_local == "nl-be"){
+ phase_name = translatePhaseDutch(phase_name);
+ }
+
+ // convert those two luxon dates in 'timezone' to human readable strings
+ // whith 'timezone' indicated
+ let walk_sunset_time = format_luxon_date(walk_sunset);
+ let formated_date = format_luxon_date(date);
+
+ // let time_id = date.toUnixInteger();
+ let time_id =formated_date['date'].split(".").join("-");
+
+ // --- adding classes
+ if(date < now){
+ $cal_entry.addClass("past");
+ }
+ if(phase === 0){
+ $cal_entry.addClass("newmoon");
+ }
+ else{
+ $cal_entry.addClass("fullmoon");
+ }
+
+ // --- filling the info
+ $cal_entry.attr("id", time_id);
+ // --- PHASENAME
+ $cal_entry.find(".phase-name").html(phase_name);
+ // --- EVENT
+ $cal_entry.find(".cal-entry__date .day").html(formated_date['day']);
+ $cal_entry.find(".cal-entry__date .date").html(formated_date['date']);
+
+ // --- SECONDARY INFO ---
+ $cal_entry.find(".sunset-time").html(walk_sunset_time['time']);
+ $cal_entry.find(".moon-time").html(formated_date['time']);
+ // $cal_entry.find(".cal-entry__distance span").html(distance.toFixed(0));
+
+ // --- updating the font
+ updateAxis($cal_entry, phase);
+
+ // --- adding walk calendar info
+ if (calendar[time_id]){
+ let walk_entry = calendar[time_id];
+
+ // --- add the class
+ $cal_entry.addClass("confirmed");
+ $cal_entry.find(".cal-entry__reservation a .not-confirmed").remove();
+
+ // --- fill infos
+ $cal_entry.find(".cal-entry__description .start-time").html(walk_entry.start_time);
+ $cal_entry.find(".cal-entry__description .start-location a").html(walk_entry.start_location);
+ $cal_entry.find(".cal-entry__description .start-location a").attr("href", walk_entry.start_location_link);
+
+ // --- mail subject
+ // only added if event has an entry in yaml AND not a past event
+ if(date > now){
+ let mail_subject = $cal_entry.find(".cal-entry__reservation a").attr("data-mail-subject");
+ mail_subject = mail_subject.replace("$", phase_name) + " " + formated_date['date'];
+ let uri = "mailto:" + contact_mail + "?subject=";
+ uri += encodeURIComponent(mail_subject);
+ $cal_entry.find(".cal-entry__reservation a").attr("href", uri);
+ }
+ }
+ else{
+ $cal_entry.find(".cal-entry__description").remove();
+ $cal_entry.find(".cal-entry__reservation a .signup").remove();
+ }
+
+ // --- make it clickable
+ $cal_entry.on( "click", function() {
+ let yaml_entry = '#'+ phase_name + " walk on the " + formated_date['date']
+ + '\n' + time_id + ":";
+ navigator.clipboard.writeText(yaml_entry);
+ });
+
+ // --- append to body
+ $('#calendar-section .calendar-content').append($cal_entry);
+}
+
+function postProcessCalendar(){
+ // is called when calendar is entierly finished
+ console.log("calendar processed");
+
+ $('.cal-entry.past').last().addClass('last-past');
+ $('.cal-loading').remove();
+
+ // --- add animation listener
+ $('.cal-entry').bind("webkitAnimationEnd mozAnimationEnd animationend", function(){
+ $(this).removeClass("animated")
+ })
+
+ $('.cal-entry').mouseenter(function(){
+ $(this).addClass("animated");
+ })
+}
+
+function writeTimezone(){
+ let timezone = window.walk_calendar["timezone"];
+ let temp_date = luxon.DateTime.now().setZone(timezone);
+ temp_date = temp_date.setLocale(window.current_local);
+ let offset = luxon.DateTime.now().setZone(timezone).offsetNameShort;
+ $('.date-time-info span').html(offset + " (" + timezone + ")");
+}
+
+
+// PROCESSING API RESPONSE
+// ==========================================================================
+
+function processMonthResponse(response){
+
+ // process the API response
+ // in this API the new/full moon event last exactly
+ // on the day in which the precise event happens
+
+ let month_config = response.config;
+ let month_calendar = response.calendar;
+ console.log("adding", month_config.month + " " + month_config.year);
+
+ // iterate through every day
+ for(let i = 1; i <= month_calendar.daysMonth; i++){
+
+ let moon = month_calendar.phase[i];
+
+ // if a new/full moon event happens that day
+ // 2 and 4 are first/last quarter,
+ // false are the in between waning/waxing days
+ if (moon.isPhaseLimit == 1 || moon.isPhaseLimit == 3){
+
+ // create back a date object from i and month
+ // to have easier control on it's display
+ // + getting back the exact time of the event from the API
+
+ // NOTE: in which UTC does icalc37 is giving us the calendar?
+ // it seems it's given in CET : https://en.wikipedia.org/wiki/Central_European_Time
+ // which oscillate between UTC+1 and UTC+2 according to winter/summer time
+ // Note that: "When the time zone offset is absent,
+ // date-only forms are interpreted as a UTC time and date-time forms are interpreted as local time."
+ // so here it's working because MY local time is == to CET
+ // but a computer in china would not parse the date correctly...
+ // we can not precise CET and it's non-trivial to convert from: CET -> GMT -> USER TIME
+ // because it has to take in account the rules of when CET = UTC+1 pr UTC+2
+ // https://stackoverflow.com/questions/20867562/create-a-date-object-with-cet-timezone
+
+ // old code
+ // let date_str = [month_config.month, i, month_config.year, moon.timeEvent].join(" ");
+ // let date = new Date(date_str);
+
+ // IANA for the CET date we got from the API: Europe/Brussels
+ // IANA for the place where the walk happens: Europe/Brussels
+ // those are conceptually independant !!
+ // see luxon documentation: https://moment.github.io/luxon/#/zones
+
+ let dateISO = [month_config.year, zeroPad(month_config.month,2), zeroPad(i,2)].join("-");
+ let timeISO = moon.timeEvent.split(":").map(x => zeroPad(x,2)).join(":");
+ let dateTimeISO = dateISO+"T"+timeISO;
+ let date = luxon.DateTime.fromISO(dateTimeISO, { zone: "Europe/Brussels" });
+ // console.log(dateTimeISO);
+ // console.log(date.zoneName);
+
+ addDateToCalendar(date, moon);
+ }
+ }
+}
+
+// API CALLS & QUEUE HANDLING
+// ==========================================================================
+
+//based on http://www.wdisseny.com/lluna/?lang=en
+function requestMonthMoonPhases(obj, callback){
+ // write the request
+ let gets=[];
+ for (let i in obj){
+ gets.push(i + "=" +encodeURIComponent(obj[i]));
+ }
+ gets.push("LDZ=" + new Date(obj.year,obj.month-1,1) / 1000);
+ let xmlhttp = new XMLHttpRequest();
+ let url = "https://www.icalendar37.net/lunar/api/?" + gets.join("&");
+
+ xmlhttp.onreadystatechange = function() {
+ if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
+
+ queue.push({config: obj, calendar: JSON.parse(xmlhttp.responseText)})
+ callback();
+
+ }
+ }
+ xmlhttp.open("GET", url, true);
+ xmlhttp.send();
+}
+
+function processQueue() {
+
+ // Sort the queue according to config month
+ queue.sort(function(a, b) {
+ if(a.config.year != b.config.year){
+ return a.config.year - b.config.year;
+ } else{
+ return a.config.month - b.config.month;
+ }
+ });
+ // let current_queue = queue.map(x => x.config.month + " " + x.config.year);
+ // console.log(current_queue);
+
+ // Test if the queue is not empty
+ // and if it's first element is the next one to add
+ if ( queue.length > 0 &&
+ queue[0].config.month === month_to_get.getMonth() + 1 &&
+ queue[0].config.year === month_to_get.getFullYear()) {
+
+ // add to calendar
+ processMonthResponse(queue[0]);
+
+ // Remove the first item from the queue as it's already processed
+ queue.splice(0, 1);
+
+ // update the next month to get
+ month_to_get = nextMonth(month_to_get);
+ months_ahead = months_ahead - 1;
+
+ // Process the queue again
+ processQueue();
+ }
+ else if ( months_ahead == 0 ) {
+ postProcessCalendar();
+ }
+}
+
+// MAIN
+// ==========================================================================
+
+function createCalendar(months_ahead){
+
+ let new_month = now;
+
+ for (var i = 0; i < months_ahead; i++) {
+
+ let lang = window.current_local.substring(0,2)
+
+ // config to send to the API
+ let config_month = {
+ lang : lang,
+ month : new_month.getMonth() + 1,
+ year : new_month.getFullYear()
+ }
+
+
+ console.log("doing request", config_month.month + " " + config_month.year + " in " + lang);
+ requestMonthMoonPhases(config_month, processQueue);
+
+ // increase the month by 1
+ new_month = nextMonth(new_month);
+ }
+}
+
+
+$(document).ready(function(){
+
+ window.current_local = getLocalFromURL();
+
+ createCalendar(months_ahead);
+
+ writeTimezone();
+
+});
diff --git a/theme/static/js/moon-utilities.js b/theme/static/js/moon-utilities.js
new file mode 100644
index 0000000..1b13ebb
--- /dev/null
+++ b/theme/static/js/moon-utilities.js
@@ -0,0 +1,169 @@
+
+// utilities function used for both the watch and the calendar
+
+// MOONPHASES PICTO
+// ============================================================================
+
+//shapes of the moon from north hemispheres
+//otherwise the picto are left-right inversed (and at the equator the crescent are in the bottom-top direction)
+const MOONPHASES = [
+ { name: 'new moon', //not visible: not in nightsky, and in daysky it's the hidden side that's light up by the sun
+ picto: '🌑',
+ },
+ { name: 'waxing crescent', //in daysky, but a bit in the west: from late morning to post-dusk, not in nightsky
+ picto: '🌒',
+ },
+ { name: 'first quarter', //at the west intersection of night and day skies -> begin to appear in night: afternoon to early evening
+ picto: '🌓',
+ },
+ { name: 'waxing gibbous', //in the nightsky, but a bit in the west: from late afternoon to most of the night
+ picto: '🌔',
+ },
+ { name: 'full moon', //all night: sunset to sunrise
+ picto: '🌕',
+ },
+ { name: 'waning gibbous', //in the nightsky, but a bit in the east: most of the night to early morning
+ picto: '🌖',
+ },
+ { name: 'last quarter', //at the east intersection of night and day skies -> begin to appear in day: late night to morning
+ picto: '🌗',
+ },
+ { name: 'waning crescent', //in daysky, but a bit in the east: from pre-dawn to early afternoon, not in nightsky
+ picto: '🌘',
+ }
+]
+
+// JS DATE FORMATING
+// ============================================================================
+
+function format_date_time(date){
+ // format date object everywhere the same on the website
+
+ formated_date = {}
+
+ formated_date['day'] = new Intl.DateTimeFormat('en-GB', {
+ weekday: 'long'
+ }).format(date);
+
+ // formated_date['date'] = new Intl.DateTimeFormat('fr-BE', {
+ // day: 'numeric',
+ // month: 'numeric',
+ // year: 'numeric'
+ // }).format(date);
+
+ formated_date['date'] = {
+ day: ('0' + date.getDate()).slice(-2),
+ month: ('0' + String(date.getMonth()+1)).slice(-2),
+ year: date.getFullYear().toString().slice(-2)
+ }
+ formated_date['date'] = Object.values(formated_date['date']).join(".");
+
+ formated_date['time'] = new Intl.DateTimeFormat('fr-BE', {
+ // timeStyle: 'long'
+ timeStyle: 'short'
+ }).format(date);
+
+ return formated_date;
+}
+
+function format_luxon_date(date){
+ formated_date = {};
+
+ date = date.setLocale(window.current_local);
+ // date = date.setLocale('en-gb');
+ // date = date.setLocale('fr-be');
+ // date = date.setLocale('sp');
+ // date = date.setLocale('nl-be');
+
+ formated_date['day'] = date.toLocaleString({weekday: 'long'});
+ formated_date['date'] = date.toLocaleString({month: '2-digit', day: '2-digit', year: '2-digit'});
+ formated_date['time'] = date.toLocaleString({timeStyle: 'short'});
+
+ // for stylistic purposes
+ formated_date['date'] = formated_date['date'].split("/").join(".");
+
+ return formated_date;
+}
+
+// MOON COMPUTATION
+// ============================================================================
+
+// average length of a lunation
+const LUNATION = 29.53058770576;
+
+// eps is the little interval around singular event to consider them as short period
+// otherwise we will never show "full moon" for example
+// 0.5, means we show "full moon" 12h before and 12h after the exact event
+const EPS = 0.5 / LUNATION;
+
+function getMoonDataFromPhase(phase){
+ // take a 0 ot 1 number and return an object with all data for display
+
+ if (phase < EPS) return MOONPHASES[0];
+ else if(phase < 0.25 - EPS) return MOONPHASES[1];
+ else if(phase < 0.25 + EPS) return MOONPHASES[2];
+ else if(phase < 0.5 - EPS) return MOONPHASES[3];
+ else if(phase < 0.5 + EPS) return MOONPHASES[4];
+ else if(phase < 0.75 - EPS) return MOONPHASES[5];
+ else if(phase < 0.75 + EPS) return MOONPHASES[6];
+ else if(phase < 1 - EPS) return MOONPHASES[7];
+ else return MOONPHASES[0];
+}
+
+function getMoonStateFromDate(date, latitude=0, longitude=0){
+ // return a moon object containing everything that we need
+ let mooncalc_illumination = SunCalc.getMoonIllumination(date);
+ let moon = getMoonDataFromPhase(mooncalc_illumination.phase);
+ moon['illumination'] = mooncalc_illumination.fraction;
+ moon['phase'] = mooncalc_illumination.phase;
+
+ /* TODO: those data depend of the location on earth!! lat and lon to precise */
+ let mooncalc_position = SunCalc.getMoonPosition(date, latitude, longitude);
+ moon['distance'] = mooncalc_position.distance;
+
+ return moon;
+}
+
+
+// PHASE TO TYPO
+// ============================================================================
+
+function mapValue(value, min, max, new_min, new_max){
+ return (((value - min) / (max - min)) * (new_max - new_min)) + new_min;
+}
+
+function getCircle(value){
+ // return a (x, y) tuple describing a circle of radius 1 at (0,0)
+ // value goes from 0 to 1
+ // with i=0 being the top pole, and i=0.5 is the bottom pole
+ let theta = value * 2 * Math.PI;
+ let x = Math.sin(theta);
+ let y = Math.cos(theta);
+ // console.log(i, x, y);
+ // NOTE: at i=0.5 we should have x=0 and y = -1, 7
+ // but we get a js rounding error for x
+ return [x,y];
+}
+
+function updateAxis($element, value, secondAxis=true){
+ // take a jquery element and a value from 0 to 1
+ // and write the css line to update the two variable font axis
+
+ // OLD CODE for losange
+ // 0 at new moon, 1 at full moon
+ // let x = (Math.abs(i - 0.5) * -2) + 1;
+ // 1 at first quart and last quarter, 0 at new and full moon
+ // let y = (Math.abs(x - 0.5) * -2) + 1;
+
+ let [x, y] = getCircle(value);
+
+ // let weight = mapValue(x, 0, 1, 100, 500);
+ // let wght = '"wght" ' + weight;
+ // let slant = mapValue(y, 0, 1, 0, -10);
+ // let slnt = '"slnt" ' + slant;
+
+ let axis_1 = '"SERI" ' + mapValue(y, -1, 1, 100, 0);
+ let axis_2 = '"slnt" ' + mapValue(x, -1, 1, -100, 100);
+ let settings = secondAxis ? axis_1 + ", " + axis_2 : axis_1;
+ $element.css("font-variation-settings", settings);
+}
diff --git a/theme/static/js/moon-watch.js b/theme/static/js/moon-watch.js
new file mode 100644
index 0000000..eab47a0
--- /dev/null
+++ b/theme/static/js/moon-watch.js
@@ -0,0 +1,51 @@
+
+// test zone for other date
+// first new moon of 2000 according to:
+// https://www.calendar-12.com/moon_phases/2000
+// let now = new Date(Date.parse('06 Jan 2000 19:14:00 GMT+1'));
+// let now = new Date(Date.parse('21 Jan 2000 05:41:00 GMT+1'));
+// let now = new Date(Date.parse('13 Jan 2000 05:41:00 GMT+1'));
+let now = new Date();
+
+// MOON COMPUTATION
+// ==========================================================================
+
+function updateCurrentMoonWatch(date){
+
+ let lat = window.walk_calendar["latitude"];
+ let long = window.walk_calendar["longitude"];
+
+ let moon = getMoonStateFromDate(date, lat, long);
+ let phase_name = moon["name"].split(" ").join(" ");
+ let formated_date = format_date_time(date);
+
+ // sunset
+ // let distance = moon["distance"];
+ // let sun_calc = SunCalc.getTimes(date, lat, long);
+ // let sunset = format_date_time(sun_calc["sunset"])[2];
+
+ // --- PRIMARY INFO ---
+ let $watch = $('#moon-watch-section');
+ $watch.find('.phase-name').html(phase_name);
+ $watch.find('.date').html(formated_date['date']);
+
+ // scheme position
+ // let [cx, cy] = getCircle(moon["phase"]);
+ // cx = mapValue(cx,-1,1,50,-50);
+ // cy = mapValue(cy,-1,1,50,-50);
+ // $('#current-phase-scheme svg .svg-moon').attr('cx', cx);
+ // $('#current-phase-scheme svg .svg-moon').attr('cy', cy);
+
+ // change the font
+ updateAxis($watch, moon["phase"]);
+}
+
+function updateCurrentMoonTypo(date){
+ let lat = window.walk_calendar["latitude"];
+ let long = window.walk_calendar["longitude"];
+ let moon = getMoonStateFromDate(date, lat, long);
+
+ updateAxis($(".moon-phased-typo > p"), moon["phase"], false);
+ updateAxis($(".moon-phased-typo > *:not(p)"), moon["phase"], true);
+ updateAxis($("#about-section .about-box p:first-child"), moon["phase"], true);
+}
diff --git a/theme/static/js/tools/jquery-3.6.0.js b/theme/static/js/tools/jquery-3.6.0.js
new file mode 100644
index 0000000..fc6c299
--- /dev/null
+++ b/theme/static/js/tools/jquery-3.6.0.js
@@ -0,0 +1,10881 @@
+/*!
+ * jQuery JavaScript Library v3.6.0
+ * https://jquery.com/
+ *
+ * Includes Sizzle.js
+ * https://sizzlejs.com/
+ *
+ * Copyright OpenJS Foundation and other contributors
+ * Released under the MIT license
+ * https://jquery.org/license
+ *
+ * Date: 2021-03-02T17:08Z
+ */
+( function( global, factory ) {
+
+ "use strict";
+
+ if ( typeof module === "object" && typeof module.exports === "object" ) {
+
+ // For CommonJS and CommonJS-like environments where a proper `window`
+ // is present, execute the factory and get jQuery.
+ // For environments that do not have a `window` with a `document`
+ // (such as Node.js), expose a factory as module.exports.
+ // This accentuates the need for the creation of a real `window`.
+ // e.g. var jQuery = require("jquery")(window);
+ // See ticket #14549 for more info.
+ module.exports = global.document ?
+ factory( global, true ) :
+ function( w ) {
+ if ( !w.document ) {
+ throw new Error( "jQuery requires a window with a document" );
+ }
+ return factory( w );
+ };
+ } else {
+ factory( global );
+ }
+
+// Pass this if window is not defined yet
+} )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
+
+// Edge <= 12 - 13+, Firefox <=18 - 45+, IE 10 - 11, Safari 5.1 - 9+, iOS 6 - 9.1
+// throw exceptions when non-strict code (e.g., ASP.NET 4.5) accesses strict mode
+// arguments.callee.caller (trac-13335). But as of jQuery 3.0 (2016), strict mode should be common
+// enough that all such attempts are guarded in a try block.
+"use strict";
+
+var arr = [];
+
+var getProto = Object.getPrototypeOf;
+
+var slice = arr.slice;
+
+var flat = arr.flat ? function( array ) {
+ return arr.flat.call( array );
+} : function( array ) {
+ return arr.concat.apply( [], array );
+};
+
+
+var push = arr.push;
+
+var indexOf = arr.indexOf;
+
+var class2type = {};
+
+var toString = class2type.toString;
+
+var hasOwn = class2type.hasOwnProperty;
+
+var fnToString = hasOwn.toString;
+
+var ObjectFunctionString = fnToString.call( Object );
+
+var support = {};
+
+var isFunction = function isFunction( obj ) {
+
+ // Support: Chrome <=57, Firefox <=52
+ // In some browsers, typeof returns "function" for HTML