Add resume

src/routes/+layout.svelte

@@ -9,6 +9,7 @@
 	const isProjects = $derived(page.url.pathname === '/projects');
 	const isGalleryMap = $derived(page.url.pathname === '/gallery');
 	const isGallery = $derived(isGalleryMap || page.url.pathname.startsWith('/gallery/'));
+	const isResume = $derived(page.url.pathname === '/resume');
 </script>
 
 <svelte:head>
@@ -44,7 +45,11 @@
 						<a href="/gallery" aria-current={isGallery ? 'page' : undefined}>Gallery</a>
 					</li>
 					<li><a href="/">Currency</a></li>
-					<li><a href="/">Resume/CV</a></li>
+					<li>
+						<a href="/resume" data-sveltekit-reload aria-current={isResume ? 'page' : undefined}
+							>Resume/CV</a
+						>
+					</li>
 					<li><a href="/">Git</a></li>
 					<li><a href="/">LinkedIn</a></li>
 				</ul>
@@ -56,7 +61,7 @@
 		</div>
 	</aside>
 
-	<div class="page" class:page-flush={isGalleryMap}>
+	<div class="page" class:page-flush={isGalleryMap || isResume}>
 		<main id="main" class="site-main">
 			{@render children()}
 		</main>

src/routes/+page.svelte

@@ -35,7 +35,8 @@
 		I’m based in Murrells Inlet, South Carolina, and I’m open to new work. Whether that means
 		additional project-based development, contract systems work, or a longer-term role, I’m
 		interested in opportunities that involve building reliable web applications, managing Linux
-		infrastructure, or working with databases and backend systems.
+		infrastructure, or working with databases and backend systems. You can read my
+		<a href="/resume">resume</a>.
 	</p>
 </article>
 

src/routes/resume/+page.svelte

@@ -0,0 +1,38 @@
+<svelte:head>
+	<title>Resume — Lee Morgan</title>
+	<meta name="description" content="Resume of Lee Morgan, web developer and systems administrator." />
+</svelte:head>
+
+<div class="resume">
+	<h1 class="sr-only">Resume</h1>
+	<iframe class="frame" src="/resume.pdf" title="Lee Morgan resume"></iframe>
+</div>
+
+<style>
+	.resume {
+		position: absolute;
+		inset: 0;
+		min-height: 100svh;
+	}
+
+	.frame {
+		display: block;
+		width: 100%;
+		height: 100%;
+		min-height: 100svh;
+		border: 0;
+		background: var(--bg);
+	}
+
+	.sr-only {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border: 0;
+	}
+</style>