interim commit

src/components/Header.tsx

@@ -95,7 +95,7 @@ const Header = () => {
 					//className="border md:border-none rounded-none z-500"
 					>
 						<Link to="/">
-              <span className="text-xl tracking-normal font-bold">
+							<span className="text-xl tracking-normal font-semibold">
 								Systems Obscure
 							</span>
 						</Link>

src/pages/about.tsx

@@ -5,7 +5,7 @@ const AboutPage = () => {
   return (
     <MainTemplate>
       <div className="mb-5 ">
-				<h2 className="scroll-m-20 text-3xl font-semibold lg:text-3xl  pb-3">
+        <h2 className="scroll-m-20 text-3xl font-bold lg:text-3xl  pb-3">
           About
         </h2>
       </div>
@@ -21,7 +21,7 @@ const AboutPage = () => {
           <a
             href="https://www.tnmoc.org/"
             target="_blank"
-						className="text-[#83a598] hover:text-accent/90"
+            className="text-primary hover:text-primary/80"
           >
             National Museum of Computing
           </a>
@@ -43,7 +43,7 @@ const AboutPage = () => {
         <a
           href="https://en.wikipedia.org/wiki/ITV_(TV_network)"
           target="_blank"
-					className="underline decoration-1 text-[#83a598] hover:text-accent/90 underline-offset-4"
+          className="underline decoration-1 hover:text-primary/80 underline-offset-4"
         >
           ITV
         </a>{" "}
@@ -53,7 +53,7 @@ const AboutPage = () => {
         <a
           href="https://en.wikipedia.org/wiki/BBC"
           target="_blank"
-					className="underline decoration-1 text-[#83a598] hover:text-accent/90underline-offset-4"
+          className="underline decoration-1 hover:text-primary/80 underline-offset-4"
         >
           BBC
         </a>{" "}
@@ -61,7 +61,7 @@ const AboutPage = () => {
         <a
           href="https://www.arria.com/"
           target="_blank"
-					className="underline decoration-1 text-[#83a598] hover:text-accent/90 underline-offset-4"
+          className="underline decoration-1 hover:text-primary/80 underline-offset-4"
         >
           Arria NLG
         </a>{" "}
@@ -96,13 +96,17 @@ const AboutPage = () => {
         I self-host my own Git forge at{" "}
         <a
           href="https://forgejo.systemsobscure.net/thomasabishop"
-					className="underline decoration-1 text-[#83a598] hover:text-accent/90 underline-offset-2"
+          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>
+
+      <h3 className="scroll-m-20 text-2xl font-bold lg:text-2xl pt-6  pb-3">
+        Wot is the image in the header?
+      </h3>
     </MainTemplate>
   )
 }

src/styles/_variables.css

@@ -89,7 +89,7 @@
 	--muted: oklch(0.3 0 0);
 	--muted-foreground: oklch(0.65 0 0);
 	/* Slightly softer */
-  --accent: #458588;
+	--accent: #a89984;
 
 	--accent-foreground: oklch(0.9 0 0);
 	--destructive: oklch(0.704 0.191 22.216);

src/templates/BlogTemplate.tsx

@@ -17,9 +17,7 @@ const BlogTemplate = () => {
 			) : (
 				<>
 					<div className="mb-5">
-						<h2 className="text-3xl font-semibold lg:text-3xl">
+						<h2 className="text-3xl font-bold lg:text-3xl">{post?.title}</h2>
-							{post?.title}
-						</h2>
 					</div>
 					<div className="flex md:flex-row md:justify-between flex-col mb-8">
 						<span className="text-muted-foreground">
@@ -60,7 +58,7 @@ const BlogTemplate = () => {
 							[&>li]:leading-[1.6] 
 							[&_li_code]:relative [&_li_code]:rounded [&_li_code]:bg-muted [&_li_code]:px-[0.3rem] [&_li_code]:py-[0.2rem] [&_li_code]:font-mono [&_li_code]:text-sm [&_li_code]:font-normal		
 							[&>p]:mt-6 [&>p]:leading-[1.6]
-							[&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-accent/80 [&_a]:text-[#83a598]
+							[&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-muted-foreground		
 							[&>figure]:w-full [&>figure]:flex [&>figure]:flex-col [&>figure]:items-center [&>figure]:justify-center [&>figure]:mb-6 [&>figure]:mx-auto
 							[&>figure>img]:w-full
 							[&>figure>figcaption]:text-sm [&>figure>figcaption]:text-muted-foreground [&>figure>figcaption]:mt-3 [&>figure>figcaption]:text-center