Rearrange content and remove about page

This commit is contained in:
2024-08-20 22:18:04 -07:00
parent 42048d02a4
commit a0d76366a6
7 changed files with 36 additions and 75 deletions

View File

@@ -1,23 +0,0 @@
---
import Layout from "../layouts/BlogPost.astro";
---
<Layout
title="About Me"
description="Brief description of me"
pubDate={new Date("December 19 2023")}
>
<img
src="/profile-pic.jpg"
width={250}
style="float:left;padding-right:1em"
alt=""
/>
<p>
I am a Father, Husband, and Developer in Arizona. I was in the US Air
Force for a large portion of my life as a Jet Engine Mechanic and have
transitioned into Software Development after separating. I enjoy
running, cycling, rock climbing as well as exploring technology. I am a
motivated lifelong learner and eager to share what I've learned.
</p>
</Layout>

View File

@@ -54,16 +54,16 @@ const posts = (await getCollection('blog')).sort(
}
.title {
margin: 0;
color: rgb(var(--black));
color: white;
line-height: 1;
}
.date {
margin: 0;
color: rgb(var(--gray));
color: rgb(var(--gray-light));
}
ul li a:hover h4,
ul li a:hover .date {
color: rgb(var(--accent));
color: rgb(var(--gray));
}
ul a:hover img {
box-shadow: var(--box-shadow);

View File

@@ -14,10 +14,33 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
<Header title={SITE_TITLE} />
<main>
<h1>Hello</h1>
<p>
My name is Spencer Jones and this is my digital contact card and blog.
</p>
<article>
<img
src="/profile-pic.jpg"
width="250px"
alt="A man with short, dark, wavy hair and a beard is looking at the camera. He is wearing a gray shirt and standing against a plain background."
/>
<p>
My name is Spencer Jones and this is my digital contact card
and blog. I am a Father, Husband, and Developer in Arizona.
I was in the US Air Force for a large portion of my life as
a Jet Engine Mechanic and have transitioned into Software
Development after separating. I enjoy running, cycling, and
rock climbing as well as exploring technology. I am a
motivated lifelong learner and eager to share what I've
learned.
</p>
</article>
</main>
<Footer />
<style>
article {
display: flex;
}
article > img {
align-self: center;
padding-right: 1.5em;
}
</style>
</body>
</html>