WIP: My personal website
1<script lang="ts">
2 import { reveal } from '$lib/actions/reveal';
3 import LazyLoadingImg from './LazyLoadingImg.svelte';
4 import me from '$lib/assets/me.webp';
5 import mePumpkin from '$lib/assets/me_pumpkin.webp';
6 import GitHubButton from './buttons/GitHubButton.svelte';
7 import TangledButton from './buttons/TangledButton.svelte';
8</script>
9
10<div id="home" class="hero flex justify-center py-10" use:reveal>
11 <div class="hero-content flex-col lg:flex-row-reverse">
12 <LazyLoadingImg
13 src={me}
14 alt=""
15 class="max-w-xs rounded-t-[14rem] rounded-b-box shadow-2xl outline outline-base-content/5 md:max-w-md"
16 imgClass="block w-full"
17 />
18 <div class="text-center lg:text-start">
19 <!-- <span class="badge badge-outline badge-lg">Award winning digital agency</span> -->
20 <h1 class="font-urbanist text-3xl font-black uppercase md:text-7xl">
21 Bailey Townsend
22 <!-- <span class="text-base-content/30"> for ambitious brands</span> -->
23 </h1>
24 <p class="py-6 font-urbanist lg:max-w-lg">
25 Bandaid Engineer and open source software developer. I work mostly with <a
26 class="link"
27 href="https://atproto.com">atproto</a
28 >, as well as a hobbyist with embedded firmwares in Rust 🦀. Sometimes serious, mostly just
29 killing time.
30 </p>
31 <div class="grid grid-cols-2 gap-1 max-lg:justify-center md:grid-cols-3 md:gap-2">
32 <a
33 href="https://bsky.app/profile/pds.dad"
34 class="btn rounded-full text-xl font-bold not-italic btn-ghost md:btn-lg"
35 >
36 <svg fill="none" viewBox="0 0 64 57" width="28" style="width:28px;height:24.9375px;"
37 ><path
38 fill="#0085ff"
39 d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805ZM50.127 3.805C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745Z"
40 ></path></svg
41 >
42 pds.dad
43 </a>
44 <a
45 href="https://tangled.org/pds.dad"
46 class="btn rounded-full font-urbanist font-light btn-ghost md:btn-lg"
47 >
48 <TangledButton />
49 </a>
50
51 <a
52 href="https://github.com/fatfingers23"
53 class="btn rounded-full text-xl font-bold not-italic btn-ghost md:btn-lg"
54 >
55 <GitHubButton />
56 GitHub
57 </a>
58 </div>
59 </div>
60 </div>
61</div>