diff --git a/assets/images/android-chrome-512x512.png b/assets/images/android-chrome-512x512.png deleted file mode 100644 index 7e3c939..0000000 Binary files a/assets/images/android-chrome-512x512.png and /dev/null differ diff --git a/assets/images/books/designing-data.svg b/assets/images/books/designing-data.svg deleted file mode 100644 index af6deda..0000000 --- a/assets/images/books/designing-data.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - Designing Data-Intensive Apps - - diff --git a/assets/images/books/phoenix-project.svg b/assets/images/books/phoenix-project.svg deleted file mode 100644 index 66d5f2b..0000000 --- a/assets/images/books/phoenix-project.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - The Phoenix Project - - diff --git a/assets/images/books/rust-book.svg b/assets/images/books/rust-book.svg deleted file mode 100644 index cfbe3ec..0000000 --- a/assets/images/books/rust-book.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - The Rust Programming Language - - diff --git a/assets/images/coffee-cup-9-512.png b/assets/images/coffee-cup-9-512.png deleted file mode 100644 index ed96ec9..0000000 Binary files a/assets/images/coffee-cup-9-512.png and /dev/null differ diff --git a/assets/images/dvds/akira.svg b/assets/images/dvds/akira.svg deleted file mode 100644 index b1e5324..0000000 --- a/assets/images/dvds/akira.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - AKIRA - - diff --git a/assets/images/dvds/blade-runner.svg b/assets/images/dvds/blade-runner.svg deleted file mode 100644 index 97b3206..0000000 --- a/assets/images/dvds/blade-runner.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - - - BLADE - - - RUNNER - - diff --git a/assets/images/dvds/ghost-in-shell.svg b/assets/images/dvds/ghost-in-shell.svg deleted file mode 100644 index ab3c8b4..0000000 --- a/assets/images/dvds/ghost-in-shell.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - - - GHOST IN - - - THE SHELL - - diff --git a/assets/images/dvds/matrix.svg b/assets/images/dvds/matrix.svg deleted file mode 100644 index 9ee4dd7..0000000 --- a/assets/images/dvds/matrix.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - THE - - - MATRIX - - diff --git a/assets/sass/pages/now.scss b/assets/sass/pages/now.scss index 303a753..2e3aa63 100644 --- a/assets/sass/pages/now.scss +++ b/assets/sass/pages/now.scss @@ -226,6 +226,10 @@ $dark-bg-3: #0a0a0a; } .storage-drive-led { + position: absolute; + top: 50%; + left: 5px; + transform: translateY(-2px); width: 4px; height: 4px; } @@ -414,7 +418,6 @@ $dark-bg-3: #0a0a0a; .patch-front { display: flex; align-items: center; - padding: 0 10px; height: 100%; gap: 10px; } @@ -1057,7 +1060,6 @@ $dark-bg-3: #0a0a0a; font-size: 28px; font-weight: bold; color: $dark-bg-1; - margin-bottom: 15px; padding-bottom: 8px; position: relative; display: inline-block; @@ -1319,6 +1321,112 @@ $dark-bg-3: #0a0a0a; background: linear-gradient(135deg, #ce93d8 0%, #ba68c8 100%); } +// Whiteboard Media Items (Books, DVDs) +.wb-media { + display: flex; + flex-wrap: wrap; + gap: 20px; + margin-top: 40px; + justify-content: center; +} + +.wb-media-item { + position: relative; + width: 120px; + flex-shrink: 0; + transition: transform 0.2s ease; + + // Random rotation for each item + &:nth-child(1) { + transform: rotate(-2deg); + } + + &:nth-child(2) { + transform: rotate(3deg); + } + + &:nth-child(3) { + transform: rotate(-1deg); + } + + &:nth-child(4) { + transform: rotate(2deg); + } + + &:nth-child(5) { + transform: rotate(-3deg); + } + + &:nth-child(6) { + transform: rotate(1deg); + } + + &:hover { + transform: rotate(0deg) scale(1.2); + z-index: 10; + + .wb-media-cover { + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); + } + } +} + +.wb-media-pin { + position: absolute; + top: -8px; + left: 50%; + transform: translateX(-50%); + width: 12px; + height: 12px; + background: radial-gradient(circle, #888 0%, #444 60%); + border-radius: 50%; + box-shadow: + 0 2px 4px rgba(0, 0, 0, 0.4), + inset 0 1px 2px rgba(255, 255, 255, 0.3); + z-index: 2; + + // Pin needle + &::before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 2px; + height: 2px; + background: #222; + border-radius: 50%; + } +} + +.wb-media-cover { + width: 100%; + max-width: 120px; + height: auto; + max-height: 180px; + display: block; + object-fit: cover; + border-radius: 3px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); + transition: box-shadow 0.2s ease; +} + +.wb-media-label { + position: absolute; + bottom: -5px; + right: -5px; + background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%); + color: #333; + font-family: "Courier New", monospace; + font-size: 10px; + font-weight: bold; + padding: 2px 6px; + border-radius: 3px; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + z-index: 3; + letter-spacing: 0.5px; +} + // Bookshelf .bookshelf { width: 400px; diff --git a/assets/sass/style.scss b/assets/sass/style.scss index 8bddcf5..464ff70 100644 --- a/assets/sass/style.scss +++ b/assets/sass/style.scss @@ -691,6 +691,19 @@ body { top: auto; left: auto; } + + /* Monitor stand */ + > .monitor-stand { + position: absolute; + background: none; + box-shadow: none; + bottom: -80px; + left: 50%; + transform: translateX(-50%); + width: 120px; + height: 80px; + z-index: -1; + } } /* CRT Monitor bezel */ @@ -762,17 +775,6 @@ body { } } -/* Monitor stand */ -.monitor-stand { - position: absolute; - bottom: -80px; - left: 50%; - transform: translateX(-50%); - width: 120px; - height: 80px; - z-index: -1; -} - /* Stand neck */ .stand-neck { width: 40px; diff --git a/content/now/currently.md b/content/now/currently.md index d6e2653..2db2d68 100644 --- a/content/now/currently.md +++ b/content/now/currently.md @@ -3,13 +3,13 @@ title: Currently width: 500px height: 550px sticky_notes: - - text: "Remember to update blog!" - color: "yellow" - - text: "New feature idea: dark mode toggle" + - text: "Scroll right for more..." color: "pink" + - text: "This is a mix of a 'now' and a 'uses' page" + color: "yellow" --- **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. Desktop customisation is as enjoyable as it was back in the day - maybe more so. +- 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. diff --git a/content/now/media.md b/content/now/media.md new file mode 100644 index 0000000..c79ede6 --- /dev/null +++ b/content/now/media.md @@ -0,0 +1,30 @@ +--- +title: Media +width: 550px +height: 650px +sticky_notes: + - text: "Check my [audio page](/audio) for what I am listening to!" + color: "yellow" +media_items: + - image: "images/books/alchemised.png" + title: "Alchemised" + current: true + - image: "images/dvds/dandadan.png" + title: "DAN DA DAN" + current: true + - image: "images/dvds/assassination_classroom.jpg" + title: "Assassination Classroom" +--- + +**Reading:** + +- Alchemised - SenLinYu + +**Watching:** + +- DanDaDan - Season 1 +- Assassination Classroom - Season 1 + +**Playing:** + +- Minecraft (Meatballcraft modpack) with friends diff --git a/layouts/now/single.html b/layouts/now/single.html index 59d9de0..5845b18 100644 --- a/layouts/now/single.html +++ b/layouts/now/single.html @@ -29,7 +29,8 @@ ) ) }} - {{ partial "elements/whiteboard.html" (dict "file" "currently.md" "context" .) }} + {{ partial "elements/whiteboard.html" (dict "file" "currently.md" "context" + .) }} @@ -38,9 +39,9 @@ "units" (slice (dict "type" "server" "label" "NAS-01" "led1" "green" "led2" "green" "drives" 1 "size" 1) (dict "type" "spacer") - (dict "type" "storage" "label" "SAN-Primary" "drives" 12 "size" 3) + (dict "type" "storage" "label" "SAN-Primary" "drives" 20 "size" 3) (dict "type" "spacer") - (dict "type" "server" "label" "Backup-01" "led1" "blue" "led2" "amber" "drives" 2) + (dict "type" "server" "label" "BACKUP-01" "led1" "blue" "led2" "amber" "drives" 1) (dict "type" "blank") ) ) }} @@ -49,22 +50,16 @@
-

$ whoami

-

dan@ritual.sh

+

$ neofetch

+

NERV

+

---

+

CPU: AMD Ryzen 7 9800X3D @ 5.46 Ghz

+

GPU: AMD Radeon RX 7900 XTX

+

RAM: 64 GiB @ 6000 MT/S


-

$ cat current_stack.txt

-

Languages: JavaScript, TypeScript, Python, Rust (learning)

-

Frontend: React, Vue, Hugo

-

Backend: Node.js, FastAPI

-

DevOps: Docker, Linux, Git

-

Interests: Homelab, Self-hosting, Open Source

-
-

$ uptime

-

- {{ now.Format "15:04:05" }} up 42 days, load average: 0.15, 0.23, - 0.18 -

+

OS: Bazzite


+

Usage: Main gaming and development machine

_

@@ -72,25 +67,12 @@
- - {{ partial "elements/bookshelf.html" (dict - "width" "350px" - "height" "600px" - "title" "Currently Reading" - "type" "books" - "shelves" 1 - "items" (slice - (dict "image" "images/books/alchemised.png" "title" "Alchemised" "current" true) - ) - ) }} - - - {{ partial "elements/whiteboard.html" (dict "file" "daily-drivers.md" "context" .) }} + {{ partial "elements/whiteboard.html" (dict "file" "media.md" "context" .) }} @@ -110,28 +92,25 @@ )) }} - {{ partial "elements/whiteboard.html" (dict "file" "learning-queue.md" "context" .) }} + {{ partial "elements/whiteboard.html" (dict "file" "learning-queue.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" "spacer") (dict "type" "switch" - "label" "Edge-SW-01" "ports" 24) (dict "type" "server" "label" "Firewall" - "led1" "green" "led2" "green" "drives" 1) (dict "type" "server" "label" - "DNS/DHCP" "led1" "green" "led2" "blue" "drives" 1) (dict "type" "blank") - (dict "type" "blank") ) ) }} - - - - {{ partial "elements/bookshelf.html" (dict "width" "400px" "height" "550px" - "title" "DVD Collection" "type" "dvds" "shelves" 2 "items" (slice (dict - "image" "images/dvds/dandadan.png" "title" "DAN DA DAN" "current" true) - (dict "image" "images/dvds/assassination_classroom.jpg" "title" - "Assassination Classroom") ) ) }} + {{ 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" "spacer") + (dict "type" "switch" "label" "Edge-SW-01" "ports" 24) + (dict "type" "server" "label" "Firewall" "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" "homelab.md" "context" .) + }} {{ partial "elements/monitor-screen.html" (dict "width" "400px" "height" diff --git a/layouts/partials/elements/whiteboard.html b/layouts/partials/elements/whiteboard.html index 678f383..7abf7c8 100644 --- a/layouts/partials/elements/whiteboard.html +++ b/layouts/partials/elements/whiteboard.html @@ -18,6 +18,25 @@ {{ end }} {{ end }} + {{ if .Params.media_items }} +
+ {{ range $index, $item := .Params.media_items }} + {{ if lt $index 6 }} + {{ $image := resources.Get $item.image }} + {{ if $image }} + {{ $resized := $image.Fit "240x360" }} +
+
+ {{ $item.title }} + {{ if $item.current }} +
NOW
+ {{ end }} +
+ {{ end }} + {{ end }} + {{ end }} +
+ {{ end }} {{ end }}