Expand portfolio exhibits and integrate branding

This commit is contained in:
Keith Casko
2026-06-21 09:30:56 -04:00
parent 4afd0e3620
commit 1e3ccebcf0
2 changed files with 128 additions and 13 deletions
+52 -8
View File
@@ -56,6 +56,10 @@
<div><span>04</span><strong>Documented recovery</strong><small>tested restore procedures</small></div>
</section>
<div class="logo-divider" aria-hidden="true">
<img src="assets/images/bytegeist-logo.png" alt="" />
</div>
<section id="architecture" class="architecture section-rule">
<div class="section-heading">
<p class="section-index">01 / Architecture</p>
@@ -117,8 +121,18 @@
</ul>
</div>
<div class="story-images">
<img src="assets/images/portfolio-grafana-operations.png" alt="Grafana infrastructure metrics dashboard" />
<img src="assets/images/portfolio-grafana-logs.png" alt="Centralized container logs in Grafana" />
<figure class="screenshot-exhibit">
<figcaption><span>Infrastructure monitoring</span><small>Grafana operations dashboard</small></figcaption>
<a href="assets/images/portfolio-grafana-operations.png" target="_blank">
<img src="assets/images/portfolio-grafana-operations.png" alt="Grafana infrastructure metrics dashboard" />
</a>
</figure>
<figure class="screenshot-exhibit">
<figcaption><span>Centralized logging</span><small>Container logs collected in Loki</small></figcaption>
<a href="assets/images/portfolio-grafana-logs.png" target="_blank">
<img src="assets/images/portfolio-grafana-logs.png" alt="Centralized container logs in Grafana" />
</a>
</figure>
</div>
</article>
@@ -137,8 +151,18 @@
</ul>
</div>
<div class="story-images">
<img src="assets/images/portfolio-authentik-applications.png" alt="Applications protected by Authentik" />
<img src="assets/images/portfolio-crowdsec-decisions.png" alt="CrowdSec security decisions" />
<figure class="screenshot-exhibit">
<figcaption><span>Identity portal</span><small>Applications protected by Authentik</small></figcaption>
<a href="assets/images/portfolio-authentik-applications.png" target="_blank">
<img src="assets/images/portfolio-authentik-applications.png" alt="Applications protected by Authentik" />
</a>
</figure>
<figure class="screenshot-exhibit">
<figcaption><span>Active firewall decisions</span><small>CrowdSec command-line output</small></figcaption>
<a href="assets/images/portfolio-crowdsec-decisions.png" target="_blank">
<img class="crowdsec-capture" src="assets/images/portfolio-crowdsec-decisions.png" alt="CrowdSec security decisions" />
</a>
</figure>
</div>
</article>
@@ -156,8 +180,18 @@
</ul>
</div>
<div class="story-images">
<img src="assets/images/portfolio-gitea-dashboard.png" alt="Self-hosted Gitea dashboard" />
<img src="assets/images/portfolio-woodpecker-pipeline.png" alt="Successful Woodpecker CI pipeline" />
<figure class="screenshot-exhibit">
<figcaption><span>Source control</span><small>Self-hosted repositories in Gitea</small></figcaption>
<a href="assets/images/portfolio-gitea-dashboard.png" target="_blank">
<img src="assets/images/portfolio-gitea-dashboard.png" alt="Self-hosted Gitea dashboard" />
</a>
</figure>
<figure class="screenshot-exhibit">
<figcaption><span>Continuous delivery</span><small>Successful Woodpecker pipeline</small></figcaption>
<a href="assets/images/portfolio-woodpecker-pipeline.png" target="_blank">
<img src="assets/images/portfolio-woodpecker-pipeline.png" alt="Successful Woodpecker CI pipeline" />
</a>
</figure>
</div>
</article>
@@ -175,8 +209,18 @@
</ul>
</div>
<div class="story-images">
<img src="assets/images/portfolio-cloud-dashboard-overview.png" alt="ByteGeist internal service portal" />
<img src="assets/images/portfolio-wiki-disaster-recovery.png" alt="ByteGeist disaster recovery runbook" />
<figure class="screenshot-exhibit">
<figcaption><span>Service portal</span><small>Internal tools organized in Dashy</small></figcaption>
<a href="assets/images/portfolio-cloud-dashboard-overview.png" target="_blank">
<img src="assets/images/portfolio-cloud-dashboard-overview.png" alt="ByteGeist internal service portal" />
</a>
</figure>
<figure class="screenshot-exhibit">
<figcaption><span>Recovery runbook</span><small>Documented rebuild and restore process</small></figcaption>
<a href="assets/images/portfolio-wiki-disaster-recovery.png" target="_blank">
<img src="assets/images/portfolio-wiki-disaster-recovery.png" alt="ByteGeist disaster recovery runbook" />
</a>
</figure>
</div>
</article>
</section>