style: links consistently

This commit is contained in:
Thomas Bishop 2025-11-25 18:26:26 +00:00
parent 2ff93eda01
commit 69d5afe641
2 changed files with 64 additions and 64 deletions

View file

@ -18,7 +18,7 @@ const AboutPage = () => {
<a <a
href="https://www.tnmoc.org/" href="https://www.tnmoc.org/"
target="_blank" target="_blank"
className="text-primary hover:text-primary/80" className="text-primary hover:text-primary/80 underline decoration-1 underline-offset-4"
> >
National Museum of Computing National Museum of Computing
</a> </a>
@ -35,7 +35,7 @@ const AboutPage = () => {
<a <a
href="https://en.wikipedia.org/wiki/ITV_(TV_network)" href="https://en.wikipedia.org/wiki/ITV_(TV_network)"
target="_blank" target="_blank"
className="underline decoration-1 hover:text-primary/80 underline-offset-4" className="underline decoration-1 hover:text-primary/80 underline-offset-4 text-primary"
> >
ITV ITV
</a>{" "} </a>{" "}
@ -45,7 +45,7 @@ const AboutPage = () => {
<a <a
href="https://en.wikipedia.org/wiki/BBC" href="https://en.wikipedia.org/wiki/BBC"
target="_blank" target="_blank"
className="underline decoration-1 hover:text-primary/80 underline-offset-4" className="underline decoration-1 hover:text-primary/80 underline-offset-4 text-primary"
> >
BBC BBC
</a>{" "} </a>{" "}
@ -53,7 +53,7 @@ const AboutPage = () => {
<a <a
href="https://www.arria.com/" href="https://www.arria.com/"
target="_blank" target="_blank"
className="underline decoration-1 hover:text-primary/80 underline-offset-4" className="underline decoration-1 hover:text-primary/80 underline-offset-4 text-primary"
> >
Arria NLG Arria NLG
</a>{" "} </a>{" "}

View file

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