Fix images in about page

content/about/index.md

@@ -6,11 +6,38 @@ ShowReadingTime: false
 ShowBreadCrumbs: false
 ShowPostNavLinks: true
 ShowWordCount: false
+custom_css: >-
+    .pictures {
+        display: flex;
+        justify-content: space-evenly;
+        flex-wrap: wrap;
+    }
+  
+    .pictures a {
+        box-shadow: 0 0;
+    }
+
+    .pictures img {
+        max-width: 200px;
+        min-width: 100px;
+        max-height: 200px;
+        min-height: 100px;
+        padding: 1rem;
+        flex-shrink: 1;
+        flex-grow: 0;
+        padding: 0;
+    }
 ---
 I'm Gabriel, a Go and Python software developer at [OVHcloud](https://www.ovhcloud.com/) (Lyon, France) and [FOSS](https://en.wikipedia.org/wiki/Free_and_open-source_software) enthusiast.
 
+{{< unsafe >}}
+<p class="pictures">
+{{< /unsafe >}}
 {{< img src="39.jpg" alt="A picture of Gabriel Augendre" >}}
 {{< img src="41.jpg" alt="His usual avatar for online profiles, the dwarf from a medieval fantasy audio story named 'Le Donjon de Naheulbeuk' (French)" >}}
+{{< unsafe >}}
+</p>
+{{< /unsafe >}}
 
 ## Where to find me {#contact}
 

layouts/partials/extend_head.html

@@ -0,0 +1,3 @@
+{{ if .Params.custom_css }}
+<style>{{ .Params.custom_css | safeCSS }}</style>
+{{ end }}

layouts/shortcodes/unsafe.html

@@ -0,0 +1 @@
+{{ .Inner }}