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

Enlarge homelab topology for readability
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
Keith Casko
2026-10-06 02:08:51 -04:00
parent 6b393ab4e2
commit 824d6a9ec4
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/homelab-topology.svg
+5 -5
View File
@@ -1,19 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 620" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#d9e4ee"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 620" font-family="Segoe UI, Arial, sans-serif" font-size="15" fill="#d9e4ee">
<defs> <defs>
<marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"> <marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
<path d="M0,0 L10,5 L0,10 z" fill="#1a6fa5"/> <path d="M0,0 L10,5 L0,10 z" fill="#1a6fa5"/>
</marker> </marker>
<style> <style>
.title { font-family: Georgia, serif; font-size: 20px; fill: #f2f6fa; } .title { font-family: Georgia, serif; font-size: 24px; fill: #f2f6fa; }
.caption { font-size: 11px; fill: #c7d3dd; } .caption { font-size: 13px; fill: #c7d3dd; }
.box { fill: #17314a; stroke: #4b91c2; stroke-width: 2; } .box { fill: #17314a; stroke: #4b91c2; stroke-width: 2; }
.box-dc { fill: #0f2438; stroke: #7aa6c7; stroke-width: 2; } .box-dc { fill: #0f2438; stroke: #7aa6c7; stroke-width: 2; }
.box-net { fill: #10283d; stroke: #4d657a; stroke-width: 1; stroke-dasharray: 4 3; } .box-net { fill: #10283d; stroke: #4d657a; stroke-width: 1; stroke-dasharray: 4 3; }
.hdr { font-weight: bold; fill: #f4f7fa; } .hdr { font-weight: bold; fill: #f4f7fa; }
.role { font-size: 11px; fill: #d5e0e9; } .role { font-size: 13px; fill: #d5e0e9; }
.link { stroke: #1a6fa5; stroke-width: 1.5; fill: none; } .link { stroke: #1a6fa5; stroke-width: 1.5; fill: none; }
.net-label { font-size: 12px; fill: #7fc0ea; font-weight: bold; } .net-label { font-size: 14px; fill: #7fc0ea; font-weight: bold; }
</style> </style>
</defs> </defs>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

css/styles.css
+3 -3
View File
@@ -635,13 +635,13 @@ section { padding: 64px 0; }
box-shadow: 0 2px 6px rgba(16, 38, 61, 0.06); box-shadow: 0 2px 6px rgba(16, 38, 61, 0.06);
padding: 32px 36px; padding: 32px 36px;
display: grid; display: grid;
grid-template-columns: 1fr 1.1fr; grid-template-columns: 1fr;
gap: 32px; gap: 24px;
align-items: center; align-items: center;
} }
.lab-hero h1 { font-size: 30px; margin-bottom: 14px; } .lab-hero h1 { font-size: 30px; margin-bottom: 14px; }
.lab-hero .lede { color: var(--text); } .lab-hero .lede { color: var(--text); }
.lab-hero-figure { margin: 0; } .lab-hero-figure { margin: 0; width: 100%; }
.lab-hero-figure img { .lab-hero-figure img {
width: 100%; width: 100%;
border: 1px solid var(--rule); border: 1px solid var(--rule);