From 433a7901f9b3d4adc229ac7ee54a06e1e6ef14c8 Mon Sep 17 00:00:00 2001
From: saji <saji@saji.dev>
Date: Wed, 1 Jan 2025 23:57:08 -0600
Subject: [PATCH] fix images

---
 eleventy.config.js   | 8 +++++++-
 public/css/index.css | 6 +++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/eleventy.config.js b/eleventy.config.js
index 885bc25..ff9f68f 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -51,7 +51,13 @@ export default async function (eleventyConfig) {
 	eleventyConfig.addPlugin(pluginBundle);
 	eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
 		extensions: "html",
-		formats: [ "auto" ],
+		formats: [ "webp", "jpeg", null ],
+		widths: [ 400, 800, 1280, null ],
+		defaultAttributes: {
+			loading: "lazy",
+			decoding: "async",
+			sizes: "auto",
+		}
 	})
 
 
diff --git a/public/css/index.css b/public/css/index.css
index c6fc6e1..b7fa5ad 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -54,7 +54,11 @@ html {
 	overflow-y: scroll;
 }
 body {
-	max-width: 80em;
+	max-width: 40em;
+}
+img {
+	max-width: 100%;
+	height: auto;
 }
 
 /* https://www.a11yproject.com/posts/how-to-hide-content/ */