Use more recent picture

src/Body/Fetch/Description.tsx

@@ -15,13 +15,14 @@ const Header = ({ user, hostname }: HeaderProps) => (
 );
 
 type InfoLineProps = {
-	label: string;
+	label?: string;
 	value: string;
 };
 
 const InfoLine = ({ label, value }: InfoLineProps) => (
 	<p>
-		<span className="text-highlight">{label}</span>: {value}
+		<span className="text-highlight">{label}</span>
+		{label && ":"} {value}
 	</p>
 );
 
@@ -32,7 +33,7 @@ const Description = () => (
 		<InfoLine label="Hobbies" value="🖖 🎮 🧗 🏃 🧑‍💻" />
 		<BlankLine />
 		<InfoLine label="Degree" value="B.C.S. Honours" />
-		<InfoLine label="Alma Mater" value="Carleton U" />
+		<InfoLine value="       ⤷ Carleton U" />
 	</div>
 );
 

src/Body/Fetch/ProfilePicture.tsx

@@ -1,5 +1,5 @@
 // TODO: Generate JXL once it doesn't crash
-import hero from "../../assets/MichaelBradley.jpeg?format=avif;webp;jpeg&as=picture";
+import hero from "../../assets/MichaelBradley.avif?format=avif;webp;jpeg&as=picture";
 
 const ProfilePicture = () => (
 	<div id="michael-photo-container">

src/Body/Links.tsx

@@ -18,8 +18,8 @@ const ImageLink = ({ href, title, Image }: ImageLinkProps) => (
 const Links = () => (
 	<div className="links">
 		<ImageLink href="https://git.mmbradley.ca/MichaelBradley/" title="Forgejo instance" Image={Git} />
-		<ImageLink href="https://www.linkedin.com/in/michaelmbradley/" title="LinkedIn account" Image={LinkedIn} />
 		<ImageLink href="https://mstdn.ca/@michaelbradley/" title="Mastodon account" Image={Mastodon} />
+		<ImageLink href="https://www.linkedin.com/in/michaelmbradley/" title="LinkedIn account" Image={LinkedIn} />
 		<input id="dark-mode-toggle" type="checkbox" aria-label="Toggle dark mode" />
 		<label htmlFor="dark-mode-toggle" id="dark-mode-toggle-label" title="Toggle dark mode" className="footerAction">
 			<DarkModeToggleIcon width="100%" />

src/style.css

@@ -236,7 +236,7 @@ body {
 	row-gap: 1rem;
 	font-family: "JetBrains Mono", "ui-monospace", "SF Mono", "Courier New", monospace;
 	margin: 0 1rem;
-	white-space: nowrap;
+	white-space: pre;
 	font-size: clamp(0.75rem, 2.5dvw, 1.25rem);
 }
 
@@ -260,7 +260,7 @@ p {
 	aspect-ratio: 1;
 	border-radius: 50%;
 	object-fit: cover;
-	object-position: 0 10%;
+	object-position: 62.5% 0;
 	border: 0.2rem solid var(--highlight);
 
 	@media (prefers-reduced-motion: no-preference) {