diff --git a/assets/sass/pages/now.scss b/assets/sass/pages/now.scss index e1c4307..1cb58a6 100644 --- a/assets/sass/pages/now.scss +++ b/assets/sass/pages/now.scss @@ -1,9 +1,9 @@ // Server Room - Horizontal Scrolling Now/Uses Page // Color variables -$color-green: #0f0; +$color-green: greenyellow; $color-amber: #ff9900; -$color-blue: #0ff; +$color-blue: #00ffff; $color-red: #f00; $dark-bg-1: #1a1a1a; @@ -770,7 +770,6 @@ $dark-bg-3: #0a0a0a; .graph-container { height: 200px; position: relative; - margin: 20px 0; overflow: hidden; } @@ -1020,7 +1019,9 @@ $dark-bg-3: #0a0a0a; width: 100%; height: 100%; padding: 20px; + overflow: scroll; position: relative; + @include scrollbar-custom(#8b7355, 5px); background: radial-gradient( circle at 20% 30%, @@ -1254,7 +1255,7 @@ $dark-bg-3: #0a0a0a; min-height: 90px; padding: 10px; font-family: "Caveat", cursive; - font-size: 14px; + font-size: 16px; line-height: 1.4; position: relative; flex-shrink: 0; @@ -1290,6 +1291,10 @@ $dark-bg-3: #0a0a0a; 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.3); } + + a { + color: #000; + } } .wb-note-content { @@ -1368,6 +1373,7 @@ $dark-bg-3: #0a0a0a; .wb-media-cover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); } + } } @@ -1686,7 +1692,7 @@ $dark-bg-3: #0a0a0a; height: 280px; background: linear-gradient(145deg, #e8e0c8, #c4b89a); border-radius: 8px; - padding: 15px 20px 30px 20px; + padding: 8px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8); } @@ -1710,7 +1716,7 @@ $dark-bg-3: #0a0a0a; position: absolute; border-radius: 50%; filter: blur(40px); - opacity: 0.3; + opacity: 0.1; pointer-events: none; animation: ambient-pulse 4s ease-in-out infinite; @@ -1718,7 +1724,7 @@ $dark-bg-3: #0a0a0a; background: $color-green; } &.blue { - background: #00f; + background: $color-blue; } &.amber { background: $color-amber; @@ -1728,11 +1734,11 @@ $dark-bg-3: #0a0a0a; @keyframes ambient-pulse { 0%, 100% { - opacity: 0.2; + opacity: 0.1; transform: scale(1); } 50% { - opacity: 0.4; + opacity: 0.3; transform: scale(1.1); } } @@ -1743,7 +1749,7 @@ $dark-bg-3: #0a0a0a; top: 100px; left: 50%; transform: translateX(-50%); - z-index: 150; + z-index: 1; pointer-events: none; } @@ -1775,7 +1781,8 @@ $dark-bg-3: #0a0a0a; } .sign-title { - font-family: "Courier New", monospace; + //font-family: "Courier New", monospace; + font-family: "DSEG14-Classic"; font-size: 48px; font-weight: bold; color: $color-green; @@ -1789,13 +1796,32 @@ $dark-bg-3: #0a0a0a; } .sign-subtitle { - font-family: "Courier New", monospace; font-size: 12px; color: #888; letter-spacing: 3px; text-transform: uppercase; } +.server-rack-1 { + position: relative; + pointer-events: none; + + .lava-lamp-on-top { + position: absolute; + top: -100px; + left: 20px; + + .lava-lamp-container { + height: 100px !important; + width: 60px !important; + + .lamp-text { + display: none; + } + } + } +} + @keyframes sign-flicker { 0%, 100% { diff --git a/content/now/currently.md b/content/now/currently.md index 2db2d68..b5299c8 100644 --- a/content/now/currently.md +++ b/content/now/currently.md @@ -12,4 +12,4 @@ sticky_notes: **Tinkering with:** - ritual.sh - This website! I've been exploring the indieweb movement and working on this site to carve out my own little digital garden to tend. I'm having a lot of fun making art using pure CSS. -- After years of using Linux exclusively for servers, Microsoft's relentless [enshittification](https://en.wikipedia.org/wiki/Enshittification) of Windows finally pushed me to migrate my actual workstations. Now running Linux on most machines (currently experimenting with Bazzite) and MacOS on the rest. Customising my desktop has been pretty fun. +- After years of using Linux exclusively for servers, Microsoft's relentless [enshittification](https://en.wikipedia.org/wiki/Enshittification) of Windows finally pushed me to migrate my actual workstations. Now running Linux on most machines (currently experimenting with Bazzite and Pop!_OS) and MacOS on the rest. Customising my desktop has been pretty fun. diff --git a/content/now/hardware.md b/content/now/hardware.md new file mode 100644 index 0000000..767fe66 --- /dev/null +++ b/content/now/hardware.md @@ -0,0 +1,21 @@ +--- +title: Other Hardware +width: 400px +height: 500px +sticky_notes: + - text: "Can you really have too many computers?" + color: "yellow" +--- + +**Server Rack:** + +- 2x Unraid servers for files, docker, and VMs +- Intel NUC running PiHole and Unifi Controller +- Various Unifi switches and APs +- UPS +- Custom mini monitors +- Full page on my homelabbing coming soon... + +**Other Computers:** + +- M4 Mac Mini diff --git a/content/now/homelab.md b/content/now/homelab.md deleted file mode 100644 index 340a416..0000000 --- a/content/now/homelab.md +++ /dev/null @@ -1,28 +0,0 @@ ---- -title: Homelab Architecture -width: 550px -height: 600px -order: 4 ---- - -**Network Topology:** - -``` -Internet - | - +-- Firewall - | - +-- Core Switch - | - +-- PROD Servers - +-- DEV Environment - +-- Storage/NAS - +-- Services -``` - -**Self-Hosted Services:** - -- Git server, CI/CD -- Media server -- Home automation -- Monitoring stack diff --git a/content/now/learning-queue.md b/content/now/learning-queue.md deleted file mode 100644 index c9daf08..0000000 --- a/content/now/learning-queue.md +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: Learning Queue -width: 400px -height: 500px -order: 2 ---- - -**2025 Goals:** - -- Master Rust programming -- Build a complete homelab -- Contribute to FOSS projects -- Advanced photography -- Music production basics -- Kubernetes certification - -**Books in Progress:** - -- The Rust Programming Language -- Designing Data-Intensive Applications -- The Phoenix Project diff --git a/content/now/software.md b/content/now/software.md new file mode 100644 index 0000000..de9a2d0 --- /dev/null +++ b/content/now/software.md @@ -0,0 +1,19 @@ +--- +title: Things I Use Regularly +width: 550px +height: 600px +order: 4 +--- + +**Software:** + +- **Browser** - [Zen](https://zen-browser.app/) +- **Code Editor** - VS Code +- **Audio** - High Tide & Turntable +- **Password Manager** - 1password + +**Hardware:** + +- **Keyboard** - Ducky One 3 Classic 65% w/ Cherry Red switches +- **Mouse** - Razer Naga X +- **Microphone** - Marantz MPM-1000 \ No newline at end of file diff --git a/content/updates/2025-12-30-now.md b/content/updates/2025-12-30-now.md new file mode 100644 index 0000000..e54fa81 --- /dev/null +++ b/content/updates/2025-12-30-now.md @@ -0,0 +1,10 @@ +--- +title: "2025 12 30 Now" +date: 2025-12-30T14:09:08Z +tags: [] +description: "" +build: + render: never +--- + +Added a now/uses page! diff --git a/layouts/now/single.html b/layouts/now/single.html index 297a8f1..cd4128b 100644 --- a/layouts/now/single.html +++ b/layouts/now/single.html @@ -5,34 +5,38 @@
/NOW
-
Updated {{ now.Format "02/01/2006" }}
+
Updated 30/12/2025
- + +
+ + {{ partial "elements/server-rack.html" + (dict "height" "650px" "title" "PROD-RACK-01" + "units" (slice + (dict "type" "switch" "label" "Core-SW-01" "ports" 24) + (dict "type" "spacer") + (dict "type" "server" "label" "WEB-01" "led1" "green" "led2" "green" "drives" 1) + (dict "type" "server" "label" "WEB-02" "led1" "green" "led2" "amber" "drives" 1) + (dict "type" "server" "label" "DB-01" "led1" "green" "led2" "green" "drives" 2) + (dict "type" "spacer") + (dict "type" "switch" "label" "" "ports" 24) + (dict "type" "blank") + (dict "type" "server" "label" "API-01" "led1" "green" "led2" "blue" "drives" 1) + (dict "type" "server" "label" "Cache-01" "led1" "green" "led2" "green" "drives" 1) + ) ) }} +
+ {{ partial "elements/lavalamp.html" . }} +
+
+ + - {{ partial "elements/server-rack.html" - (dict "height" "650px" "title" "PROD-RACK-01" - "units" (slice - (dict "type" "switch" "label" "Core-SW-01" "ports" 24) - (dict "type" "spacer") - (dict "type" "server" "label" "WEB-01" "led1" "green" "led2" "green" "drives" 1) - (dict "type" "server" "label" "WEB-02" "led1" "green" "led2" "amber" "drives" 1) - (dict "type" "server" "label" "DB-01" "led1" "green" "led2" "green" "drives" 2) - (dict "type" "spacer") - (dict "type" "patch-panel" "ports" 24) - (dict "type" "blank") - (dict "type" "server" "label" "API-01" "led1" "green" "led2" "blue" "drives" 1) - (dict "type" "server" "label" "Cache-01" "led1" "green" "led2" "green" "drives" 1) - ) ) }} + {{ partial "elements/whiteboard.html" (dict "file" "currently.md" "context" .) }} - - {{ partial "elements/whiteboard.html" (dict "file" "currently.md" "context" - .) }} - - {{ partial "elements/server-rack.html" (dict "height" "650px" "title" "STORAGE-01" @@ -40,6 +44,7 @@ (dict "type" "server" "label" "NAS-01" "led1" "green" "led2" "green" "drives" 1 "size" 1) (dict "type" "spacer") (dict "type" "storage" "label" "SAN-Primary" "drives" 20 "size" 3) + (dict "type" "switch" "label" "" "ports" 24) (dict "type" "spacer") (dict "type" "server" "label" "BACKUP-01" "led1" "blue" "led2" "amber" "drives" 1) (dict "type" "blank") @@ -48,9 +53,10 @@
-
-
-

$ neofetch

+
+
+
+

$ fastfetch

NERV

---

CPU: AMD Ryzen 7 9800X3D @ 5.46 Ghz

@@ -61,6 +67,8 @@

Usage: Main gaming and development machine

_

+
+
@@ -84,52 +92,102 @@ (dict "type" "server" "label" "DEV-01" "led1" "green" "led2" "amber" "drives" 1) (dict "type" "server" "label" "DEV-02" "led1" "blue" "led2" "green" "drives" 1) (dict "type" "server" "label" "TEST-01" "led1" "green" "led2" "red" "drives" 1) + (dict "type" "switch" "label" "" "ports" 24) (dict "type" "spacer") - (dict "type" "server" "label" "CI/CD" "led1" "green" "led2" "green" "drives" 2) + (dict "type" "server" "label" "CICD-01" "led1" "green" "led2" "green" "drives" 1) (dict "type" "blank") (dict "type" "server" "label" "MONITOR" "led1" "blue" "led2" "amber" "drives" 1) )) }} - - {{ partial "elements/whiteboard.html" (dict "file" "learning-queue.md" - "context" .) }} +
+
+
+
+
+

$ fastfetch

+

BALTHASAR

+

---

+

CPU: Intel i5-8250U @ 3.40 GHz

+

GPU: Questionable

+

RAM: 16 GiB

+
+

OS: Pop!_OS 24.04 LTS

+
+

Usage: Thinkpad T480s laptop, mostly for coding from bed.

+

_

+
+ +
+
+
+
+
+
+ + + {{ partial "elements/whiteboard.html" (dict "file" "hardware.md" "context" .) }} - {{ partial "elements/server-rack.html" (dict "height" "550px" "title" "INFRA-01" "units" (slice - (dict "type" "ups" "label" "UPS-Primary" "capacity" "98" "size" 2) + (dict "type" "ups" "label" "UPS-01" "capacity" "98" "size" 2) (dict "type" "spacer") - (dict "type" "switch" "label" "Edge-SW-01" "ports" 24) - (dict "type" "server" "label" "Firewall" "led1" "green" "led2" "green" "drives" 1) + (dict "type" "switch" "label" "EDGE-SW-01" "ports" 24) + (dict "type" "switch" "label" "CORE-SW-01" "ports" 24) + (dict "type" "server" "label" "FW-01" "led1" "green" "led2" "green" "drives" 1) (dict "type" "server" "label" "DHCP" "led1" "green" "led2" "blue" "drives" 1) (dict "type" "blank") (dict "type" "blank") ) ) }} - - {{ partial "elements/whiteboard.html" (dict "file" "homelab.md" "context" .) - }} + + {{ partial "elements/whiteboard.html" (dict "file" "software.md" "context" .) }} - - {{ partial "elements/monitor-screen.html" (dict "width" "400px" "height" - "350px" "type" "metrics" "title" "WEB-01 - METRICS" "color" "green" ) }} - - {{ partial "elements/monitor-screen.html" (dict "width" "450px" "height" - "380px" "type" "graph" "title" "NETWORK TRAFFIC" "color" "blue" ) }} +
+
+
+
+
NET
+
+
+ + + + + + + + + + +
+
+
+
+ ▲ Throughput: 2.4 GB/s +
+
+
+
- - {{ partial "elements/monitor-screen.html" (dict "width" "420px" "height" - "400px" "type" "logs" "title" "SYSTEM LOGS" "color" "green" ) }} - - - {{ partial "elements/monitor-screen.html" (dict "width" "380px" "height" - "380px" "type" "network" "title" "BANDWIDTH MONITOR" "color" "amber" ) }} - - - {{ partial "elements/monitor-screen.html" (dict "width" "400px" "height" - "320px" "type" "terminal" "title" "db-primary.local" "color" "green" ) }} +
+
+