azpect/hhargreaves.net
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of github.com:Azpect3120/hhargreaves.dev

Browse Source
This commit is contained in:
Hayden Hargreaves 2025-03-11 20:48:59 -07:00
commit 830eb6fb20
4 changed files with 53 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -22,3 +22,5 @@ Thumbs.db
# Vite # Vite
vite.config.js.timestamp-* vite.config.js.timestamp-*
vite.config.ts.timestamp-* vite.config.ts.timestamp-*
.idea

2
src/components/skills.svelte
View File

@ -81,7 +81,7 @@
'Nginx', 'Nginx',
'Gin Web Framework', 'Gin Web Framework',
'SSH', 'SSH',
'PostgreSLQ', 'PostgreSQL',
'Neovim' 'Neovim'
]; ];

41
src/routes/about/+page.svelte
View File

@ -3,10 +3,9 @@
</script> </script>
<!-- First Row --> <!-- First Row -->
<div class="w-full"> <div class="w-full px-4 md:px-0">
<!-- My Name Section --> <div class="my-14 w-full md:w-3/4">
<div class="my-14 w-3/4"> <h1 class="font- font-mono text-4xl font-[900] text-gray-300 md:text-6xl">
<h1 class="font-mono text-6xl font-[600] text-gray-300">
My name is<br /> My name is<br />
<span class="text-blue-300">Hayden Hargreaves.</span> <span class="text-blue-300">Hayden Hargreaves.</span>
<br /> <br />
@ -15,19 +14,17 @@
</div> </div>
<!-- Column Layout for About Page --> <!-- Column Layout for About Page -->
<div class="flex h-fit w-full"> <div class="flex h-fit w-full flex-col md:flex-row">
<!-- Left Column --> <div class="md:w-2/3">
<div class="h-full w-2/3">
<!-- Personal Information -->
<div class="h-fit w-full"> <div class="h-fit w-full">
<h2 class="py-4 text-2xl font-[600] text-blue-300">Personal Information</h2> <h2 class="py-4 text-2xl font-semibold text-blue-300">Personal Information</h2>
<p class="w-3/4 text-gray-200"> <p class="w-full text-gray-200 md:w-3/4">
My name is Hayden Hargreaves, and I am a software engineering student at My name is Hayden Hargreaves, and I am a software engineering student at
<Link href="https://prescott.erau.edu" text="Embry Riddle Aeronautical University." /> <Link href="https://prescott.erau.edu" text="Embry Riddle Aeronautical University." />
I am also pursing a minor in Cyber Security. I am a freshmen who intends to graduate in Spring, I am also pursing a minor in Cyber Security. I am a freshmen who intends to graduate in Spring,
2028. I have a passion for building and seeing my ideas come to life. 2028. I have a passion for building and seeing my ideas come to life.
</p> </p>
<p class="my-4 w-3/4 text-gray-200"> <p class="my-4 w-full text-gray-200 md:w-3/4">
In my free time I like to workout, play airsoft, go mountain biking, and play video games. In my free time I like to workout, play airsoft, go mountain biking, and play video games.
I have been playing airsoft for nearly two years and have loved it from day one! I own I have been playing airsoft for nearly two years and have loved it from day one! I own
countless airsoft guns which include an countless airsoft guns which include an
@ -35,15 +32,15 @@
<span class="text-blue-300"> Elite Force 1911 TAC</span>, a <span class="text-blue-300"> Elite Force 1911 TAC</span>, a
<span class="text-blue-300">JAG Arms Scattergun Super CQB</span>, and many more. <span class="text-blue-300">JAG Arms Scattergun Super CQB</span>, and many more.
</p> </p>
<p class="my-4 w-3/4 text-gray-200"> <p class="w-full text-gray-200 md:w-3/4">
Back at home, I have a dog named <span class="text-blue-300">Penny</span> who is a mini golden-doodle. Back at home, I have a dog named <span class="text-blue-300">Penny</span> who is a mini golden-doodle.
She was named after the character Penny from the show "The Big Bang Theory". She is a very She was named after the character Penny from the show "The Big Bang Theory". She is a very
energetic dog who loves to play and run around. She will be five years old this July! energetic dog who loves to play and run around. She will be five years old this July!
</p> </p>
<div class="my-4 flex w-3/4 justify-center"> <div class="my-4 w-full justify-center md:w-3/4">
<img <img
class="h-fit w-2/3" class="h-fit w-full md:w-2/3"
src="/pennyBowBG.png" src="/pennyBowBG.png"
alt="My dog penny with a christmas bow on her head." alt="My dog penny with a christmas bow on her head."
/> />
@ -52,8 +49,8 @@
<!-- Experience --> <!-- Experience -->
<div class="my-8 h-fit w-full"> <div class="my-8 h-fit w-full">
<h2 class="py-4 text-2xl font-[600] text-blue-300">Experience</h2> <h2 class="py-4 text-2xl font-semibold text-blue-300">Experience</h2>
<p class="mb-4 w-3/4 text-gray-200"> <p class="mb-4 w-full text-gray-200 md:w-3/4">
I have been programming for nearly <span class="text-blue-300">half a decade</span>. I I have been programming for nearly <span class="text-blue-300">half a decade</span>. I
started programming in high school where I learned web development using HTML, CSS, and started programming in high school where I learned web development using HTML, CSS, and
some basic JavaScript. From there, I started to learn software development basics using some basic JavaScript. From there, I started to learn software development basics using
@ -61,7 +58,7 @@
<Link href="https://go.dev" text="Go" /> and have dipped my feet into the water of countless <Link href="https://go.dev" text="Go" /> and have dipped my feet into the water of countless
programming languages. programming languages.
</p> </p>
<p class="my-4 w-3/4 text-gray-200"> <p class="mb-4 w-full text-gray-200 md:w-3/4">
In the past three years, I have moved from using Window to In the past three years, I have moved from using Window to
<span class="text-blue-300">Linux</span> <span class="text-blue-300">Linux</span>
exclusively. I have used countless distributions ranging from Ubuntu to Arch Linux, but I have exclusively. I have used countless distributions ranging from Ubuntu to Arch Linux, but I have
@ -74,7 +71,7 @@
/>, I have discovered a love for software toolchain development and have been building />, I have discovered a love for software toolchain development and have been building
many small Neovim plugins to help my day-to-day life as a developer. many small Neovim plugins to help my day-to-day life as a developer.
</p> </p>
<p class="w-3/4 text-gray-200"> <p class="mb-4 w-full text-gray-200 md:w-3/4">
I have been employed as a Staff Accountant at I have been employed as a Staff Accountant at
<span class="text-blue-300">Bottom Line Business Solutions (BLBS)</span> since 2020. In <span class="text-blue-300">Bottom Line Business Solutions (BLBS)</span> since 2020. In
2023, following a hack at the previous data hosting company, I was tasked with developing 2023, following a hack at the previous data hosting company, I was tasked with developing
@ -87,7 +84,7 @@
storage, I was able to ensure that the data is safe and secure. This solution has been in use storage, I was able to ensure that the data is safe and secure. This solution has been in use
since 2024 and has been a great success. since 2024 and has been a great success.
</p> </p>
<p class="my-4 w-3/4 text-gray-200"> <p class="mb-4 w-full text-gray-200 md:w-3/4">
While working on the data hosting solution, I developed an interest in server management While working on the data hosting solution, I developed an interest in server management
and have since been managing the BLBS server, as well as my own <span and have since been managing the BLBS server, as well as my own <span
class="text-blue-300" class="text-blue-300"
@ -97,7 +94,7 @@
keys. This has been a great learning experience and has helped me develop a strong keys. This has been a great learning experience and has helped me develop a strong
understanding of server management and the Linux kernel. understanding of server management and the Linux kernel.
</p> </p>
<p class="my-4 w-3/4 text-gray-200"> <p class="mb-4 w-full text-gray-200 md:w-3/4">
In September of 2023, I was hired by the <span class="text-blue-300"> In September of 2023, I was hired by the <span class="text-blue-300">
Backcountry Horsemen of California Backcountry Horsemen of California
</span> </span>
@ -108,7 +105,7 @@
opportunity was a great learning experience and helped me realize that I do not want to be opportunity was a great learning experience and helped me realize that I do not want to be
a front-end web developer. a front-end web developer.
</p> </p>
<p class="my-4 w-3/4 text-gray-200"> <p class="mb-4 w-full text-gray-200 md:w-3/4">
My most recent endeavor is a research project sponsored by Embry Riddle. I am working with My most recent endeavor is a research project sponsored by Embry Riddle. I am working with
<Link href="https://faculty.erau.edu/Seth.McNeill" text="Dr. Seth McNeill" /> <Link href="https://faculty.erau.edu/Seth.McNeill" text="Dr. Seth McNeill" />
to create an <span class="text-blue-300">Acoustic Drone Detection Sensor Network</span>. to create an <span class="text-blue-300">Acoustic Drone Detection Sensor Network</span>.
@ -124,7 +121,7 @@
</div> </div>
<!-- Right Column --> <!-- Right Column -->
<div class="h-full w-1/3"> <div class="mt-12 md:mt-0 md:w-1/3">
<div class="w-full"> <div class="w-full">
<!-- Education Section --> <!-- Education Section -->
<h2 class="py-2 text-xl font-semibold text-blue-300">EDUCATION</h2> <h2 class="py-2 text-xl font-semibold text-blue-300">EDUCATION</h2>

26
src/routes/journal/+page.svelte
View File

@ -12,34 +12,38 @@
</script> </script>
<!-- Header --> <!-- Header -->
<div class="my-8 w-1/2"> <div class="px-4 md:px-0">
<h1 class="font-mono text-6xl font-[900] text-blue-300">Journal.</h1> <div class="my-8 w-full md:w-1/2">
<h1 class="font- font-mono text-4xl font-[900] text-blue-300 md:text-6xl">Journal.</h1>
<p class="my-5 py-2 text-gray-200 italic"> <p class="my-5 py-2 text-gray-200 italic">
Here you can find my journal where I write all kinds of tech-related things. Some of them are about my Here you can find my journal where I write all kinds of tech-related things. Some of them are
projects, some are about my thoughts, and some are about my experiences. I hope you enjoy! about my projects, some are about my thoughts, and some are about my experiences. I hope you
enjoy!
</p> </p>
</div> </div>
<!-- Posts List -->
<div class="w-2/3"> <div class="w-full md:w-2/3">
{#if data.posts.length === 0} {#if data.posts.length === 0}
<h2 class="py-8 text-6xl font-semibold text-gray-300 italic opacity-30">404</h2> <h2 class="py-8 text-4xl font-semibold text-gray-300 italic opacity-30 md:text-6xl">404</h2>
<p class="w-2/3 text-gray-300"> <p class="w-full text-gray-300 md:w-2/3">
Uh oh! There are no posts to show. Check back later for more content! If you think this is a Uh oh! There are no posts to show. Check back later for more content! If you think this is a
mistake or have any interesting ideas, please let me know by sending me an mistake or have any interesting ideas, please let me know by sending me an
<Link href="mailto:hhargreaves2006@gmail.com" text="email" />. <Link href="mailto:hhargreaves2006@gmail.com" text="email" />.
</p> </p>
{/if} {/if}
{#each data.posts as post} {#each data.posts as post}
<div class="group my-5 rounded-sm border-l-4 border-blue-300 px-4"> <div class="group my-5 rounded-sm border-l-4 border-blue-300 px-4">
<h2 class="text-xl">
<a href={post.path} class="group relative inline-block no-underline"> <a href={post.path} class="group relative inline-block no-underline">
<h2 class="text-xl">
<span class="relative z-10 text-gray-300">{post.title}</span> <span class="relative z-10 text-gray-300">{post.title}</span>
<span <span
class="absolute bottom-0 left-0 h-[3px] w-0 bg-blue-300 transition-all duration-300 group-hover:w-full" class="absolute -bottom-1 left-0 h-[3px] w-0 bg-blue-300 transition-all duration-300 group-hover:w-full"
></span> ></span>
</a>
</h2> </h2>
<p class="text-sm text-gray-400">{post.description}</p> <p class="text-sm text-gray-400">{post.description}</p>
</a>
</div> </div>
{/each} {/each}
</div> </div>
</div>