thomasabishop/systems-obscure
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix tag template title
All checks were successful
Deploy Blog / deploy (push) Successful in 2m20s
Details

Browse source
This commit is contained in:
Thomas Bishop 2026-01-20 17:12:37 +00:00
parent ebb00b9bd7
commit 1bc7fc2279
2 changed files with 62 additions and 64 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

120
src/pages/home.jsx
View file

@ -7,69 +7,69 @@ import CodeStats from "../containers/CodeStats"
// import TodayILearned from "@/containers/TodayILearned"
const HomePage = () => {
const { posts } = usePosts()
return (
<MainTemplate>
<div className="container mx-auto md:p-4 py-4 px-1 grow">
<div className="space-my-8">
<section className="space-y-4">
<div className="gap-6 flex flex-col items-center sm:flex-row">
<div className="scanlined">
<img src={gruvboxComputer} className="md:w-80 w-50" />
</div>
<div>
<h1 className="text-4xl font-bold py-3 text-center sm:text-left md:text-left">
<div className="scanlined inline-block py-1 px-2">
systems obscure
</div>
</h1>
<p className="text-center sm:text-left md:text-left text-muted font-medium">
Another software engineer with a blog. This is my technical
scrapbook and digital garden.
</p>
</div>
</div>
</section>
</div>
</div>
const { posts } = usePosts()
return (
<MainTemplate>
<div className="container mx-auto md:p-4 py-4 px-1 grow">
<div className="space-my-8">
<section className="space-y-4">
<div className="gap-6 flex flex-col items-center sm:flex-row">
<div className="scanlined">
<img src={gruvboxComputer} className="md:w-80 w-50" />
</div>
<div>
<h1 className="text-4xl font-bold py-3 text-center sm:text-left md:text-left">
<div className="scanlined inline-block py-1 px-2">
systems obscure
</div>
</h1>
<p className="text-center sm:text-left md:text-left text-muted font-medium">
A wizard who goes to bed early. This is my technical scrapbook
and digital garden.
</p>
</div>
</div>
</section>
</div>
</div>
<PostListing title="recent posts" posts={posts.slice(0, 5)} />
<PostListing title="recent posts" posts={posts.slice(0, 5)} />
<PostListing
title="highlights"
posts={posts.filter((post) => post.tags.includes("highlight"))}
/>
<PostListing
title="highlights"
posts={posts.filter((post) => post.tags.includes("highlight"))}
/>
<div className="container mx-auto md:p-4 py-4 px-1 grow">
<div className="space-my-8">
<section className="container">
<h2 className="text-2xl font-semibold mb-4 text-[#d3869b]! h2-home scanlined px-2">
{`projects`}
</h2>
<ul>
<li className="pb-2">
<a
className="underline underline-offset-4 text-[18px] text-primary hover:text-primary/80 font-medium"
href="https://eolas.systemsobscure.net"
target="_blank"
>
eolas
</a>
</li>
<li>
<p className="">
A public frontend for my local Zettelkasten created with
NodeJS, Python and React.
</p>
</li>
</ul>
</section>
</div>
</div>
<CodeStats />
<EolasListing />
</MainTemplate>
)
<div className="container mx-auto md:p-4 py-4 px-1 grow">
<div className="space-my-8">
<section className="container">
<h2 className="text-2xl font-semibold mb-4 text-[#d3869b]! h2-home scanlined px-2">
{`projects`}
</h2>
<ul>
<li className="pb-2">
<a
className="underline underline-offset-4 text-[18px] text-primary hover:text-primary/80 font-medium"
href="https://eolas.systemsobscure.net"
target="_blank"
>
eolas
</a>
</li>
<li>
<p className="">
A public frontend for my local Zettelkasten created with
NodeJS, Python and React.
</p>
</li>
</ul>
</section>
</div>
</div>
<CodeStats />
<EolasListing />
</MainTemplate>
)
}
export { HomePage }

6
src/templates/TagTemplate.jsx
View file

@ -12,10 +12,8 @@ const TagTemplate = () => {
return (
<MainTemplate>
<div className="container mx-auto p-4">
<h1 className="h1 text-3xl text-[#b8bb26]! font-bold">{`Posts tagged: #${tag}`}</h1>
</div>
<PostListing title={null} posts={filteredPosts} />
<div className="container mx-auto p-4"></div>
<PostListing title={`Posts tagged: #${tag}`} posts={filteredPosts} />
</MainTemplate>
)
}