···11+/* Author */
22+This site was built by Dustin Thurston!
33+44+Github: https://github.com/DustinsCode
55+Bluesky: https://bsky.app/profile/dustycode.dev
66+Website: https://dustycode.dev
77+88+/* Site */
99+Built with Astro.build and decapcms
1010+1111+Check out the https://humanstxt.org/ protocol to see how you should format your humans.txt file!
src/assets/me.jpeg
This is a binary file and will not be displayed.
+34
src/components/commonHead.astro
···11+---
22+import { ClientRouter } from "astro:transitions";
33+44+const { title } = Astro.props;
55+---
66+77+<head>
88+ <meta charset="utf-8" />
99+ <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
1010+ <meta name="viewport" content="width=device-width" />
1111+ <meta name="generator" content={Astro.generator} />
1212+ <title>{title}</title>
1313+ <ClientRouter />
1414+ <script>
1515+ // Function to update theme
1616+ function updateTheme() {
1717+ if (
1818+ localStorage.theme === "dark" ||
1919+ (!("theme" in localStorage) &&
2020+ window.matchMedia("(prefers-color-scheme: dark)").matches)
2121+ ) {
2222+ document.documentElement.classList.add("dark");
2323+ } else {
2424+ document.documentElement.classList.remove("dark");
2525+ }
2626+ }
2727+2828+ // Run on page load
2929+ updateTheme();
3030+3131+ // Listen for system theme changes
3232+ window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", updateTheme);
3333+ </script>
3434+ </head>
···11---
22-import {YooperButton} from "./yooperButton.tsx";
22+import { Image } from "astro:assets";
33+import me from "../assets/me.jpeg";
34---
44-<div class="border-1 border-solid rounded-lg p-4">
55- <h2 class="text-5xl font-normal mb-4">
66- Hello, I'm Dustin!
77- </h2>
8599- <div>
1010- <p>
1111- I'm a full-stack software engineer from the
1212- beautiful state of Michigan, currently in the Metro Detroit area.
1313- <br class="mb-4" />
1414- I grew up in a small town in the where I established a deep appreciation for the outdoors. I enjoy hiking,
1515- biking, tennis, swimming, and hoping to get into some whitewater kayaking
1616- soon. During the long northern winters, you can find me inside playing
1717- video games or out on the slopes snowboarding.
1818- <br class="mb-4" />
1919- Some of my other interests include (but are not limited to):
2020- <ul class="list-disc ml-6">
2121- <!-- TODO: add links to things here.
2222- ex: a picture of my car, or posts about the things I've built -->
2323- <li>Working on my car</li>
2424- <li>Building things</li>
2525- <li>Photography</li>
2626- <li>
2727- Playing drums and <a
2828- href="https://en.wikipedia.org/wiki/Vibraphone"
2929- target="_blank"
3030- class="text-blue">vibraphone</a
3131- >
3232- </li>
3333- </ul>
3434- </p>
66+<div class="border border-solid rounded-lg p-6">
77+ <div class="flex flex-col md:flex-row gap-6 items-center md:items-start">
88+ <div class="flex-1 space-y-4">
99+ <h1 class="text-5xl font-bold">Hi, I'm Dustin!</h1>
1010+ <p class="text-lg">
1111+ I'm a full stack software engineer from Michigan!
1212+ </p>
1313+ <p>
1414+ You can often find me on the computer, out in nature, on the
1515+ tennis courts, or wherever there will be some cool cars, and almost always with my camera :)
1616+ </p>
1717+ </div>
1818+ <Image
1919+ class="rounded-full size-40 md:size-48 flex-shrink-0"
2020+ loading="eager"
2121+ src={me}
2222+ alt="Me smiling in my snowboarding jacket on a sunny winter day"
2323+ />
3524 </div>
3625</div>