graham/ghall.space
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor tweaks

Browse Source
This commit is contained in:
Graham Hall
2025-02-13 09:53:27 -05:00
parent 85a04c276c
commit 5038822e08
3 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/Layout.astro
+1 -1
View File
@@ -32,7 +32,7 @@ const title = Astro.props.title || Astro.props.frontmatter?.title || 'Unknown';
/><title>{`ghall.blog - ${title}`}</title> /><title>{`ghall.blog - ${title}`}</title>
<ClientRouter /> <ClientRouter />
</head> </head>
<body class="layout-simple" transition:animate="initial"> <body class="layout-simple" transition:animate="fade">
<Header /> <Header />
<main> <main>
<slot /> <slot />
src/pages/blog/index.astro
+1 -1
View File
@@ -7,7 +7,7 @@ import PostPreview from '@components/PostPreview.astro';
const posts = await getCollection('blog'); const posts = await getCollection('blog');
--- ---
<Layout title="Home"> <Layout title="Blog">
{ {
posts posts
.sort( .sort(
src/pages/index.astro
+10 -5
View File
@@ -19,9 +19,9 @@ const latestPost = posts.sort(
)[0]; )[0];
--- ---
<Layout title="About"> <Layout title="Welcome">
<div transition:name="my-avatar"> <div transition:name="my-avatar">
<Avatar size={250} /> <Avatar size={200} />
</div> </div>
<p> <p>
My name is <strong>Graham</strong> (he/him), a full-stack web developer, and My name is <strong>Graham</strong> (he/him), a full-stack web developer, and
@@ -38,9 +38,8 @@ const latestPost = posts.sort(
development, and whatever else strikes my fancy. development, and whatever else strikes my fancy.
</p> </p>
<p> <p>
Read my latest blog post, <a Read my latest blog post, <a href={`blog/${latestPost.slug}`}
transition:name={latestPost.slug} >{latestPost.data.title}</a
href={`blog/${latestPost.slug}`}>{latestPost.data.title}</a
>, from {new Date(latestPost.data.pubDate).toLocaleDateString()}. >, from {new Date(latestPost.data.pubDate).toLocaleDateString()}.
</p> </p>
<p> <p>
@@ -66,3 +65,9 @@ const latestPost = posts.sort(
>. >.
</p> </p>
</Layout> </Layout>
<style>
a > svg {
transform: translateY(0.18rem);
}
</style>