beau/my-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Update about page content and adds code css style

Browse Source
This commit is contained in:
Beau Findlay
2026-02-01 14:14:44 +00:00
parent f3dcee5660
commit 3bbf61ccaa
2 changed files with 26 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/BlazorApp/Components/Pages/About.razor
View File

@@ -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>

15
src/BlazorApp/wwwroot/css/components.css
View File

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