mandocsite

an attempt to use mandoc(1) as a site framework
git clone git://kloet.net/mandocsite
Download | Log | Files | Refs

commit 5042095b2de1f6321778e5a5bcff00ee2e3ab70a
parent 350e2c070152725cf404c27ea7fd3cb00040a767
Author: Andrew Kloet <andrew@kloet.net>
Date:   Mon, 10 Aug 2026 11:09:38 -0400

style

Diffstat:
MMakefile | 6+++++-
Mindex.8 | 75+++++++++++++++++++++++++++++++++++++++++++++------------------------------
Mstyle.css | 7++++---
3 files changed, 54 insertions(+), 34 deletions(-)

diff --git a/Makefile b/Makefile @@ -4,7 +4,8 @@ CSS = style.css $(INDEX): $(SRC) $(CSS) mandoc -Thtml -mdoc -O style=$(CSS) $(SRC) > $(INDEX) - + sed -i '/<table class="head">/,/<\/table>/d' $(INDEX) + sed -i '/<table class="foot">/,/<\/table>/d' $(INDEX) sed -i '1,2c\ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"\ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\ @@ -13,3 +14,6 @@ $(INDEX): $(SRC) $(CSS) clean: rm -f $(INDEX) + +serve: + python -m http.server diff --git a/index.8 b/index.8 @@ -1,56 +1,71 @@ -.Dd November 21, 2025 +.Dd June 24, 2026 .Dt kloet.net -. -.Sh NAME +.Os +.Sh KLOET.NET .Nm Andrew Kloet -.Nd technophile -. -.Sh SYNOPSIS -.Nm signal -\(em +.Nd Hue Jah Fink? +.Sh CONTACT +.Bl -tag -width Ds +.It signal \(em \c .Lk https://signal.me/#eu/-dVI-8q9hTaeL9RvQ-ek6bbYmSV2ju_a7LjM_J-Y9gaJjbrHKCVNsIp_p2JBpaE9 kloet.45 -.Nm mail -\(em +.It mail \(em \c .Lk mailto:andrew@kloet.net andrew@kloet.net -.Nm gpg -\(em +.It gpg \(em \c .Lk https://kloet.net/pub/kloet.asc "AEC2 ... 817E" -. +.El .Sh DESCRIPTION Vying to divorce from the beast system. Free as in free salvation. Time flies like an arrow. Fruit flies like a banana. -. .Pp .Lk https://radio.kloet.net radio \(em .Lk https://pub.kloet.net pub \(em .Lk https://git.kloet.net code -. .Pp \fBHere are some of my writings:\fP -.Bl -tag -.It Lk https://kloet.net/usr/spamhaus Spamhaus is Evil -and why the clearnet is an orwellian place -.It Lk https://kloet.net/usr/trolley Trolley Theology -or rather, God on the trolley problem -.It Lk https://kloet.net/usr/trolley Submariner's Paean -psalms from such great depths. Cast indigo -.It Lk https://kloet.net/usr/offlinemusic Digital Music Collection -building a scalable offline music collection -.It Lk https://kloet.net/usr/sublunary Sublunary Message -submarine seeks pride from depths hard to find -.It Lk https://kloet.net/usr/amorfati Amor Fati -how to love everything. On becoming a yes-sayer +.Bl -column "" "Bubblewrapping Everything" +.It Mar '26 Ta +.Lk https://kloet.net/usr/bubblewrap2 Bubblewrapping Everything +.br +- Alles Bubblewrap... Alles Goed... +.It Jan '26 Ta +.Lk https://kloet.net/usr/bubblewrap Practical Bubblewrap +.br +- a wayward guide to sandbox your Linux apps +.It Oct '25 Ta +.Lk https://kloet.net/usr/spamhaus Spamhaus is Evil +.br +- and why the clearnet is an orwellian place +.It Jun '25 Ta +.Lk https://kloet.net/usr/trolley Trolley Theology +.br +- or rather, God on the trolley problem +.It Mar '25 Ta +.Lk https://kloet.net/usr/trolley Submariner's Paean +.br +- psalms from such great depths. Cast indigo +.It Nov '24 Ta +.Lk https://kloet.net/usr/offlinemusic Digital Music Collection +.br +- building a scalable offline music collection +.It Nov '24 Ta +.Lk https://kloet.net/usr/sublunary Sublunary Message +.br +- submarine seeks pride from depths hard to find +.It Oct '24 Ta +.Lk https://kloet.net/usr/amorfati Amor Fati +.br +- how to love everything. On becoming a yes-sayer .El . .Pp \fBThese are some computer things I've done:\fP .Bl -tag -.It Lk https://kloet.net/halftone halftone qr gen -qr-code image embedder using the halftone algorithm +.It Lk https://kloet.net/halftone +halftone qr gen qr-code image embedder using the halftone algorithm .It Lk https://kloet.net/dither dither engine monochromatic dithering engine made with HTML5 canvas .It Lk https://kloet.net/rails rails game diff --git a/style.css b/style.css @@ -34,7 +34,7 @@ html::before { } } -#SYNOPSIS.Sh::before{ +#CONTACT.Sh::before{ content: ''; display: block; width: 500px; @@ -43,9 +43,10 @@ html::before { margin: 0.75em auto; } -table.head, table.foot { width: 100%; } +table.head, table.foot { display: none; width: 100%; } td.head-rtitle, td.foot-os { text-align: right; } td.head-vol { text-align: center; } +table.Bl-column td { vertical-align: top; padding-right: 1ch; } div.Pp { margin: 1ex 0ex; } div.Nd, div.Bf, div.Op { display: inline; } span.Pa, span.Ad { font-style: italic; } @@ -65,7 +66,7 @@ table { border-collapse: collapse; } table.Nm code.Nm { padding-right: 1ch; } table.foot { margin-top: 1em; } -html { background-color: var(--background); color: var(--body); font-size: 16px; } +html { background-color: var(--background); color: var(--body); font-size: 20px; } a { color: var(--header); } a:visited { color: var(--header); } a.permalink { color: var(--header); text-decoration: none; }