FIX: <main> is now in the layout which will define margins
Still having issues with Skills component
This commit is contained in:
Hayden Hargreaves
parent
633bc9dd11
commit
4e91775608
@ -162,5 +162,4 @@
|
||||
<h3 class="text-sm font-semibold text-gray-200">{tool}</h3>
|
||||
</div>
|
||||
{/each}
|
||||
<!-- <h3 class="text-sm font-semibold text-gray-200">{tools.join(' - ')}</h3> -->
|
||||
</div>
|
||||
|
||||
@ -7,6 +7,8 @@
|
||||
|
||||
<div class="bg-[#1b1b1c]">
|
||||
<Navbar />
|
||||
<main class="mx-[13%] my-[4%] h-fit min-h-screen">
|
||||
{@render children()}
|
||||
</main>
|
||||
<Footer />
|
||||
</div>
|
||||
|
||||
@ -3,15 +3,12 @@
|
||||
import Skills from '../components/skills.svelte';
|
||||
</script>
|
||||
|
||||
<main class="h-fit w-full">
|
||||
<!-- Introduction Section -->
|
||||
<div class="flex flex h-fit w-full">
|
||||
<div class="flex size-full justify-end">
|
||||
<div class="my-16 w-3/4">
|
||||
<h1 class="p-2 font-mono text-6xl font-[900] text-blue-300">
|
||||
Building things that matter.
|
||||
</h1>
|
||||
<p class="my-5 p-2 text-gray-200 italic">
|
||||
<!-- Introduction Section -->
|
||||
<div class="flex flex h-fit w-full">
|
||||
<div class="flex size-full">
|
||||
<div class="">
|
||||
<h1 class="py-2 font-mono text-6xl font-[900] text-blue-300">Building things that matter.</h1>
|
||||
<p class="my-5 py-2 text-gray-200 italic">
|
||||
I am a <span class="text-blue-300">software engineering student</span> at Embry Riddle
|
||||
Aeronautical University, Prescott. I am interested in
|
||||
<span class="font-semibold">building things that matter</span> and making a difference in the
|
||||
@ -19,22 +16,22 @@
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- DO NOT DELETE THIS -->
|
||||
<div class="size-full"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex h-full w-full flex-row">
|
||||
<div class="mt-24 flex h-full w-full flex-row">
|
||||
<!-- Left Column -->
|
||||
<div class="flex size-full flex-col items-end">
|
||||
<div class="h-full w-3/4">
|
||||
<div class="flex h-full w-2/3 flex-col">
|
||||
<div class="w-3/4">
|
||||
<Projects />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Column -->
|
||||
<div class="flex size-full justify-center">
|
||||
<div class="h-full w-3/4">
|
||||
<div class="flex h-full w-1/3 justify-center">
|
||||
<div class="h-full w-full">
|
||||
<Skills />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
@ -2,12 +2,11 @@
|
||||
import Link from '../../components/link.svelte';
|
||||
</script>
|
||||
|
||||
<main class="flex h-fit flex-col items-center">
|
||||
<!-- First Row -->
|
||||
<div class="w-3/4">
|
||||
<!-- First Row -->
|
||||
<div class="w-full">
|
||||
<!-- My Name Section -->
|
||||
<div class="w-3/4">
|
||||
<h1 class="py-20 font-mono text-6xl font-[600] text-gray-300">
|
||||
<div class="my-14 w-3/4">
|
||||
<h1 class="font-mono text-6xl font-[600] text-gray-300">
|
||||
My name is<br />
|
||||
<span class="text-blue-300">Hayden Hargreaves.</span>
|
||||
<br />
|
||||
@ -29,9 +28,9 @@
|
||||
2028. I have a passion for building and seeing my ideas come to life.
|
||||
</p>
|
||||
<p class="my-4 w-3/4 text-gray-200">
|
||||
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 countless airsoft guns which include an
|
||||
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
|
||||
countless airsoft guns which include an
|
||||
<span class="text-blue-300">Elite Force H&K 416 A5</span>, an
|
||||
<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.
|
||||
@ -65,8 +64,8 @@
|
||||
<p class="my-4 w-3/4 text-gray-200">
|
||||
In the past three years, I have moved from using Window to
|
||||
<span class="text-blue-300">Linux</span>
|
||||
exclusively. I have used countless distributions ranging from Ubuntu to Arch Linux, but I
|
||||
have settled on <span class="text-blue-300">NixOS</span> as my daily driver. During this
|
||||
exclusively. I have used countless distributions ranging from Ubuntu to Arch Linux, but I have
|
||||
settled on <span class="text-blue-300">NixOS</span> as my daily driver. During this
|
||||
journey I developed a "need for speed" and this led to me to
|
||||
<span class="text-blue-300">Neovim</span>. Inspired by
|
||||
<Link
|
||||
@ -78,16 +77,15 @@
|
||||
<p class="w-3/4 text-gray-200">
|
||||
I have been employed as a Staff Accountant at
|
||||
<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 a new data hosting solution. I developed a custom solution using Go and it is
|
||||
hosted on a Linux server on site. Implementing a strong partial and complete backup
|
||||
system and
|
||||
2023, following a hack at the previous data hosting company, I was tasked with developing
|
||||
a new data hosting solution. I developed a custom solution using Go and it is hosted on a
|
||||
Linux server on site. Implementing a strong partial and complete backup system and
|
||||
<Link
|
||||
text="RAID 10"
|
||||
href="https://www.techtarget.com/searchstorage/definition/RAID-10-redundant-array-of-independent-disks"
|
||||
/>
|
||||
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.
|
||||
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.
|
||||
</p>
|
||||
<p class="my-4 w-3/4 text-gray-200">
|
||||
While working on the data hosting solution, I developed an interest in server management
|
||||
@ -103,26 +101,24 @@
|
||||
In September of 2023, I was hired by the <span class="text-blue-300">
|
||||
Backcountry Horsemen of California
|
||||
</span>
|
||||
to rebuild their website. They wanted it to be modeled after their previous site from the
|
||||
90's. I developed the site using raw HTML and TailwindCSS because there was no need for anything
|
||||
to rebuild their website. They wanted it to be modeled after their previous site from the 90's.
|
||||
I developed the site using raw HTML and TailwindCSS because there was no need for anything
|
||||
fancy for a static website. Plus, I did not have access to their server, just an FTP portal
|
||||
to upload the files. The website was complete in April of 2024 and has since been in use.
|
||||
This opportunity was a great learning experience and helped me realize that I do not want
|
||||
to be a front-end web developer.
|
||||
to upload the files. The website was complete in April of 2024 and has since been in use. This
|
||||
opportunity was a great learning experience and helped me realize that I do not want to be
|
||||
a front-end web developer.
|
||||
</p>
|
||||
<p class="my-4 w-3/4 text-gray-200">
|
||||
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" />
|
||||
to create an <span class="text-blue-300">Acoustic Drone Detection Sensor Network</span>.
|
||||
We are able to detect drones with just sound having a nearly 95% accuracy rate. My
|
||||
portion of this project is the network infrastructure. I have developed an
|
||||
<span class="text-blue-300"> Internet of Things (IoT)</span> network that connects all of
|
||||
the sensors between a gateway. Any data collected by the sensors is sent to AWS where it
|
||||
is processed and then stored locally on a server. This project has been an amazing experience
|
||||
and has helped me to develop a strong understanding of IoT networks and the AWS ecosystem.
|
||||
Furthermore, it has opened my eyes to the world of research and has introduced me to many
|
||||
bright individuals.
|
||||
We are able to detect drones with just sound having a nearly 95% accuracy rate. My portion
|
||||
of this project is the network infrastructure. I have developed an
|
||||
<span class="text-blue-300"> Internet of Things (IoT)</span> network that connects all of the
|
||||
sensors between a gateway. Any data collected by the sensors is sent to AWS where it is processed
|
||||
and then stored locally on a server. This project has been an amazing experience and has helped
|
||||
me to develop a strong understanding of IoT networks and the AWS ecosystem. Furthermore, it
|
||||
has opened my eyes to the world of research and has introduced me to many bright individuals.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -179,5 +175,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
@ -11,17 +11,16 @@
|
||||
});
|
||||
</script>
|
||||
|
||||
<main class="mx-[7.5%] my-[5%] min-h-screen">
|
||||
<!-- Header -->
|
||||
<div class="my-8 w-1/2">
|
||||
<!-- Header -->
|
||||
<div class="my-8 w-1/2">
|
||||
<h1 class="font-mono text-6xl font-[900] text-blue-300">Blog Posts.</h1>
|
||||
<p class="my-5 py-2 text-gray-200 italic">
|
||||
Here you can find a list of all the blog posts I have written. Some of them are about my
|
||||
projects, some are about my thoughts, and some are about my experiences. I hope you enjoy!
|
||||
</p>
|
||||
</div>
|
||||
<!-- Posts List -->
|
||||
<div class="w-2/3">
|
||||
</div>
|
||||
<!-- Posts List -->
|
||||
<div class="w-2/3">
|
||||
{#if data.posts.length === 0}
|
||||
<h2 class="py-8 text-6xl font-semibold text-gray-300 italic opacity-30">404</h2>
|
||||
<p class="w-2/3 text-gray-300">
|
||||
@ -43,5 +42,4 @@
|
||||
<p class="text-sm text-gray-400">{post.description}</p>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
</p>
|
||||
</main>
|
||||
{:else}
|
||||
<div class="blog-wrapper prose mx-[7.5%] my-[3%]">
|
||||
<div class="blog-wrapper prose">
|
||||
{@html data.post.content}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user