remove default content and replace with myself

Dockerfile

@@ -1,6 +1,6 @@
 FROM node:20.16.0-alpine3.20 AS base
 
-LABEL version="0.1.5"
+LABEL version="0.1.6"
 LABEL description="Astro based website to use as a profile"
 
 ENV PNPM_HOME="/pnpm"

src/components/ContactCTA.astro

@@ -5,7 +5,7 @@ import Icon from './Icon.astro';
 
 <aside>
 	<h2>Interested in working together?</h2>
-	<CallToAction href="mailto:me@example.com">
+	<CallToAction href="mailto:alexander.lebens@gmail.com">
 		Send Me a Message
 		<Icon icon="paper-plane-tilt" size="1.2em" />
 	</CallToAction>

src/components/Footer.astro

@@ -6,15 +6,14 @@ const currentYear = new Date().getFullYear();
 <footer>
 	<div class="group">
 		<p>
-			Designed & Developed in Portland with <a href="https://astro.build/">Astro</a>
+			Designed & Developed in Minnesota with <a href="https://astro.build/">Astro</a>
 			<Icon icon="rocket-launch" size="1.2em" />
 		</p>
-		<p>&copy; {currentYear} Jeanine White</p>
+		<p>&copy; {currentYear} Alex Lebens</p>
 	</div>
 	<p class="socials">
-		<a href="https://twitter.com/me"> Twitter</a>
+		<a href="https://github.com/alexlebens"> GitHub</a>
-		<a href="https://github.com/me"> GitHub</a>
+		<a href="https://www.linkedin.com/in/alexanderlebens"> LinkedIn</a>
-		<a href="https://codepen.io/me"> CodePen</a>
 	</p>
 </footer>
 <style>

src/components/MainHead.astro

@@ -7,8 +7,8 @@ interface Props {
 }
 
 const {
-	title = 'Jeanine White: Personal Site',
+	title = 'Alex Lebens: Personal Site',
-	description = 'The personal site of Jeanine White',
+	description = 'The personal site of Alex Lebens',
 } = Astro.props;
 ---
 

src/components/Nav.astro

@@ -12,12 +12,8 @@ const textLinks: { label: string; href: string }[] = [
 
 /** Icon links to social media — edit these with links to your profiles! */
 const iconLinks: { label: string; href: string; icon: keyof typeof iconPaths }[] = [
-	{ label: 'Twitter', href: 'https://twitter.com/me', icon: 'twitter-logo' },
+	{ label: 'GitHub', href: 'https://github.com/alexlebens', icon: 'github-logo' },
-	{ label: 'Twitch', href: 'https://twitch.tv/me', icon: 'twitch-logo' },
+	{ label: 'LinkedIn', href: 'https://www.linkedin.com/in/alexanderlebens', icon: 'codepen-logo' },
-	{ label: 'GitHub', href: 'https://github.com/me', icon: 'github-logo' },
-	{ label: 'CodePen', href: 'https://codepen.io/me', icon: 'codepen-logo' },
-	{ label: 'dribbble', href: 'https://dribbble.com/me', icon: 'dribbble-logo' },
-	{ label: 'YouTube', href: 'https://www.youtube.com/@me/', icon: 'youtube-logo' },
 ];
 ---
 
@@ -25,7 +21,7 @@ const iconLinks: { label: string; href: string; icon: keyof typeof iconPaths }[]
 	<div class="menu-header">
 		<a href="/" class="site-title">
 			<Icon icon="terminal-window" color="var(--accent-regular)" size="1.6em" gradient />
-			Jeanine White
+			Alex Lebens
 		</a>
 		<menu-button>
 			<template>

src/pages/about.astro

@@ -5,7 +5,7 @@ import ContactCTA from '../components/ContactCTA.astro';
 import Hero from '../components/Hero.astro';
 ---
 
-<BaseLayout title="About | Jeanine White" description="About Jeanine White Lorem Ipsum">
+<BaseLayout title="About | Alex Lebens" description="About Alex Lebens">
 	<div class="stack gap-20">
 		<main class="wrapper about">
 			<Hero
@@ -15,8 +15,8 @@ import Hero from '../components/Hero.astro';
 				<img
 					width="1553"
 					height="873"
-					src="/assets/at-work.jpg"
+					src="/assets/hiking.jpg"
-					alt="Jeanine White at work with a colleague"
+					alt="Alex Lebens hiking in Texas"
 				/>
 			</Hero>
 

src/pages/index.astro

@@ -30,8 +30,8 @@ const projects = (await getCollection('work'))
 		<div class="wrapper stack gap-8 lg:gap-20">
 			<header class="hero">
 				<Hero
-					title="Hello, my name is Jeanine White"
+					title="Hello, my name is Alex Lebens"
-					tagline="I am a Creative Developer who is currently based in Portland, Oregon."
+					tagline="I am a Cloud Engineer who is currently based in St. Paul, Minnesota."
 					align="start"
 				>
 					<div class="roles">
@@ -42,7 +42,7 @@ const projects = (await getCollection('work'))
 				</Hero>
 
 				<img
-					alt="Jeanine White smiling in a red plaid shirt and tortoise shell glasses"
+					alt="Alex Lebens in Antarctica"
 					width="480"
 					height="620"
 					src="/assets/portrait.jpg"
@@ -56,7 +56,7 @@ const projects = (await getCollection('work'))
 			<section class="section with-background with-cta">
 				<header class="section-header stack gap-2 lg:gap-4">
 					<h3>Selected Work</h3>
-					<p>Take a look below at some of my featured work for clients from the past few years.</p>
+					<p>Take a look below at some of my featured work from the past few years.</p>
 				</header>
 
 				<div class="gallery">

src/pages/work.astro

@@ -14,8 +14,8 @@ const projects = (await getCollection('work')).sort(
 ---
 
 <BaseLayout
-	title="My Work | Jeanine White"
+	title="My Work | Alex Lebens"
-	description="Learn about Jeanine White's most recent projects"
+	description="Learn about Alex Lebens's most recent projects"
 >
 	<div class="stack gap-20">
 		<main class="wrapper stack gap-8">