From 3bbf61ccaafa014ee9b66b89a01bfafa643f0130 Mon Sep 17 00:00:00 2001
From: Beau Findlay <beau.d.findlay@gmail.com>
Date: Sun, 1 Feb 2026 14:14:44 +0000
Subject: [PATCH] Update about page content and adds code css style

---
 src/BlazorApp/Components/Pages/About.razor | 24 +++++++++++-----------
 src/BlazorApp/wwwroot/css/components.css   | 15 +++++++++++++-
 2 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/src/BlazorApp/Components/Pages/About.razor b/src/BlazorApp/Components/Pages/About.razor
index 1a52ab0..a783bef 100644
--- a/src/BlazorApp/Components/Pages/About.razor
+++ b/src/BlazorApp/Components/Pages/About.razor
@@ -53,23 +53,23 @@
         preferred a server to work with there wasn't many free options.
     </Text>
     <Text>
-        I've always been a bit of a networking/homelab/server nerd so as soon as Cloudflare announced their
+        I've always been a bit of a networking/home-lab/server nerd so as soon as Cloudflare announced their
         <AnchorLink Href="https://developers.cloudflare.com/cloudflare-one/networks/connectors/cloudflare-tunnel/">
             Tunnels
         </AnchorLink>
-        feature I decided to revisit this site, rebuild in a server-side technology and host it myself on a tiny,
-        low-power
-        <AnchorLink Href="https://www.raspberrypi.com/">RaspberryPi</AnchorLink>
-        computer running a headless linux operating system.
-    </Text>
-    <Text>
-        I setup the RaspberryPi with
+        feature I decided to revisit this site, rebuild in a server-side technology and host it myself on server I setup at home running a headless linux server operating system. I configured the server with
         <AnchorLink Href="https://www.docker.com/">Docker</AnchorLink>
         and
-        <AnchorLink Href="https://docs.docker.com/compose/">Docker Compose</AnchorLink>, built a Docker container for the .NET app to run from, copied it to my server and created a docker-compose.yml
-        file to run it with the
-        <AnchorLink Href="https://hub.docker.com/r/cloudflare/cloudflared">Cloudflare Tunnel</AnchorLink>
-        docker image.
+        <AnchorLink Href="https://docs.docker.com/compose/">Docker Compose</AnchorLink>, built a Docker container for the .NET app to run from, copied it to my server and created a <code>docker-compose.yml</code>
+        file to run it with the Cloudflare Tunnel
+        <AnchorLink Href="https://hub.docker.com/r/cloudflare/cloudflared">Docker image</AnchorLink>.
+    </Text>
+    <Text>
+        After ensuring the app was working correctly I decided to migrate the code repo from GitHub to a locally hosted 
+        <AnchorLink Href="https://about.gitea.com/">Gitea</AnchorLink> 
+        instance running on the same server. I also setup a self-hosted runner and created a 
+        <AnchorLink Href="https://git.beaufindlay.com/beau/my-portfolio/src/branch/main/.gitea/workflows/deploy.yml">build and deploy workflow</AnchorLink>  
+        that creates a new docker image, copies it to the app server, runs the <code>docker-compose.yml</code> file and busts the Cloudflare cache to ensure a clean deployment when new changes are pushed to the main branch. 
     </Text>
 </section>
 
diff --git a/src/BlazorApp/wwwroot/css/components.css b/src/BlazorApp/wwwroot/css/components.css
index 30bdc57..8d88ac9 100644
--- a/src/BlazorApp/wwwroot/css/components.css
+++ b/src/BlazorApp/wwwroot/css/components.css
@@ -437,7 +437,7 @@ body:has(.menu-toggle:checked) {
     align-items: center;
     justify-content: center;
     gap: var(--space-2);
-    border: 1px solid var(--color-slate-700);
+    border: 1px solid var(--color-white);
     background-color: var(--color-black);
     padding: 0.625rem 0.875rem;
     margin-top: var(--space-2);
@@ -594,3 +594,16 @@ body:has(.menu-toggle:checked) {
 #tab3:checked ~ .tab-panels #panel3 {
     display: block;
 }
+
+pre, code {
+    font-family: var(--font-mono), monospace;
+}   
+
+code {
+    font-size: 0.9em;
+    padding: 0.125rem 0.375rem;
+    background-color: rgba(15, 23, 42, 0.8);
+    border: 1px solid rgba(100, 116, 139, 0.3);
+    border-radius: var(--radius-base);
+    color: var(--color-slate-50);
+}
\ No newline at end of file