FEAT: Added resume and TLDR section

This will be important later when I need a new job :)

src/components/resume.svelte

@@ -0,0 +1,16 @@
+<div class="">
+	<h2 class="py-2 text-xl font-semibold text-blue-300 border-b-1 border-gray-600">TLDR & RESUME </h2>
+	<p class="py-4 text-gray-200">
+		<span class="font-semibold">TLDR:</span> I like to program, I have 5+ years of experience in over 
+		a dozen programming languages. Developer experience and tooling is my expertise.
+	</p>
+	<p class="py-4 text-gray-200">
+		My resume can be downloaded 
+		<a href="haydenHargreavesResume.pdf" download class="group relative inline-block no-underline" target="_blank">
+			<span class="relative z-10 font-semibold text-gray-300">here.</span>
+			<span
+				class="absolute bottom-0 left-0 h-[3px] w-0 bg-blue-300 transition-all duration-300 group-hover:w-full"
+			></span>
+		</a>
+	</p>
+</div>

src/components/workExperience.svelte

@@ -87,7 +87,7 @@
 	if (error) console.error(error);
 </script>
 
-<div class="">
+<div class="mt-24">
 	<h2 class="py-2 text-xl font-semibold text-blue-300 border-b-1 border-gray-600">WORK EXPERIENCE</h2>
 	{#if error}
 		<p class="my-4 text-red-300 italic">

src/routes/+page.svelte

@@ -2,6 +2,7 @@
 	import Projects from '../components/projects.svelte';
 	import Work from '../components/workExperience.svelte';
 	import Skills from '../components/skills.svelte';
+	import Resume from '../components/resume.svelte';
 </script>
 
 <div class="flex h-fit w-full flex-col md:flex-row">
@@ -24,6 +25,7 @@
 <div class="mt-12 flex w-full flex-col md:mt-24 md:flex-row">
 	<div class="flex-1 md:w-2/3 md:flex-none">
 		<div class="w-full px-4 md:w-3/4 md:px-0">
+			<Resume />
 			<Work />
 			<Projects />
 		</div>