redesign 🎨
This commit is contained in:
+1
-1
@@ -3,7 +3,7 @@ layout: ../layouts/About.astro
|
||||
title: About Me
|
||||
---
|
||||
|
||||
My name is **Graham**, a web developer from Rhode Island.
|
||||
My name is **Graham**, a full-stack web developer.
|
||||
|
||||
When I'm not writing code, I'm usually enjoying one of my other hobbies; video games, board games, music, hiking, photography, art, the list goes on...
|
||||
|
||||
|
||||
@@ -47,42 +47,16 @@ posts.sort(
|
||||
---
|
||||
|
||||
<Layout title="Blog Archive">
|
||||
{
|
||||
posts.map(({ slug, data }) => (
|
||||
<div class="archive-post">
|
||||
<a href={`/posts/${slug}`}>{data.title}</a>
|
||||
<span>
|
||||
{format(add(new Date(data.pubDate), { hours: 6 }), 'MMM do, y')}
|
||||
</span>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</Layout>
|
||||
|
||||
<style>
|
||||
.archive-post {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.archive-post:not(:last-of-type) {
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
.archive-post a {
|
||||
max-width: 400px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.navigation {
|
||||
max-width: 400px;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
padding: 30px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.archive-post {
|
||||
flex-direction: column;
|
||||
<ul>
|
||||
{
|
||||
posts.map(({ slug, data }) => (
|
||||
<li>
|
||||
<a href={`/posts/${slug}`}>{data.title}</a> -
|
||||
<span>
|
||||
{format(add(new Date(data.pubDate), { hours: 6 }), 'MMM do, y')}
|
||||
</span>
|
||||
</li>
|
||||
))
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</ul>
|
||||
</Layout>
|
||||
|
||||
@@ -16,7 +16,7 @@ import dictionary from '../dictionary.txt?raw';
|
||||
|
||||
function createParagraph() {
|
||||
paragraph = document.createElement('p');
|
||||
contentDiv.appendChild(paragraph);
|
||||
contentDiv?.appendChild(paragraph);
|
||||
}
|
||||
|
||||
createParagraph();
|
||||
@@ -65,9 +65,3 @@ import dictionary from '../dictionary.txt?raw';
|
||||
addRandomString();
|
||||
}, 1);
|
||||
</script>
|
||||
|
||||
<style>
|
||||
ai-trap {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -15,7 +15,7 @@ const posts = await getCollection('blog');
|
||||
new Date(b.data.pubDate).valueOf() -
|
||||
new Date(a.data.pubDate).valueOf()
|
||||
)
|
||||
.slice(0, 6)
|
||||
.slice(0, 10)
|
||||
.map((post) => <PostPreview post={post} />)
|
||||
}
|
||||
{
|
||||
@@ -26,9 +26,3 @@ const posts = await getCollection('blog');
|
||||
)
|
||||
}
|
||||
</Layout>
|
||||
|
||||
<style>
|
||||
.more-posts {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
+9
-7
@@ -5,28 +5,30 @@ title: Now
|
||||
|
||||
Hey there, this is my [/now page](https://nownownow.com/about)!
|
||||
|
||||
_Last updated: November 21, 2024_
|
||||
_Last updated: January 21, 2025_
|
||||
|
||||
## 🔨 Making
|
||||
|
||||
- This blog!
|
||||
- [AutoDock](https://github.com/ghall89/AutoDock) - A Mac menubar utility that automatically hides and shows your dock based on the size of your connected display.
|
||||
- [KeyStash](https://github.com/ghall89/KeyStash) - A native Mac app for managing registration codes for your apps, modelled on the feature from 1Password.
|
||||
|
||||
## 🎧 Listening
|
||||
|
||||
- [Paramore](https://music.apple.com/us/artist/paramore/75950796)
|
||||
- [Metric](https://music.apple.com/us/artist/metric/4125821)
|
||||
- [They Might Be Giants](https://music.apple.com/us/artist/they-might-be-giants/149020)
|
||||
- [Dragon Age: The Veilguard - Original Soundtrack](https://music.apple.com/us/album/dragon-age-the-veilguard-original-soundtrack/1772114262)
|
||||
- [Middle-Earth & Chill](https://music.apple.com/us/album/middle-earth-chill/1774281510)
|
||||
- [This Is Why - Paramore](https://music.apple.com/us/album/this-is-why/1646945378)
|
||||
|
||||
## 🎮 Playing
|
||||
|
||||
- [Dragon Age: The Veilguard](https://www.igdb.com/games/dragon-age-the-veilguard)
|
||||
- [Paper Mario: The Thousand Year Door](https://www.igdb.com/games/paper-mario-the-thousand-year-door--1)
|
||||
- [Unicorn Overlord](https://www.igdb.com/games/unicorn-overlord--1)
|
||||
- [Horizon Zero Dawn: Remastered](https://www.igdb.com/games/horizon-zero-dawn-remastered)
|
||||
- [Fortnite](https://www.igdb.com/games/fortnite)
|
||||
|
||||
## 📺 Watching
|
||||
|
||||
- [Taskmaster](https://www.themoviedb.org/tv/63404-taskmaster)
|
||||
- [Foundation](https://www.themoviedb.org/tv/93740-foundation?language=en-US)
|
||||
- [Make Some Noise](https://www.themoviedb.org/tv/204031-make-some-noise?language=en-US)
|
||||
|
||||
## 💻 Using
|
||||
|
||||
|
||||
@@ -30,21 +30,3 @@ const { Content } = await post.render();
|
||||
</a>
|
||||
<Tags tags={data.tags} />
|
||||
</Layout>
|
||||
|
||||
<style is:global>
|
||||
article img {
|
||||
border-radius: var(--radius);
|
||||
box-shadow: var(--shadow);
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
.no-shadow {
|
||||
box-shadow: none;
|
||||
}
|
||||
.footnotes {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.footnotes p {
|
||||
display: inline;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user