From 24fbda877b911ed8ff3b5efde580ab23d1f500a8 Mon Sep 17 00:00:00 2001
From: Kaan Barmore-Genc <kaan@bgenc.net>
Date: Sat, 11 May 2024 13:02:23 -0500
Subject: [PATCH] Set fixed sizes for the logo and profile picture

---
 src/routes/+page.svelte  | 10 +++++-----
 src/routes/Header.svelte | 12 ++++--------
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index f333803..d3c674b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,7 +1,7 @@
 <script>
-	import Avif from './profile.avif';
-	import Jpeg from './profile.avif?format=jpeg';
-	import WebP from './profile.avif?format=webp';
+	import Avif from './profile.avif?w=320&format=avif';
+	import Jpeg from './profile.avif?w=320&format=jpeg';
+	import WebP from './profile.avif?w=320&format=webp';
 	import cv from '../cv.pdf';
 
 	import EnvelopeSimple from 'phosphor-svelte/lib/EnvelopeSimple';
@@ -101,8 +101,8 @@
 	@import '../button';
 
 	picture {
-		max-width: 320px;
-		max-height: 320px;
+		width: 320px;
+		height: 320px;
 		margin: 0 auto;
 		clip-path: var(--clip-path);
 	}
diff --git a/src/routes/Header.svelte b/src/routes/Header.svelte
index db5d780..80f10c1 100644
--- a/src/routes/Header.svelte
+++ b/src/routes/Header.svelte
@@ -3,9 +3,9 @@
 	import Spacer from '$lib/Spacer.svelte';
 	import { onMount } from 'svelte';
 
-	import Avif from './logo.avif';
-	import Jpeg from './logo.avif?format=jpeg';
-	import WebP from './logo.avif?format=webp';
+	import Avif from './logo.avif?w=192&format=avif';
+	import Jpeg from './logo.avif?w=192&format=jpeg';
+	import WebP from './logo.avif?w=192&format=webp';
 	import List from 'phosphor-svelte/lib/List';
 	import { afterNavigate } from '$app/navigation';
 
@@ -115,10 +115,6 @@
 
 	.logo {
 		width: 12rem;
-		align-self: flex-start;
-	}
-	.logo picture {
-		min-width: 6rem;
-		min-height: 3rem;
+		height: 12rem;
 	}
 </style>