WIP: My personal website
1<script lang="ts">
2 import NavBar from '$lib/components/NavBar.svelte';
3 import Hero from '$lib/components/Hero.svelte';
4 import OpenSourceProjects from '$lib/components/OpenSourceProjects.svelte';
5 import Writing from '$lib/components/Writing.svelte';
6 import AsSeenOn from '$lib/components/AsSeenOn.svelte';
7 import FreeTime from '$lib/components/FreeTime.svelte';
8 import Services from '$lib/components/Services.svelte';
9 import Sponsors from '$lib/components/Sponsors.svelte';
10 import Contact from '$lib/components/Contact.svelte';
11 import me from '$lib/assets/og_me.webp';
12 import type { PageProps } from './$types';
13
14 let { data }: PageProps = $props();
15 const { sponsors, publications, latestPosts, subscriberCounts, currentlyReading, nowPlaying } =
16 data;
17</script>
18
19<svelte:head>
20 <title>Bailey Townsend | Software Developer</title>
21 <meta name="description" content="Bandaid Engineer and open source software developer." />
22 <meta name="og:title" content="Bailey Townsend | Software Developer" />
23 <meta name="og:description" content="Bandaid Engineer and open source software developer." />
24 <meta name="og:image" content={me} />
25</svelte:head>
26
27<div class="p-2 md:px-10">
28 <NavBar />
29 <Hero />
30 <OpenSourceProjects />
31 <Writing {publications} {latestPosts} {subscriberCounts} />
32 <AsSeenOn />
33 <FreeTime {currentlyReading} {nowPlaying} />
34 <Sponsors {sponsors} />
35</div>