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

Minor tweaks

Browse source
This commit is contained in:
Thomas Bishop 2025-11-16 18:19:09 +00:00
parent 01a019ed57
commit b2aa71a33e
6 changed files with 95 additions and 118 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
posts/creating-a-router-cabinet.md
View file

@ -5,7 +5,7 @@ date: 2025-10-05
tags: ["personal", "projects", "diy"] tags: ["personal", "projects", "diy"]
--- ---
As you can see below my consumer networking was quite messy. I wanted to hide As you can see below, my consumer networking was quite messy. I wanted to hide
the wires but retain easy access and the ability to add further devices down the the wires but retain easy access and the ability to add further devices down the
line. line.

5
posts/homeowner-at-last.md
View file

@ -8,7 +8,7 @@ tags: ["personal", "projects", "diy"]
After many years of saving and renting I am finally a homeowner! I bought a After many years of saving and renting I am finally a homeowner! I bought a
bungalow which is what I always wanted, just outside of Bognor Regis. bungalow which is what I always wanted, just outside of Bognor Regis.
I have a spare bedroom that I will use as my command centre and server room as I have a spare bedroom that I will use as my command centre and server room, as
well as a partially-converted garage that I will eventually transform into a well as a partially-converted garage that I will eventually transform into a
workshop. workshop.
@ -16,8 +16,7 @@ I love doing DIY and handiwork so I will be posting details of my various
projects on the blog. projects on the blog.
Here are some "before" pictures from the listing and a few that I've taken since Here are some "before" pictures from the listing and a few that I've taken since
moving in. It's pretty much a blank canvas and won't require too much decorating moving in.
or major work.
![The front of the house (not my van)](./img/home-front.jpeg) ![The front of the house (not my van)](./img/home-front.jpeg)

10
posts/setting-up-public-garage-bucket.md
View file

@ -24,10 +24,10 @@ publicly accessible bucket of images that I could source from a URL within my
home-made knowledge-management software ("Eolas"). home-made knowledge-management software ("Eolas").
Configuring unauthenticated public access to a bucket is not as straightforward Configuring unauthenticated public access to a bucket is not as straightforward
as S3 but it is possible, as I will demonstrate. as S3, but it is possible.
I created a Garage instance accessible at `s3.systemsobcure.net` that I would I created a Garage instance accessible at `s3.systemsobcure.net` that I will use
use for authenticated access to my buckets via the S3 API or `awscli`. I also for authenticated access to my buckets via the S3 API or `awscli`. I also
created a publicly-accessible bucket as a Garage "website" at created a publicly-accessible bucket as a Garage "website" at
`eolas.s3.systemsobcure.net`. Resources in this bucket are freely available `eolas.s3.systemsobcure.net`. Resources in this bucket are freely available
without authentication, for example: without authentication, for example:
@ -46,8 +46,8 @@ data is being replicated. This is known as a _layout cluster_.
Once a valid layout has been created on a node, you can then create buckets that Once a valid layout has been created on a node, you can then create buckets that
may be replicated accross nodes. may be replicated accross nodes.
I will be creating a single node layout containing a single bucket where the I will be creating a single node layout comprising one bucket where the contents
contents are publicly accessible. are publicly accessible.
## Installation ## Installation

6
src/components/EolasListing.tsx
View file

@ -34,14 +34,12 @@ const EolasListing = () => {
eolasApi.get(`entries?limit=5&sort=date`).then((res) => res.data), eolasApi.get(`entries?limit=5&sort=date`).then((res) => res.data),
}) })
console.log(data?.data)
return ( return (
<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-medium mb-4 text-[#d3869b]!"> <h2 className="text-2xl font-medium mb-4 text-[#fabd2f]!">
Recent learning (external) Recent zettels
</h2> </h2>
{isLoading && <span>Loading...</span>} {isLoading && <span>Loading...</span>}

172
src/pages/about.tsx
View file

@ -2,109 +2,89 @@ import MainTemplate from "@/templates/MainTemplate"
import portrait from "../images/portrait-compressed.jpg" import portrait from "../images/portrait-compressed.jpg"
const AboutPage = () => { const AboutPage = () => {
return ( return (
<MainTemplate> <MainTemplate>
<div className="container mx-auto p-4"> <div className="container mx-auto p-4">
<figure className="w-full flex flex-col items-center mb-6"> <figure className="w-full flex flex-col items-center mb-6">
<div className="scanlined inline-block"> <div className="scanlined inline-block">
<img <img
alt="A portrait of the blog author" alt="A portrait of the blog author"
src={portrait} src={portrait}
className="w-80 flex" className="w-80 flex"
/> />
</div> </div>
<figcaption className="text-sm text-muted-foreground mt-3 text-center"> <figcaption className="text-sm text-muted-foreground mt-3 text-center">
Pictured with the WITCH computer at the{" "} Pictured with the WITCH computer at the{" "}
<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"
> >
National Museum of Computing National Museum of Computing
</a> </a>
, Bletchley Park. , Bletchley Park.
</figcaption> </figcaption>
</figure> </figure>
<p className="leading-[1.6] [&:not(:first-child)]:mt-6"> <p className="leading-[1.6] [&:not(:first-child)]:mt-6">
I'm a self-taught software engineer based on the south coast of I'm a self-taught software engineer based in West Sussex, UK.{" "}
England. This blog is my technical scrapbook. I document the details </p>
of my technical life so I can have a record of progress when I look
back.{" "}
</p>
<p className="leading-[1.6] [&:not(:first-child)]:mt-6"> <p className="leading-[1.6] [&:not(:first-child)]:mt-6">
I completed a degree in Philosophy at the University of Warwick (2009) Currently I work for{" "}
and hold a Postgraduate Certificate of Education (2011). <a
</p> href="https://en.wikipedia.org/wiki/ITV_(TV_network)"
<p className="leading-[1.6] [&:not(:first-child)]:mt-6"> target="_blank"
Currently I work for{" "} className="underline decoration-1 hover:text-primary/80 underline-offset-4"
<a >
href="https://en.wikipedia.org/wiki/ITV_(TV_network)" ITV
target="_blank" </a>{" "}
className="underline decoration-1 hover:text-primary/80 underline-offset-4" {""}
> as a backend software engineer. Before that, I worked as a full-stack
ITV engineer at the{" "}
</a>{" "} <a
{""} href="https://en.wikipedia.org/wiki/BBC"
as a backend software engineer. Before that, I worked as a full-stack target="_blank"
engineer at the{" "} className="underline decoration-1 hover:text-primary/80 underline-offset-4"
<a >
href="https://en.wikipedia.org/wiki/BBC" BBC
target="_blank" </a>{" "}
className="underline decoration-1 hover:text-primary/80 underline-offset-4" and as a frontend engineer at{" "}
> <a
BBC href="https://www.arria.com/"
</a>{" "} target="_blank"
and as a frontend engineer at{" "} className="underline decoration-1 hover:text-primary/80 underline-offset-4"
<a >
href="https://www.arria.com/" Arria NLG
target="_blank" </a>{" "}
className="underline decoration-1 hover:text-primary/80 underline-offset-4" and in several web developer roles. Before software I was a
> teacher.{" "}
Arria NLG </p>
</a>{" "}
and in several web developer roles. Before software I was a
teacher.{" "}
</p>
<p className="leading-[1.6] [&:not(:first-child)]:mt-6"> <p className="leading-[1.6] [&:not(:first-child)]:mt-6">
Some things I like: Some things I like:
<ul className="pt-2"> <ul className="pt-2">
<li className="mb-1">🐶 Staffies and other bull-breeds</li> <li className="mb-1">🐶 Staffies and other bull-breeds</li>
<li className="mb-1">🎼 Classical music (Haydn, Mozart, JSB)</li> <li className="mb-1">🎼 Classical music (Haydn, Mozart, JSB)</li>
<li className="mb-1">🛸 Science fiction </li> <li className="mb-1">🛸 Science fiction </li>
</ul> </ul>
</p> </p>
<p className="leading-[1.6] [&:not(:first-child)]:mt-6"> <p className="leading-[1.6] [&:not(:first-child)]:mt-6">
Some things I'm interested in: Some things I'm interested in:
<ul className="pt-2"> <ul className="pt-2">
<li className="mb-1">🧑‍💻 Self-hosting and digital resiliance</li> <li className="mb-1">🧑‍💻 Self-hosting and digital resiliance</li>
<li className="mb-1">🖳 The history of computing and networks</li> <li className="mb-1">🖳 The history of computing and networks</li>
<li className="mb-1">🇮🇪 Irish history and culture</li> <li className="mb-1">☸️ Buddhism</li>
<li className="mb-1">☸️ Buddhism</li> {/*
{/*
<li className="mb-1">📡 Civil communications infrastructure</li> <li className="mb-1">📡 Civil communications infrastructure</li>
*/} */}
</ul> </ul>
</p> </p>
</div>
<p className="leading-[1.6] [&:not(:first-child)]:mt-6"> </MainTemplate>
I self-host my own Git forge at{" "} )
<a
href="https://forgejo.systemsobscure.net/thomasabishop"
className="underline decoration-1 hover:text-primary/80 underline-offset-4"
>
forgejo.systemsobscure.net
</a>{" "}
rather than use Microsoft GitHub. You can view my personal projects
there.
</p>
</div>
</MainTemplate>
)
} }
export { AboutPage } export { AboutPage }

18
src/pages/home.tsx
View file

@ -32,6 +32,13 @@ const HomePage = () => {
</div> </div>
</div> </div>
<PostListing title="Recent posts" posts={posts.slice(0, 5)} />
<PostListing
title="Highlights"
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">
@ -49,8 +56,8 @@ const HomePage = () => {
</a> </a>
</li> </li>
<li> <li>
<p className="text-muted text-sm"> <p className="text-muted">
A public frontend for my local Zettelkasten creatd with A public frontend for my local Zettelkasten created with
NodeJS, Python and React. NodeJS, Python and React.
</p> </p>
</li> </li>
@ -59,13 +66,6 @@ const HomePage = () => {
</div> </div>
</div> </div>
<PostListing title="Recent posts" posts={posts.slice(0, 5)} />
<PostListing
title="Highlights"
posts={posts.filter((post) => post.tags.includes("highlight"))}
/>
<EolasListing /> <EolasListing />
</MainTemplate> </MainTemplate>
) )