From 31bccb5c8bb74eedf36177833082a1bf62c2ea61 Mon Sep 17 00:00:00 2001 From: eltrac Date: Sat, 31 Oct 2026 17:01:32 +0800 Subject: new /uses page --- .gitattributes | 8 ++ pages/uses.md | 10 --- pages/uses.skr | 147 ++++++++++++++++++++++++++++++++++++ static/images/devices-2026-Oct.jpeg | 3 + static/images/uses/apple.svg | 2 + static/images/uses/archlinux.svg | 2 + static/images/uses/babashka.svg | 20 +++++ static/images/uses/ghostty.png | 3 + static/images/uses/hammerspoon.png | 3 + static/images/uses/helium.png | 3 + static/images/uses/keepassxc.svg | 1 + static/images/uses/neovim.png | 3 + static/images/uses/netnewswire.jpeg | 3 + static/images/uses/nushell.png | 3 + static/images/uses/openbsd.svg | 2 + static/images/uses/ubuntu.svg | 2 + static/images/uses/vicinae.png | 3 + static/main.css | 4 + 18 files changed, 212 insertions(+), 10 deletions(-) create mode 100644 .gitattributes delete mode 100644 pages/uses.md create mode 100644 pages/uses.skr create mode 100644 static/images/devices-2026-Oct.jpeg create mode 100644 static/images/uses/apple.svg create mode 100644 static/images/uses/archlinux.svg create mode 100644 static/images/uses/babashka.svg create mode 100644 static/images/uses/ghostty.png create mode 100644 static/images/uses/hammerspoon.png create mode 100644 static/images/uses/helium.png create mode 100644 static/images/uses/keepassxc.svg create mode 100644 static/images/uses/neovim.png create mode 100644 static/images/uses/netnewswire.jpeg create mode 100644 static/images/uses/nushell.png create mode 100644 static/images/uses/openbsd.svg create mode 100644 static/images/uses/ubuntu.svg create mode 100644 static/images/uses/vicinae.png diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..50105e6 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,8 @@ +static/images/devices-2026-Oct.jpeg filter=lfs diff=lfs merge=lfs -text +static/images/uses/netnewswire.jpeg filter=lfs diff=lfs merge=lfs -text +static/images/uses/nushell.png filter=lfs diff=lfs merge=lfs -text +static/images/uses/vicinae.png filter=lfs diff=lfs merge=lfs -text +static/images/uses/ghostty.png filter=lfs diff=lfs merge=lfs -text +static/images/uses/hammerspoon.png filter=lfs diff=lfs merge=lfs -text +static/images/uses/helium.png filter=lfs diff=lfs merge=lfs -text +static/images/uses/neovim.png filter=lfs diff=lfs merge=lfs -text diff --git a/pages/uses.md b/pages/uses.md deleted file mode 100644 index a594080..0000000 --- a/pages/uses.md +++ /dev/null @@ -1,10 +0,0 @@ -title: Uses -index: true ---- - -# Uses - -🚧 This page is under construction. - -Visit this old [/uses](/old/uses) for now. :3 - diff --git a/pages/uses.skr b/pages/uses.skr new file mode 100644 index 0000000..9803a17 --- /dev/null +++ b/pages/uses.skr @@ -0,0 +1,147 @@ +(post + :title "Uses" + :date (make-date* 2026 10 31 12 00) + :index "true" + + (h1 [Stuffs I use]) + + (h2 [Hardware]) + (image "/static/images/devices-2026-Oct.jpeg" + :alt-text "A gold colored MacBook, a black iPad, a Mac Mini M4, Logitech keyboard MX keys for Mac, and a mouse named VXE R1") + + (p [OK, I might be too deep into the Apple ecosystem.]) + (p [Been thinking about buying a ,(anchor "Framework laptop" "https://frame.work/") and install ,(anchor "GhostBSD" "https://www.ghostbsd.org/"), but that's not going to happen anytime soon.]) + `(details + (summary [Computers I use now]) + ,(ul + (li [,(strong [MacBook Air (13” M1): ]) + Workhorse. It only has 256GB storage and everything is just basic, but it's the best laptop I had. I don't really need the best and newest hardware. (Surprised I learn that lesson from ,(em [Apple]))]) + (li [,(strong [Mac Mini (M4): ]) + Basically an entertainment center now. Suprise! I use it for ,(em [gaming]) (*ghast)]) + (li [,(strong [iPad Air 5: ]) + I doodle and... ,(em [Why did I buy this?])]))) + `(details + (summar [Accessories:]) + ,(ul + (li [,(strong [VXE Dragonfly R1: ]) + Cheap mouse that just works.]) + (li [,(strong [Logitech MX Keys for Mac: ]) + Got this after I fall out of love with machanical keyboards. Look how thin it is!]) + (li [,(strong [AirPods 4 (with ANC)]) + 🤘]))) + + `(hr) + + (h2 [Operating Systems]) + + `(div (@ (style "float: left; width: 120px; margin-right: 1rem")) + ,(image "/static/images/uses/openbsd.svg")) + (p [Recently fell in love with ,(strong [OpenBSD]). Love how it's ,(em [proactively secure]) by default. I also enjoy their ,(anchor "artwork" "https://www.openbsd.org/artwork.html") and ,(anchor "music" "https://www.openbsd.org/lyrics.html"). I run it on one of my VPSs.]) + + `(div (@ (style "float: right; width: 120px; margin-right: 1rem")) ,(image "/static/images/uses/archlinux.svg")) + (p [I used to run ,(strong [Arch Linux]) and KDE on my old laptop. I still use it for my server but I'm making my way out of Linux and dive into BSD.]) + + `(div (@ (style "float: left; width: 120px; margin-right: 1rem")) + ,(image "/static/images/uses/ubuntu.svg")) + (p [,(strong [Ubuntu]) is probably the default Linux distro and very ,(em [enterprise]). It's getting bloated and I never really liked aptitude. On my way to abandon it.]) + + `(div (@ (style "float: right; width: 120px; margin-right: 1rem")) ,(image "/static/images/uses/apple.svg")) + (p [Of course I use ,(strong [macOS]). Tahoe was a nightmare and Golden Gate was a lot better. Overall it's a fine Unix-like OS with ,(em [good]) UX.]) + + `(hr) + + (h2 [Terminal]) + + `(div (@ (style "display: grid; grid-template-columns: repeat(4, 1fr);")) + (div (@ (style "display: flex; flex-direction: column; align-items: center")) + (img (@ (src "/static/images/uses/ghostty.png") + (alt "Ghostty terminal emulator") + (height "64px"))) + ,(anchor (strong "GhosTTY")"https://ghostty.org/")) + (div (@ (style "display: flex; flex-direction: column; align-items: center")) + (img (@ (src "/static/images/uses/nushell.png") + (alt "Nushell, a new type of shell") + (height "64px"))) + ,(anchor (strong "Nushell") "https://www.nushell.sh/")) + (div (@ (style "display: flex; flex-direction: column; align-items: center")) + (img (@ (src "/static/images/uses/neovim.png") + (alt "Neovim the editor") + (height "64px"))) + ,(anchor (strong "Neovim") "https://neovim.io/")) + (div (@ (style "display: flex; flex-direction: column; align-items: center")) + (img (@ (src "/static/images/uses/babashka.svg") + (alt "Babashka logo") + (height "64px"))) + ,(anchor (strong "Babashka") "https://babashka.org/"))) + + (p [I use ,(strong [Ghostty]) because it's fast and native. Plus it's ,(anchor "non-profit" "https://mitchellh.com/writing/ghostty-non-profit") libre software. ,(anchor "Mitchell" "https://mitchellh.com/") has some really good ideas for Ghostty.]) + (p [I code and draft articles with ,(strong [Neovim]). And I configure it in ,(anchor "Fennel" "https://fennel-lang.org/"), a ,(em [Lispy]) Lua. I use folke's ,(anchor "lazy.nvim" "https://github.com/folke/lazy.nvim") to manage plugins.]) + (p [I love how ,(strong [Nushell]) makes it so easy and fun to manipulate data in shell. You can also get a POSIX-style experience on Windows without Cygwin.]) + (p [But I don't write nushell script that much. I use ,(strong [Babashka]) instead. Scripting in ,(anchor "Clojure" "https://clojure.org/") makes it less like a chore. Plus, it can make a really nice command runner with ,(code [bb.edn]). Say goodbyte to ,(code [Makefile])!]) + (p [Check out my ,(anchor "dotfiles" "https://src.eltr.ac/eltrac/dotfiles") for more.]) + + `(hr) + + (h2 [Desktop]) + + `(div (@ (style "display: grid; grid-template-columns: repeat(3, 1fr);")) + (div (@ (style "display: flex; flex-direction: column; align-items: center")) + (img (@ (src "/static/images/uses/hammerspoon.png") + (alt "Hammerspoon logo") + (height "86px"))) + ,(anchor (strong "Hammerspoon") "https://www.hammerspoon.org/")) + (div (@ (style "display: flex; flex-direction: column; align-items: center")) + (img (@ (src "/static/images/uses/helium.png") + (alt "Helium logo, a white asterisk in blue background") + (style "transform: rotate(-9deg) scale(0.9)") + (height "86px"))) + ,(anchor (strong "Helium") "https://helium.computer/")) + (div (@ (style "display: flex; flex-direction: column; align-items: center")) + (img (@ (src "/static/images/uses/vicinae.png") + (alt "Vicinae logo, a moon in dark background") + (style "transform: rotate(-9deg) scale(0.9); border-radius: 10px") + (height "86px"))) + ,(anchor (strong "Vicinae") "https://www.vicinae.com/"))) + (p [,(strong [Hammerspoon]) is a macOS system API which allows you to control your Mac using ,(em [Lua]). I run ,(anchor "PaperWM.spoon" "https://github.com/mogenson/PaperWM.spoon") with it, a tiled scrollable window manager.]) + (p [,(strong [Helium]) is a privacy-by-default Ungoogled Chromium fork. It has uBlock Origin built in. I ,(anchor "donate" "/donates") to its developers monthly.]) + (p [,(strong [Vicinae]) is a cross-platform app launcher and more. I ditched ,(em [Raycast]) for it.]) + + `(hr) + + (h2 "Apps") + (p [Below are some of the apps I use across all devices.]) + (ul + `(li (img (@ (src "/static/images/uses/netnewswire.jpeg") + (style "height: 1.35rem; display: inline-block; margin-right: 0.5rem; vertical-align: middle"))) + ,(anchor "NetNewsWire" "https://netnewswire.com/")) + `(li (img (@ (src "/static/images/uses/keepassxc.svg") + (style "height: 1.35rem; display: inline-block; margin-right: 0.5rem; vertical-align: middle"))) + ,(anchor "KeePassXC" "https://keepassxc.org/"))) + + `(div (@ (style "clear: both"))) + + `(hr) + + (h2 "Self-hosted and paid services") + (p [I got lazy, so here's some plain lists with no links or images.]) + (p [Stuffs I self-host:]) + (ul + (li [,(strong [Akkoma]), as my Fediverse instance]) + (li [,(strong [Continuwuity]), as my Matrix homeserver]) + (li [,(strong [Miniflux]), as my RSS aggregator]) + (li [,(strong [Forgejo]), as my personal git forge. (,(anchor "Hydra" "https://src.eltr.ac/"))])) + (p [Sutffs I wish I could self-host but decides to delegate them to a service privider I trust:]) + (ul + (li [,(strong [Migadu]) micro plan, for my emails.]) + (li [,(strong [Kagi]) family plan, a search engine with no ads.])) + + `(hr) + + (h2 "Hosting") + (p [These European companies host my infrastructure.]) + (ul + (li [,(strong [Contabo]), they have really cheap prices.]) + (li [,(strong [,(anchor "SKRIME" "https://skrime.eu/a/eltrac")]), they have ,(em [very impressive customer service]).]) + (li [,(strong [,(anchor "Bunny" "https://bunny.net?ref=xwpnwvmoo5")]), they are decent Cloudflare alternative.])) + (p [If you need hosting in Europe. You can click my affiliate links above, so we both can get some discounts. :3]) + ) diff --git a/static/images/devices-2026-Oct.jpeg b/static/images/devices-2026-Oct.jpeg new file mode 100644 index 0000000..c03daa7 --- /dev/null +++ b/static/images/devices-2026-Oct.jpeg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e1bf459cf58329fea003b792cae51ed58348a4528c9a48d05a2dc7eeebadc196 +size 251712 diff --git a/static/images/uses/apple.svg b/static/images/uses/apple.svg new file mode 100644 index 0000000..bd8dc0d --- /dev/null +++ b/static/images/uses/apple.svg @@ -0,0 +1,2 @@ + +Apple icon \ No newline at end of file diff --git a/static/images/uses/archlinux.svg b/static/images/uses/archlinux.svg new file mode 100644 index 0000000..b3658ae --- /dev/null +++ b/static/images/uses/archlinux.svg @@ -0,0 +1,2 @@ + +Arch Linux icon \ No newline at end of file diff --git a/static/images/uses/babashka.svg b/static/images/uses/babashka.svg new file mode 100644 index 0000000..fe38efb --- /dev/null +++ b/static/images/uses/babashka.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/uses/ghostty.png b/static/images/uses/ghostty.png new file mode 100644 index 0000000..8c176b1 --- /dev/null +++ b/static/images/uses/ghostty.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5600e59b62c134b746e7c91672ef5d46fa3a6c163cf5e197e92f6b2fe0d74a20 +size 44931 diff --git a/static/images/uses/hammerspoon.png b/static/images/uses/hammerspoon.png new file mode 100644 index 0000000..f33917b --- /dev/null +++ b/static/images/uses/hammerspoon.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a032fe33615afb5373dacfa0abea6724a2ff024c6b104a6a1d8fd24614baa45a +size 51348 diff --git a/static/images/uses/helium.png b/static/images/uses/helium.png new file mode 100644 index 0000000..d69a3ad --- /dev/null +++ b/static/images/uses/helium.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:757f00b34f506cc7419437f62951dad7419e7270ae99658f7b554ba3a39f9edd +size 13589 diff --git a/static/images/uses/keepassxc.svg b/static/images/uses/keepassxc.svg new file mode 100644 index 0000000..1346fa4 --- /dev/null +++ b/static/images/uses/keepassxc.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/images/uses/neovim.png b/static/images/uses/neovim.png new file mode 100644 index 0000000..62d1870 --- /dev/null +++ b/static/images/uses/neovim.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:38b3a5154489b0d00c393e2a46c54bcb5b5f9528e67face503bb4e54160e94e1 +size 68045 diff --git a/static/images/uses/netnewswire.jpeg b/static/images/uses/netnewswire.jpeg new file mode 100644 index 0000000..2ef2201 --- /dev/null +++ b/static/images/uses/netnewswire.jpeg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fdc98d7039c2edffea075f0b9a188ddf65992a2dfb2158984294e7db9669ec91 +size 19593 diff --git a/static/images/uses/nushell.png b/static/images/uses/nushell.png new file mode 100644 index 0000000..7f24e3a --- /dev/null +++ b/static/images/uses/nushell.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d883245446de196b21c726886a8114b3571b02aa3a56b55e1574997399d0b184 +size 847 diff --git a/static/images/uses/openbsd.svg b/static/images/uses/openbsd.svg new file mode 100644 index 0000000..7254adf --- /dev/null +++ b/static/images/uses/openbsd.svg @@ -0,0 +1,2 @@ + +OpenBSD icon \ No newline at end of file diff --git a/static/images/uses/ubuntu.svg b/static/images/uses/ubuntu.svg new file mode 100644 index 0000000..bd55033 --- /dev/null +++ b/static/images/uses/ubuntu.svg @@ -0,0 +1,2 @@ + +Ubuntu icon \ No newline at end of file diff --git a/static/images/uses/vicinae.png b/static/images/uses/vicinae.png new file mode 100644 index 0000000..4cace2f --- /dev/null +++ b/static/images/uses/vicinae.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:591ac73ab0c1c4f70a5f58a9f60e67fc50c00afd946571d13bf6305602af6750 +size 5149 diff --git a/static/main.css b/static/main.css index 205cdc2..7bde1e6 100644 --- a/static/main.css +++ b/static/main.css @@ -49,6 +49,10 @@ a { margin: 1rem 0; } + p { + margin: 1rem 0; + } + h1 { font-size: 2rem; margin-top: 0; -- cgit v1.2.3