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.
- 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
Tunnels
- feature I decided to revisit this site, rebuild in a server-side technology and host it myself on a tiny,
- low-power
- RaspberryPi
- computer running a headless linux operating system.
-
-
- 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
Docker
and
- Docker Compose, 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
- Cloudflare Tunnel
- docker image.
+ Docker Compose, 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 Cloudflare Tunnel
+ Docker image.
+
+
+ After ensuring the app was working correctly I decided to migrate the code repo from GitHub to a locally hosted
+ Gitea
+ instance running on the same server. I also setup a self-hosted runner and created a
+ build and deploy workflow
+ that creates a new docker image, copies it to the app server, runs the docker-compose.yml file and busts the Cloudflare cache to ensure a clean deployment when new changes are pushed to the main branch.
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