Various improvements

src/pages/about.astro

@@ -1,22 +1,23 @@
 ---
 import { Image } from "astro:assets";
 import Main from "../layouts/Main.astro";
-
 ---
 
-<Main
-	title="About Me"
-	description="Lawrence Bethlenfalvy, software engineer"
->
+<Main title="About Me" description="Lawrence Bethlenfalvy, software engineer">
 	<div class="max-w-[80ch] m-5">
-		<Image src='https://github.com/lbfalvy.png' loading="eager"
-			alt="My face" width="120" height="120"
-			class="rounded-full h-30 float-right m-3 [shape-outside:_ellipse()]" />
+		<Image
+			src="https://github.com/lbfalvy.png"
+			loading="eager"
+			alt="My face"
+			width="120"
+			height="120"
+			class="rounded-full h-30 float-right m-3 [shape-outside:ellipse()]"
+		/>
 		<p>
-			My name is Lawrence Bethlenfalvy, I make websites and web-based applications primarily
-			with React. I enjoy seeing the fruit of my labour, which is why I do so much
-			frontend development even though I'm not exactly an artistic genius, as finest
-			demonstrated by this website.
+			My name is Lawrence Bethlenfalvy, I make websites and web-based
+			applications primarily with React. I enjoy seeing the fruit of my labour,
+			which is why I do so much frontend development even though I'm not exactly
+			an artistic genius, as finest demonstrated by this website.
 		</p>
 		<p>
 			I really like perfectly designed infrastructure, and in an effort to
@@ -24,19 +25,21 @@ import Main from "../layouts/Main.astro";
 			DevOps experience.
 		</p>
 		<p>
-			I studied a lot of advanced mathematical topics in high school, and although
-			I was never a big fan of solving equations for hours on end the approach and
-			some of the concepts stuck with me. I like to draw on mathematical techniques
-			for day-to-day problem solving, but I also view it as a hobby.
+			I studied a lot of advanced mathematical topics in high school, and
+			although I was never a big fan of solving equations for hours on end the
+			approach and some of the concepts stuck with me. I like to draw on
+			mathematical techniques for day-to-day problem solving, but I also view it
+			as a hobby.
 		</p>
 		<p>
-			More recently I've been hard at work on my small conceptual language, Orchid,
-			which, like anything I do, tries to be unopinionated, minimalistic in design,
-			and robust in execution.
-			Designing a programming language is a constant goat game against the halting problem
-			so realising all these principles at the same time is nigh impossible, and incremental
-			progress is fundamentally incompatible with the optimal, holistic approach to
-			issues like type checking, but when I have something to report I do it here.
+			More recently I've been hard at work on my small conceptual language,
+			Orchid, which, like anything I do, tries to be unopinionated, minimalistic
+			in design, and robust in execution. Designing a programming language is a
+			constant goat game against the halting problem so realising all these
+			principles at the same time is nigh impossible, and incremental progress
+			is fundamentally incompatible with the optimal, holistic approach to
+			issues like type checking, but when I have something to report I do it
+			here.
 		</p>
 	</div>
 </Main>

src/pages/projects.astro

@@ -15,16 +15,17 @@ const projReady = await Promise.all(
       projReady.map(([proj, Content]) => (
         <a href={proj.data.url}>
           <article class="emph-bg m-3 p-2 text-sm rounded-2xl">
-            {proj.data.image && <Image
-              src={proj.data.image}
-              alt=""
-              loading="eager"
-              width="100" height="60"
-              class="object-center aspect-[16/9] w-full"
-            />}
-            <h2 class="font-bold text-xl italic">
-              {proj.data.name}
-            </h2>
+            {proj.data.image && (
+              <Image
+                src={proj.data.image}
+                alt=""
+                loading="eager"
+                width="100"
+                height="60"
+                class="object-center aspect-video w-full"
+              />
+            )}
+            <h2 class="font-bold text-xl italic">{proj.data.name}</h2>
             <div>
               <Content />
             </div>