new images

Fyrlex · Nov 14, 2023 · b263e5d · b263e5d
1 parent 04ffc7c
commit b263e5d
Show file tree

Hide file tree

Showing 9 changed files with 142 additions and 110 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,7 +27,7 @@
 		"svelte-preprocess": "^5.0.4",
 		"tailwindcss": "^3.3.3",
 		"tslib": "^2.4.1",
-		"typescript": "^5.1.6",
+		"typescript": "^5.2.2",
 		"vite": "^4.4.9"
 	},
 	"type": "module",

diff --git a/src/app.html b/src/app.html
@@ -3,7 +3,7 @@
 
 <head>
 	<meta charset="utf-8" />
-	<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+	<link rel="icon" href="/favicon.png" />
 	<meta name="viewport" content="width=device-width" />
 	%sveltekit.head%
 </head>

diff --git a/src/components/hobbies.svelte b/src/components/hobbies.svelte
@@ -9,7 +9,7 @@
 
 {#each data as { date, description, src, title }, i}
 	<div
-		class="lg:flex lg:w-[50vw] mx-auto bg-stone-800 rounded-md border border-stone-600 shadow-lg scale-[0.8] hover:scale-[1] duration-700"
+		class="lg:flex lg:w-[50vw] mx-auto bg-stone-800 rounded-md border border-stone-600 shadow-lg scale-[0.9] hover:scale-[1] duration-700"
 	>
 		{#if i % 2 === 0}
 			<img

diff --git a/src/lib/assets/ASTRO_PINWHEEL.jpg b/src/lib/assets/ASTRO_PINWHEEL.jpg
diff --git a/src/lib/assets/ASTRO_TRIANGULUM.jpg b/src/lib/assets/ASTRO_TRIANGULUM.jpg
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -5,7 +5,8 @@
 
 	const pages: { name: string; url: string }[] = [
 		{ name: "home", url: "" },
-		{ name: "hobbies", url: "hobbies" },
+		{ name: "astronomy", url: "astronomy" },
+		{ name: "music", url: "music" },
 		{ name: "programming", url: "programming" },
 	];
 

diff --git a/src/routes/astronomy/+page.svelte b/src/routes/astronomy/+page.svelte
@@ -0,0 +1,62 @@
+<script lang="ts">
+	import Meta from "../../components/meta.svelte";
+
+	import ASTRO_MOON from "$lib/assets/ASTRO_MOON.jpg";
+	import ASTRO_TRIFFID from "$lib/assets/ASTRO_TRIFFID.jpg";
+	import ASTRO_TRIANGULUM from "$lib/assets/ASTRO_TRIANGULUM.jpg";
+	import ASTRO_PINWHEEL from "$lib/assets/ASTRO_PINWHEEL.jpg";
+	import Hobbies from "../../components/hobbies.svelte";
+
+	const astroImages: {
+		src: string;
+		title: string;
+		description: string;
+		date: string;
+	}[] = [
+		{
+			title: "Triangulum Galaxy",
+			description:
+				"Second to closest galaxy to the Milky Way, 2.8 million light years away.",
+			src: ASTRO_TRIANGULUM,
+			date: "Blacksburg, VA - November 12, 2023",
+		},
+		{
+			title: "Triffid Nebula",
+			description:
+				"Celestron Omni 150 XLT, ZWO ASI 183MC, ~1.5 hours @ 30s sub-exposure.",
+			src: ASTRO_TRIFFID,
+			date: "Sky Meadows State Park - July 10, 2023",
+		},
+		{
+			title: "Waxing Gibbous",
+			description: "Earth's moon in a waxing gibbous phase.",
+			src: ASTRO_MOON,
+			date: "Rockville, MD - May 30, 2023",
+		},
+		{
+			title: "Pinwheel Galaxy",
+			description: "A spiral galaxy with a recent supernova SN 2023ixf.",
+			src: ASTRO_PINWHEEL,
+			date: "Fairfax, VA - May 25, 2023",
+		},
+	];
+</script>
+
+<svelte:head>
+	<Meta data={{ title: "Astronomy", url: "astronomy" }} />
+</svelte:head>
+
+<div class="h-screen bg-stone-900 text-center text-gray-300 font-extralight">
+	<h1 class="text-6xl lg:text-8xl text-center p-8">astronomy experience</h1>
+	<div class="m-5">
+		<h2 class="text-4xl lg:text-6xl text-cyan-500 m-4">Astrophotography</h2>
+		<p class="text-2xl w-1/2 my-5 max-w-fit mx-auto">
+			Member of the Northern Virginia Astronomy Club and Astronomy Club of
+			Virginia Tech.
+		</p>
+		<p class="text-cyan-500 text-2xl">Personal Equipment</p>
+		<p class="text-xl">Celestron Omni XLT 150</p>
+		<p class="text-xl">ZWO ASI 183MC</p>
+		<Hobbies data={astroImages} />
+	</div>
+</div>