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

style: links consistently

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/pages/about.jsx
View file

@ -18,7 +18,7 @@ const AboutPage = () => {
<a
href="https://www.tnmoc.org/"
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
</a>
@ -35,7 +35,7 @@ const AboutPage = () => {
<a
href="https://en.wikipedia.org/wiki/ITV_(TV_network)"
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
</a>{" "}
@ -45,7 +45,7 @@ const AboutPage = () => {
<a
href="https://en.wikipedia.org/wiki/BBC"
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
</a>{" "}
@ -53,7 +53,7 @@ const AboutPage = () => {
<a
href="https://www.arria.com/"
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
</a>{" "}

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 p-4 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 condensed font-medium text-lg">
Software engineer at ITV, formerly BBC. This is my technical
scrapbook and digital garden.
</p>
</div>
</div>
</section>
</div>
</div>
const { posts } = usePosts()
return (
<MainTemplate>
<div className="container mx-auto p-4 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 condensed font-medium text-lg">
Software engineer at ITV, formerly BBC. 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 p-4 grow">
<div className="space-my-8">
<section className="container">
<h2 className="text-2xl font-semibold mb-4 text-[#d3869b]! scanlined inline-block px-1">
projects
</h2>
<ul>
<li className="pb-2">
<a
className="underline underline-offset-3 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 p-4 grow">
<div className="space-my-8">
<section className="container">
<h2 className="text-2xl font-semibold mb-4 text-[#d3869b]! scanlined inline-block px-1">
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 }