Add pictures to homepage

src/index.html

@@ -19,6 +19,12 @@
 
 		<h1>Edgar P. <strong>Burkhart</strong></h1>
 
+		<div class="img-block">
+			<img src="static/img/pic1.webp" />
+			<img src="static/img/pic2.webp" />
+			<img src="static/img/pic3.webp" />
+		</div>
+
 		<h2>Contact</h2>
 		<ul>
 			<li><a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a></li>

src/static/css/main.css

@@ -25,11 +25,10 @@ body {
 	padding: 1rem;
 	font-weight: 350;
 	font-feature-settings: "ss01", "ss02", "ss03", "cv05", "cv08";
-	column-width: 288px;
+	column-width: 18rem;
-	max-width: 1440px;
+	max-width: 90rem;
 }
 
-
 h1, h2, h3 {font-weight: 250}
 h1 {
 	font-size: 3rem;
@@ -86,6 +85,18 @@ ul {list-style-type: "–"}
 ol {list-style-type: decimal-leading-zero}
 li {padding-left: .5rem}
 
+.img-block {
+	display: grid;
+	grid-template-columns: repeat(3, 1fr);
+	grid-gap: .2rem;
+	grid-auto-rows: auto;
+}
+.img-block > img {
+	width: 100%;
+	aspect-ratio: 1;
+	object-fit: cover;
+}
+
 footer {
 	background: var(--bg-01);
 	bottom: 0;

src/static/img/.gitignore

@@ -0,0 +1 @@
+*.jpg

src/static/img/convert.sh

@@ -0,0 +1,2 @@
+#!/usr/bin/env sh
+convert "$1" -geometry 384x384^ "${1%.*}.webp"