Update about page content and adds code css style

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,
+        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
-        low-power
-        <AnchorLink Href="https://www.raspberrypi.com/">RaspberryPi</AnchorLink>
-        computer running a headless linux operating system.
-    </Text>
-    <Text>
-        I setup the RaspberryPi 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
+        <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
+        file to run it with the Cloudflare Tunnel
-        <AnchorLink Href="https://hub.docker.com/r/cloudflare/cloudflared">Cloudflare Tunnel</AnchorLink>
+        <AnchorLink Href="https://hub.docker.com/r/cloudflare/cloudflared">Docker image</AnchorLink>.
-        docker image.
+    </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>
 

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);
+}