posts/amateur-radio-licence.md

@@ -1,20 +0,0 @@
----
-title: "Amateur radio licence"
-slug: /amateur-radio-licence/
-date: 2026-03-12
-tags: ["radio"]
----
-
-In February I finally bit the bullet and booked the exam for the UK Amateur
-Radio Licence (Foundation Level).
-
-My natural learning style is both meandering and thorough. I like to work at my
-own pace and pursue rabbit holes and tangents. I dislike exams and any aspect of
-competition injected into the learning process. At school my grades were always
-lower than my actual knowledge level because I never studied for the test, I
-pursued what was interesting to me to depths not required by the exams.
-
-I think all people who love learning for its own sake are like this but I did
-actually _need_ the licence in order to be able to transmit and start gaining
-practical knowledge. Having the test booked for the end of the month helped me
-concentrate and stay on target.

src/components/LanguagesChart.jsx

@@ -2,14 +2,8 @@ import MetricBar from "./MetricBar"
 
 const LanguagesChart = ({ chartData, error }) => {
 	return (
-    <div style={{ marginTop: "1rem" }}>
+		<div style={{marginTop:'1rem'}}>
-      <div
+			<div className="code-stat-label" style={{marginBottom: '.5rem'}}>
-        className="code-stat-label"
-        style={{
-          paddingBottom: ".5rem",
-          marginBottom: ".5rem",
-        }}
-      >
 				Programming languages
 			</div>
 
@@ -24,7 +18,7 @@ const LanguagesChart = ({ chartData, error }) => {
 						metric={x.language}
 						hours={x.hours}
 						percentage={x.percentage}
-            color="black"
+						color="dodgerblue"
 					/>
 				))
 			)}

src/components/MetricBar.jsx

@@ -1,5 +1,5 @@
 const MetricBar = ({ metric, hours, percentage, color }) => (
-	<div style={{ marginBottom: "12px" }}>
+  <div style={{ marginBottom: "12px", margin: '.5rem' }}>
     <div
       style={{
         display: "flex",

src/components/ProjectsChart.jsx

@@ -2,16 +2,8 @@ import MetricBar from "./MetricBar"
 
 const ProjectsChart = ({ chartData, error }) => {
 	return (
-    <div style={{ marginTop: "1rem" }}>
+		<div style={{marginTop: '1rem'}}>
-      <div
+			<div className="code-stat-label">Repos</div>
-        className="code-stat-label"
-        style={{
-          paddingBottom: ".5rem",
-          marginBottom: ".5rem",
-        }}
-      >
-        Repos
-      </div>
 
 			{error ? (
 				<div>Data could not be found!</div>
@@ -24,7 +16,7 @@ const ProjectsChart = ({ chartData, error }) => {
 						metric={x.project}
 						hours={x.hours}
 						percentage={x.percentage}
-            color="black"
+						color="dodgerblue"
 					/>
 				))
 			)}

src/containers/CodeStats.jsx

@@ -1,5 +1,4 @@
 import { useQuery } from "@tanstack/react-query"
-
 import wakapiApi from "../api/wakapi-api"
 import { convertDateFriendly } from "../utils/convertDate"
 import Scorecard from "../components/Scorecard"
@@ -33,9 +32,7 @@ const CodeStats = () => {
     data &&
     data?.projects.filter(
       (project) =>
-        !project.key.includes("gp-") &&
+        !project.key.includes("gp-") && !project.key.includes("unknown") && !project.key.includes("amber")
-        !project.key.includes("unknown") &&
-        !project.key.includes("amber")
     )
 
   const personalProjectsSorted =
@@ -70,52 +67,43 @@ const CodeStats = () => {
       .slice(0, 4)
 
   return (
-    <div className="code-stats-sect">
+    <div className="">
       <div className="">
         <section className="">
           <div className="">
-            <h2 className="big-title">{`Code this month`}</h2>
+            <h2 className="">
-
+              {`Code stats`}
-            {/*
+            </h2>
-            <table
+            <div className="code-stat-grid">
-              border="1"
+              <span className="code-stat-label" style={{marginRight: '2rem'}}>Period:</span>
-              width="100%"
+              <span className="code-stat-metric">{convertDateFriendly(data?.from)} -{" "}
-              style={{ borderCollapse: "collapse" }}
+              {convertDateFriendly(data?.to)}</span>
-            >
-              <tr>
-                <td style={{ paddingLeft: "4px" }}>Period:</td>
-                <td style={{ paddingLeft: "4px" }}>
-                  {convertDateFriendly(data?.from)} -{" "}
-                  {convertDateFriendly(data?.to)}
-                </td>
-              </tr>
-              <tr>
-                <td style={{ paddingLeft: "4px" }}>Total time:</td>
-                <td style={{ paddingLeft: "4px" }}>
-                  {error
-                    ? "Error"
-                    : isLoading
-                      ? "Loading..."
-                      : grandTotalFormatted}
-                </td>
-              </tr>
-              <tr>
-                <td style={{ paddingLeft: "4px" }}>Main project:</td>
-                <td style={{ paddingLeft: "4px" }}>
-                  {error ? "Error" : isLoading ? "Loading..." : mainProject}
-                </td>
-              </tr>
-            </table>
-      
-*/}
             </div>
+          </div>
+          <div className="">
+            <Scorecard
+              title="Total time:"
+              metric={
+                error ? "Error" : isLoading ? "Loading..." : grandTotalFormatted
+              }
+            />
 
+            <Scorecard
+              title="Main project"
+              metric={error ? "Error" : isLoading ? "Loading..." : mainProject}
+            />
+
+            
+          </div>
           <LanguagesChart chartData={languagesChartData} error={error} />
-
           <ProjectsChart chartData={projectsChartData} error={error} />
           <div className="code-stats-disclaimer">
             Data sourced from my self-hosted{" "}
-            <a href="https://wakapi.dev/" target="__blank" className="">
+            <a
+              href="https://wakapi.dev/"
+              target="__blank"
+              className=""
+            >
               Wakapi
             </a>{" "}
             instance.

src/containers/PostListing.jsx

@@ -8,15 +8,21 @@ const PostListing = ({ posts, title, showAllButton }) => {
     <div className="">
       <div className="">
         <section className="">
-					<h2 className="big-title">{`${title}`}</h2>
+          <h2 className="">
+            {`${title}`}
+          </h2>
           {posts.map((post) => (
             <ul className="no-bullets">
               <li className="">
                 <div className="post-listing-item">
-									<span style={{ marginRight: "1rem" }}>
+                  <span style={{ marginRight: '1rem' }}>
                     {convertDate(post.date)}
                   </span>
-									<Link to={`/posts/${post.slug}`} key={post.slug} className="">
+                  <Link
+                    to={`/posts/${post.slug}`}
+                    key={post.slug}
+                    className=""
+                  >
                     {post.title}
                   </Link>
                 </div>

src/index.css

@@ -15,35 +15,20 @@
     display: flex;
     flex-direction: column;
   }
-
-  .title-link {
-    letter-spacing: 0 !important;
-  }
 }
 
 .post-listing-item {
   display: flex;
 }
 
-html {
+h1.site-title {
-  font-family:
+  font-weight: 800;
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    Oxygen,
-    Ubuntu,
-    Cantarell,
-    "Open Sans",
-    "Helvetica Neue",
-    sans-serif;
 }
 
 .header-links {
   display: flex;
   list-style: none;
-  gap: 1rem;
+  gap: 0.5rem;
   margin: 0;
   padding: 0;
 }
@@ -86,10 +71,6 @@ figure img {
   overflow: auto;
 }
 
-.code-stats-sect {
-  font-family: sans-serif !important;
-}
-
 .code-stat-grid {
   display: flex;
   flex-direction: row;
@@ -98,8 +79,8 @@ figure img {
 }
 
 .code-stat-label {
-  font-weight: bold;
+  font-weight: 500;
-  font-family: sans-serif;
+  font-style: italic;
 }
 
 .code-stats-disclaimer {
@@ -111,18 +92,3 @@ figure img {
 .about-li-padding {
   padding-right: 1rem;
 }
-
-h1.site-title,
-h1.post-title {
-  margin-bottom: 0.75rem;
-}
-
-.big-title {
-  padding-bottom: 0.5rem;
-  margin-bottom: 0.5rem;
-  border-bottom: 1px solid black;
-}
-
-.blog-meta {
-  font-size: 14px;
-}

src/pages/home.jsx

@@ -10,17 +10,20 @@ const HomePage = () => {
 	const { posts } = usePosts()
 	return (
 		<MainTemplate>
-      <p>
+			<p>A wizard who goes to bed early. This is <Link to="/about">my</Link> technical scrapbook
-        A wizard who goes to bed early. This is <Link to="/about">my</Link>{" "}
+				and digital garden.
-        technical scrapbook and digital garden.
 			</p>
 
+
 			<PostListing title="Recent posts" posts={posts.slice(0, 5)} />
 
 			<PostListing
 				title="Highlights"
 				posts={posts.filter((post) => post.tags.includes("highlight"))}
 			/>
+
+
+			<CodeStats />
 		</MainTemplate>
 	)
 }

src/templates/BlogTemplate.jsx

@@ -17,19 +17,11 @@ const BlogTemplate = () => {
           <div>Loading...</div>
         ) : (
           <article className="">
-            <header
+            <header className="">
-              className="big-title"
+              <h1 className="">
-              style={{ paddingBottom: "1rem", marginBottom: "2rem" }}
+                {post?.title}
-            >
+              </h1>
-              <h1 className="post-title">{post?.title}</h1>
+              <div className="">
-              <div
-                className="blog-meta"
-                style={{
-                  display: "flex",
-                  flexDirection: "row",
-                  gap: "1rem",
-                }}
-              >
                 <time datetime={convertDate(post?.date)} className="text-sm">
                   {convertDateFriendly(post?.date)}
                 </time>
@@ -37,7 +29,7 @@ const BlogTemplate = () => {
                   <span>Tag(s): </span>
                   {post?.tags?.map((tag, i) => (
                     <Link
-                      style={{ marginRight: "0.5rem" }}
+                      style={{ marginRight: '0.5rem' }}
                       key={i}
                       to={`/tags/${tag}`}
                     >
@@ -48,7 +40,9 @@ const BlogTemplate = () => {
               </div>
             </header>
 
-            <div dangerouslySetInnerHTML={{ __html: post?.html }} />
+            <div
+             dangerouslySetInnerHTML={{ __html: post?.html }}
+            />
           </article>
         )}
       </div>

src/templates/MainTemplate.jsx

@@ -6,9 +6,9 @@ const Header = () => {
     <header>
       <nav className="">
         <h1 className="site-title">
-          <Link className="title-link plain-link" to="/">
+          <Link
-            Systems Obscure
+            className="plain-link"
-          </Link>
+            to="/">Systems Obscure</Link>
         </h1>
         <ul className="header-links">
           <li>
@@ -27,9 +27,10 @@ const Header = () => {
               href="https://forgejo.systemsobscure.net/thomasabishop"
               target="blank"
             >
-              Code
+              Forgejo (ext.)
             </a>
           </li>
+
         </ul>
       </nav>
     </header>
@@ -69,4 +70,3 @@ const MainTemplate = ({ children }) => {
 export default MainTemplate
 //antialiased max-w-3xl mt-3 mx-auto bg-[#282828] no-scanlines wrapper
 //main: flex-auto min-w-0 mt-0 flex flex-col px-2 md:px-0
-