Merge branch 'main' of https://git.achilletoupin.com/gribse/blog

.gitignore

@@ -1,3 +1,5 @@
 public/
 .hugo_build.lock
 resources/
+data/
+.obsidian

archetypes/collection.md

@@ -29,6 +29,7 @@ typewriterSpecs:
   widthCm: 80
   serialNumber:
 ---
+{{< load-photoswipe >}}
 
 {{< figure src="images/20250414_153350_lmc_8.4.jpg" alt="Alt text" title="Title">}}
 

archetypes/default.md

@@ -15,6 +15,7 @@ ShowBreadCrumbs: true
 ShowPostNavLinks: true
 ShowReadingTime: true
 ---
+{{< load-photoswipe >}}
 
 {{< figure align=center src="images/xxxx" alt="Alt text" title="Title">}}
 

archetypes/livres.md

@@ -0,0 +1,24 @@
+---
+title: ""
+date: 2025-05-xxT05:00:00
+draft: true
+ShowToc: false
+cover:
+  hidden: false # hide everywhere but not in structured data
+  hiddenInList: false # hide on list pages and home
+  hiddenInSingle: true # hide on single page
+  image: "images/cover.jpg"
+  alt: "Couverture de {{ .Title }}"
+  relative: true # To use relative path for cover image, used in hugo Page-bundles
+ShowBreadCrumbs: true
+ShowPostNavLinks: true
+ShowReadingTime: true
+tags:
+  - test
+BookData:
+  ISBN: ""
+  Author: ""
+  Title: ""
+  PublishDate: ""
+  starGrade: 
+---

content/blog/a-fake-movie-intro/index.md

@@ -13,7 +13,7 @@ cover:
 categories:
   - Projet
 ---
-
+{{< load-photoswipe >}}
 
 
 During the summer break, I had a chance to use my cousin Loïck’s nice camera to have a little fun. So I filmed a toy train going around in a child’s room to create a fake intro sequence to a non existing movie. I named the movie “Little Johnny” because I wanted the said movie to be dramatic, this intro sequence being the beginning of a tragic story happening to a child. That tragic spirit is enhanced by the sad music of Yann Tiersen – “Comptine d’un autre été”.

content/blog/appareil-photo-nul/index.md

@@ -17,7 +17,7 @@ ShowPostNavLinks: true
 ShowReadingTime: true
 
 ---
-
+{{< load-photoswipe >}}
 Il y a maintenant un an, j'ai exhumé de ma montagne d'affaires en pagaille un vieil appareil photo numérique que j'avais acheté pour un projet qui ne s'est jamais concrétisé. Je l'ai rechargé et l'ai glissé dans ma poche de veste.
 
 

content/blog/building-a-whip-out-of-paracord/index.md

@@ -16,7 +16,7 @@ ShowBreadCrumbs: true
 ShowPostNavLinks: true
 ShowReadingTime: true
 ---
-
+{{< load-photoswipe >}}
 As always, my wandering on the internet led me to my next project. That's how I found [Adam Winrich](http://www.winrichwhips.com/), a artist which practices cracking whips for a living. He does very rapid and synchronized whip cracking shows, which I found amazing. This guy has beaten 16 whip-related world records !
 
 So my research ensued and I found that Adam Savage, the host from the show Mythbusters, had also build a whip from a kangaroo hide. It looked awesome, and he even put it in a plexiglass display case !

content/blog/cad-of-a-robot-hand/index.md

@@ -16,7 +16,7 @@ ShowBreadCrumbs: true
 ShowPostNavLinks: true
 ShowReadingTime: true
 ---
-
+{{< load-photoswipe >}}
 I wanted to create a robot hand, to familiarize with Solidworks (and to have fun, honestly)
 
 The goal was to make a complex grabby hand, with multiple sub-assemblies, links and constraints, and to animate it in the end.

content/blog/designing-and-3d-printing-plastic-medals/index.md

@@ -16,7 +16,7 @@ ShowBreadCrumbs: true
 ShowPostNavLinks: true
 ShowReadingTime: true
 ---
-
+{{< load-photoswipe >}}
 The Zwippy is a funny cute little creature created by a friend of mine, when she was a kid. It really is just a potato shaped creature with antennas, eyes and a spring to move around. I like to draw Zwippys. Actually, you can find them all around my lessons.
 
 {{< image-gallery gallery_dir="images/lessons" disp_title="no" >}}

content/blog/having-fun-with-photogrammetry/index.md

@@ -16,7 +16,7 @@ ShowBreadCrumbs: true
 ShowPostNavLinks: true
 ShowReadingTime: true
 ---
-
+{{< load-photoswipe >}}
 I discovered photogrammetry while browsing online, and was very interested by the subject. So, research time !
 
 

content/blog/making-a-nes-region-free/index.md

@@ -16,7 +16,7 @@ ShowBreadCrumbs: true
 ShowPostNavLinks: true
 ShowReadingTime: true
 ---
-
+{{< load-photoswipe >}}
 It all began with me walking into a video game shop. I decided to buy a new NES game, settled down on GOLF, one of the classics that were released with the console in 1985.
 
 {{< figure align=center src="images/2016-10-15-14.23.51.jpg" alt="Some games I previously owned" title="Some games I previously owned" >}}

content/blog/microwave-oven-plate/index.md

@@ -13,6 +13,7 @@ cover:
 categories:
   - Projet
 ---
+{{< load-photoswipe >}}
 The glass plate of my microwave oven broke, and the only compatible plate that could be found at the local pawn/charity shop didn't have the little tabs on the bottom to assure a connection with the motor : it couldn't spin.
 
 To solve this problem, I decided to design and 3D-print a plastic piece that could be glued on the bottom of the new plate.

content/blog/montagne-geoguessr/index.md

@@ -17,9 +17,7 @@ ShowReadingTime: true
 tags:
   - idee
 ---
-
-# En bref
-
+{{< load-photoswipe >}}
 L'idée serait d'extraire d'une photo de paysage avec montagne la forme de la montagne puis de la retrouver sur une carte 3D pour déterminer d'où a été prise la photo.
 
 # Contexte

content/blog/pem2t-dut-gmp/index.md

@@ -13,7 +13,7 @@ cover:
 categories:
   - Projet
 ---
-
+{{< load-photoswipe >}}
 # Context
 
 Within the second semester of my DUT GMP (mechanical engineering and production), 3 of my colleagues and I lead a project.

content/blog/photography-as-a-hobby/index.md

@@ -13,6 +13,7 @@ cover:
 categories:
   - Projet
 ---
+{{< load-photoswipe >}}
 I have picked up photography as a hobby this summer after having purchased a DSLR with my summer job money.
 
 Before diving in head-first, I made sure to learn about photography, the mechanics, how to use a camera and how to compose an image. I followed [Mark Levoy's course](https://www.youtube.com/playlist?list=PL7ddpXYvFXspUN0N-gObF1GXoCA-DA-7i) on photography he teaches at Stanford, and read various blogs and websites of which Roger N. Clark's website about different types of photography, [Clarkvision.com](https://clarkvision.com/galleries/) was an excellent resource.

content/blog/revisiting-photogrammetry/index.md

@@ -13,6 +13,7 @@ cover:
 categories:
   - Projet
 ---
+{{< load-photoswipe >}}
 I made an article about photogrammerty a few months back, but have learnt a few new things since, so it's time for a revamp !
 
 I came across [this awesome tutorial](https://www.youtube.com/watch?v=k4NTf0hMjtY) on YouTube by CG Geek, and I followed his tips.

content/blog/schizotape/index.md

@@ -15,6 +15,7 @@ ShowBreadCrumbs: true
 ShowPostNavLinks: true
 ShowReadingTime: true
 ---
+{{< load-photoswipe >}}
 
 {{< figure align=center src="images/xxxx" alt="Alt text" title="Title">}}
 

content/blog/seiche-de-compagnie/index.md

@@ -0,0 +1,49 @@
+---
+title: '{{ replace .File.ContentBaseName "-" " " | title }}'
+date: '{{ .Date }}'
+draft: true
+ShowToc: false
+cover:
+  hidden: false # hide everywhere but not in structured data
+  hiddenInList: false # hide on list pages and home
+  hiddenInSingle: true # hide on single page
+  image: "images/<image.jpg>"
+  alt: "<alt text>"
+  caption: "<text>"
+  relative: true # To use relative path for cover image, used in hugo Page-bundles
+ShowBreadCrumbs: true
+ShowPostNavLinks: true
+ShowReadingTime: true
+---
+{{< load-photoswipe >}}
+
+{{< figure align=center src="images/xxxx" alt="Alt text" title="Title">}}
+
+
+{{< gallery caption-effect="none">}}
+  {{< figure src="images/" alt_text="" title="" caption="">}}
+  {{< figure src="images/" alt_text="" title="" caption="">}}
+  {{< figure src="images/" alt_text="" title="" caption="">}}
+{{< /gallery >}}
+
+En réaction à [cet article](https://hackaday.com/2025/04/26/digital-squids-behavior-shaped-by-neural-network/)
+
+Ce serait trop chou d'avoir un Tamagotchi dans un navigateur
+
+en noir et blanc, wireframe, une petite seiche se baladerait sur l'écran à la recherche de nourriture
+On pourrait lui mettre à manger, 
+
+Le niveau d'interaction serait simple : pas de features trop complexes, le but c'est d'avoir un pet à regarder assez passivement
+Pas d'achat de décorations, de feeder automatique, etc.
+
+Quand elle est fatiguée elle va dormir 
+Elle réagit au moment de la journée et aux saisons
+à droite de l'écran, une petite étagère avec sa nourriture, et éventuellement une petite brosse pour nettoyer la vitre.
+
+Mostly on regarde le petit moum's interagir avec l'environnement, les cachettes, les quelques plantes qui bougent dans le courant d'eau.
+
+Tout ça est animé par segments donc les feuilles des algues et les tentacules du moum's bougent de manière semi-realiste.
+
+Ce serait comme observer une geosphere, ou ces aquariums avec très peu d'entretien : pas tant d'interaction, mais comprendre le comportement complexe du moum's. peut être des plantes qui poussent et meurent eventually.
+
+![[IMG_20250519_134850.jpg]]

content/blog/tpe/index.md

@@ -13,7 +13,7 @@ cover:
 categories:
   - Projet
 ---
-
+{{< load-photoswipe >}}
 The “Travaux personnels encadrés” are an assignement you have to do in groups during the 1ère shool year in France (corresponding to the 11th grade in the U.S.). This assignment has then to be presented to the teachers on a platform.
 
 With my group, we decided to host our work on a website, which is available here.

content/blog/typewriter-collection/index.md

@@ -13,7 +13,7 @@ cover:
 categories:
   - Projet
 ---
-
+{{< load-photoswipe >}}
 I own a little collection of typewriters and calculating machines.
 
 What draws me to these objects, is that altough they are outdated and obsolete today, they were once used daily, regarded as normal machines, or even as luxury items, as the newest technology money could get. How did the new owner of a brand new Royal or Olivetti feel ? He had to be happy and proud of it !

content/blog/youtube-motorcycle-restoration/index.md

@@ -13,7 +13,7 @@ cover:
 categories:
   - Projet
 ---
-
+{{< load-photoswipe >}}
 I have bought a vintage motorcycle with the money I got working over the summer.
 
 I am now restoring it to its former glory, removing rust, polishing chromes and upgrading parts.

content/collection/bob-315/index.md

@@ -2,7 +2,7 @@
 title: 'Bob 315'
 
 date: '2025-04-18T11:20:39+02:00'
-draft: false
+draft: true
 ShowToc: false
 cover:
   hidden: false # hide everywhere but not in structured data
@@ -28,4 +28,4 @@ typewriterSpecs:
   massKg: 100
   widthCm: 80
 ---
-
+{{< load-photoswipe >}}

content/collection/corona----/index.md

@@ -2,7 +2,7 @@
 title: 'Corona ???'
 
 date: '2025-04-18T11:20:39+02:00'
-draft: false
+draft: true
 ShowToc: false
 cover:
   hidden: false # hide everywhere but not in structured data
@@ -28,4 +28,4 @@ typewriterSpecs:
   massKg: 100
   widthCm: 80
 ---
-
+{{< load-photoswipe >}}

content/collection/japy-s18/index.md

@@ -2,7 +2,7 @@
 title: 'Japy S18'
 
 date: '2025-04-18T11:20:39+02:00'
-draft: false
+draft: true
 ShowToc: false
 cover:
   hidden: false # hide everywhere but not in structured data
@@ -28,4 +28,4 @@ typewriterSpecs:
   massKg: 100
   widthCm: 80
 ---
-
+{{< load-photoswipe >}}

content/collection/olivetti-et-121/index.md

@@ -28,7 +28,7 @@ typewriterSpecs:
   massKg: 100
   widthCm: 80
 ---
-
+{{< load-photoswipe >}}
 
 
 Cette machine, mise sur le marché par Olivetti en 1980, a pour spécificité d'être électromécanique, et de ne plus utiliser de marteaux d'impression.

content/collection/olivetti-lettera-32/index.md

@@ -2,7 +2,7 @@
 title: 'Olivetti Lettera 32'
 
 date: '2025-04-18T11:20:39+02:00'
-draft: false
+draft: true
 ShowToc: false
 cover:
   hidden: false # hide everywhere but not in structured data
@@ -28,4 +28,4 @@ typewriterSpecs:
   massKg: 100
   widthCm: 80
 ---
-
+{{< load-photoswipe >}}

content/collection/olivetti-praxis-48/index.md

@@ -2,7 +2,7 @@
 title: 'Olivetti Praxis 48'
 
 date: '2025-04-18T11:20:39+02:00'
-draft: false
+draft: true
 ShowToc: false
 cover:
   hidden: false # hide everywhere but not in structured data
@@ -28,4 +28,4 @@ typewriterSpecs:
   massKg: 100
   widthCm: 80
 ---
-
+{{< load-photoswipe >}}

content/collection/remington-portable/index.md

@@ -29,7 +29,7 @@ typewriterSpecs:
   widthCm: 26.5
   serialNumber: "NE31859"
 ---
-
+{{< load-photoswipe >}}
 
 
 # Une machine portable et pliable

content/colophon/index.md

@@ -15,3 +15,27 @@ ShowBreadCrumbs: false
 ShowPostNavLinks: true
 ShowReadingTime: false
 ---
+
+# Comment c'est fait ?
+
+## Site statique 
+Ce site est un site statique, c'est à dire que les pages que vous lisez sont déjà toutes prêtes sous forme de fichiers. L'inverse, un site dynamique, crée des pages sur mesure à la demande.
+
+L'avantage du site statique, c'est qu'il est très léger : facile à charger pour vous, facile à héberger pour moi (sur un petit pc dans mon salon)
+
+## Hugo
+Pour créer ce site statique, j'utilise un outil qui s'appelle Hugo. Cet outil me permet d'écrire mon site dans un la gage assez simple (le markdown), et de définir les règles de mise en page (le texte doit être de cette taille et de cette police, les images doivent être de tant de pixels, le fond de la page d'accueil doit être de cette couleur)
+
+Il s'occupe ensuite de "construire" le site statique, est a dire de préparer les petits fichiers cités plus haut.
+
+## Thème
+
+J'utilise une variation maison du thème "PaperMod" que j'ai customisé à mon bon vouloir, surtout pour ma page d'accueil.
+
+# Idées saugrenues
+
+Voici quelques idées de fonctionnalités que je trouve drôles mais que je n'implementerai sans doute jamais :
+
+- [ ] "Télécharger ce site en format PDF"
+	Un bouton qui fait télécharger un énorme fichier PDF qui contient tout le contenu du site
+

content/livres/la-confiance-en-soi/index.md

@@ -0,0 +1,25 @@
+---
+title: ""
+date: 2025-05-xxT05:00:00
+draft: true
+ShowToc: false
+cover:
+  hidden: false # hide everywhere but not in structured data
+  hiddenInList: false # hide on list pages and home
+  hiddenInSingle: true # hide on single page
+  image: "images/cover.jpg"
+  alt: "Couverture de {{ .Title }}"
+  relative: true # To use relative path for cover image, used in hugo Page-bundles
+ShowBreadCrumbs: true
+ShowPostNavLinks: true
+ShowReadingTime: true
+tags:
+  - test
+BookData:
+  ISBN: ""
+  Author: ""
+  Title: ""
+  PublishDate: ""
+  starGrade: 
+---
+

content/livres/la-gloire-de-mon-pere-pagnol/index.md

@@ -23,9 +23,9 @@ BookData:
   starGrade: 5
 ---
 
-Ce roman autobiographique retrace l'enfance de marcel pagnol, dans le sud de la france entre 1895 et 1903. Il y raconte la naissance de son frère, la rencontre entre sa tante et son oncle, et l'été dans leur maison louée à la campagne.
+Ce roman autobiographique retrace l'enfance de Marcel Pagnol, dans le sud de la France entre 1895 et 1903. Il y raconte la naissance de son frère, la rencontre entre sa tante et son oncle, et l'été dans leur maison louée à la campagne.
 
-En voyage dans "le sud" (en Ardèche), c'est ma copine qui me l'a conseillé,et je l'ai alors rajouté à ma liseuse. Après certaines tournures particulièrement malines, il fallait que je lui lise (qui connaît l'oeuvre quasiment par coeur) le passage responsable de mon amusement.
+En voyage dans "le sud" (en Ardèche), c'est ma copine qui me l'a conseillé, et je l'ai alors rajouté à ma liseuse. Après certaines tournures particulièrement malines, il fallait que je lui lise (qui connaît l'oeuvre quasiment par coeur) le passage responsable de mon amusement.
 
 J'ai trouvé l'écriture à la fois facile à lire (j'ai dévoré ce livre en quelques jours) et fabuleusement subtile dans la description des atmosphères, des émotions, et des personnages. On lit entre les lignes des sentiments qui m'ont rappelé ma propre enfance au soleil.
 

data/gitinfo.txt

@@ -1,4 +1,4 @@
-2025-05-15
-21:31
-a0f361e
-a0f361e2e17c0027b08aa9bc3ae7ccfa47349b1b
+2025-05-16
+19:00
+019cd73
+019cd738103d5bbc12b33b3f8f25ee268ba85709

readMe.md

@@ -8,8 +8,9 @@
 
 ## Galleries / figures
 - [x] ajouter une optimisation qui traite automatiquement les images dans les galleries en les resizant à la largeur de la page et en les transformant en .webp
-- [ ] Un clic sur une image l'ouvre en grand dans un popup, avec des flèches pour aller aux prochaines. les touches du clavier peuvnet controler ça.
-- [ ] La taille de l'image est un paramètre du shortcode (quid de photoswipe ?)
+- [x] Un clic sur une image l'ouvre en grand dans un popup, avec des flèches pour aller aux prochaines. les touches du clavier peuvnet controler ça. (quid de photoswipe ?)
+    - [ ] Popup ok, mais en grand ? elles sont resized par hugo, donc quand on les ouvre dans le popup, elles sont petites.
+- [ ] La taille de l'image est un paramètre du shortcode 
 - [x] revoir le css des galleries pour les rendre moins moches
 
 ## Contenu

static/css/hugo-easy-gallery.css

@@ -153,8 +153,10 @@ figcaption styles
 .fancy-figure.caption-effect-slide.caption-position-center figure:not(:hover) figcaption  {
     top: 100%;
 }
-figcaption p {
-    margin: auto; /* override style in theme */
-    font-size: 1em;
+.post-content figure figcaption p,
+.post-content .gallery figcaption p,
+.post-content .fancy-figure figcaption p {
+    margin: 0px 0px 0px 0px; /* override style in theme */
+    font-size: 0.8em;
 }