commit fc3f4581da62ca23a84315db5ae2eebca40905b1
parent 75389ed465204e652462eb02298a3bf2f0647602
Author: phoebos <ben@bvnf.space>
Date: Wed, 29 Apr 2026 19:35:28 +0100
misc; CSS light dark
Diffstat:
11 files changed, 121 insertions(+), 112 deletions(-)
diff --git a/blog/008-sudo-make-install.html b/blog/008-sudo-make-install.html
@@ -1,21 +1,19 @@
<!DOCTYPE html>
-<html>
+<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
+ <meta name="color-scheme" content="light dark" />
<title>sudo make install</title>
<link rel="icon" href="data:image/gif;base64,R0lGODlhEAAQAPH/AAAAAP//AAD/AP8AACH/C0NSTkcAAAAAMS4wSAAAAAIwPwAAAAJATwAAAAJQXwAAAAJgbwAAAAJwfwAAAAKAjwAAAAKQnwAAAAKgrwAAAAKwvwAAAALAzwAAAALQ3wAAAALg7wAh+QQF//8EACwAAAAAEAAQAAACOJQFqTp9j5p00IApq8X0rTtBSQCQYIeUZGBmh7qyp8fGpGvV8PyqPt9bJUKiBUYT4SBPRMuH0SgAADs="/>
+ <link rel="stylesheet" href="/style.css" type="text/css" />
<style type="text/css">
- body {font-family: sans-serif; padding: 2ch; margin: auto; max-width: 50em; color:black; background: #fff;}
- pre { margin: 0; padding: 1ch;}
- h1 { font-size: 1.4em;}
+ body {font-family: sans-serif; max-width: 50em;}
</style>
</head>
<body>
<h1>sudo make install</h1>
-<blockquote>I originally wrote this in April 2022, but only published it now because... reasons.</blockquote>
-
<p>I found a weird bug. It occurred while installing <a href="https://github.com/aligrudi/neatroff_make">neatroff</a>, which is a nice, new, tidy implementation of troff. It can be used from the source dir itself, or can be installed to a <code>$(BASE)</code> like <i>/usr/local/share/neatroff</i>.</p>
<p>But when I was trying to compile some documents, the neatpdf PDF postprocessor couldn't find the requested fonts and it looked all wrong with weird or no fonts. Everything was installed in <code>$(BASE)</code> correctly. I could compile the same document in the git source directory and get the right results, so it had to be something to do with the way in which contents of files are changed for being used from <code>$(BASE)</code>.</p>
diff --git a/blog/009-fulldeps.html b/blog/009-fulldeps.html
@@ -1,8 +1,9 @@
<!DOCTYPE html>
-<html>
+<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
+ <meta name="color-scheme" content="light dark" />
<title>bliss-fulldepends</title>
<link rel="icon" href="data:image/gif;base64,R0lGODlhEAAQAPH/AAAAAP//AAD/AP8AACH/C0NSTkcAAAAAMS4wSAAAAAIwPwAAAAJATwAAAAJQXwAAAAJgbwAAAAJwfwAAAAKAjwAAAAKQnwAAAAKgrwAAAAKwvwAAAALAzwAAAALQ3wAAAALg7wAh+QQF//8EACwAAAAAEAAQAAACOJQFqTp9j5p00IApq8X0rTtBSQCQYIeUZGBmh7qyp8fGpGvV8PyqPt9bJUKiBUYT4SBPRMuH0SgAADs="/>
<link rel="stylesheet" href="/style.css" type="text/css"/>
diff --git a/blog/010-kiss-misc.html b/blog/010-kiss-misc.html
@@ -1,8 +1,9 @@
<!DOCTYPE html>
-<html>
+<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
+ <meta name="color-scheme" content="light dark" />
<title>KISS tips and tricks</title>
<link rel="icon" href="data:image/gif;base64,R0lGODlhEAAQAPH/AAAAAP//AAD/AP8AACH/C0NSTkcAAAAAMS4wSAAAAAIwPwAAAAJATwAAAAJQXwAAAAJgbwAAAAJwfwAAAAKAjwAAAAKQnwAAAAKgrwAAAAKwvwAAAALAzwAAAALQ3wAAAALg7wAh+QQF//8EACwAAAAAEAAQAAACOJQFqTp9j5p00IApq8X0rTtBSQCQYIeUZGBmh7qyp8fGpGvV8PyqPt9bJUKiBUYT4SBPRMuH0SgAADs="/>
<link rel="stylesheet" href="/style.css" type="text/css"/>
diff --git a/blog/gen-index.sh b/blog/gen-index.sh
@@ -11,14 +11,11 @@ cat << EOF
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta name="color-scheme" content="light dark" />
<title>Ben's blog</title>
<link rel="stylesheet" href="../style.css" type="text/css" />
<link rel="icon" href="data:image/gif;base64,R0lGODlhEAAQAPH/AAAAAP//AAD/AP8AACH/C0NSTkcAAAAAMS4wSAAAAAIwPwAAAAJATwAAAAJQXwAAAAJgbwAAAAJwfwAAAAKAjwAAAAKQnwAAAAKgrwAAAAKwvwAAAALAzwAAAALQ3wAAAALg7wAh+QQF//8EACwAAAAAEAAQAAACOJQFqTp9j5p00IApq8X0rTtBSQCQYIeUZGBmh7qyp8fGpGvV8PyqPt9bJUKiBUYT4SBPRMuH0SgAADs="/>
<link rel="alternate" type="application/rss+xml" href="/blog/rss.xml"/>
- <style type="text/css">
- .left { float: left;}
- .right { float: right;}
- </style>
</head>
<body>
<header>
@@ -32,7 +29,6 @@ cat << EOF
</ul>
</nav>
</header>
- <p>
<table>
EOF
@@ -63,10 +59,10 @@ ls -r -- *.txt *.gmi *.html | while read -r f; do
cat <<EOF
<tr>
- <td align="left" class="index-post">
+ <td class="index-post">
<a href="$link">$title</a>$desc
</td>
- <td align="right" class="index-date">$date</td>
+ <td class="index-date">$date</td>
</tr>
EOF
@@ -74,16 +70,15 @@ done
cat << EOF
</table>
-</p>
<br />
<hr />
<footer>
<div class="left">
-<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="CC-BY 4.0" src="/media/cc-by.png" /></a>
+<img alt="Feed icon" src="https://upload.wikimedia.org/wikipedia/commons/4/43/Feed-icon.svg" width="16" height="16"/>
+<a href="/blog/rss.xml">RSS feed</a>
</div>
<div class="right">
-<img alt="Feed icon" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/43/Feed-icon.svg/16px-Feed-icon.svg.png" width="16" height="16"/>
-<a href="/blog/rss.xml">RSS feed</a>
+<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="CC-BY 4.0" src="/media/cc-by.png" /></a>
</div>
</footer>
</body>
diff --git a/bookmarks.html b/bookmarks.html
@@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta name="color-scheme" content="light dark" />
<title>Ben's bookmarks</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="icon" href="data:image/gif;base64,R0lGODlhEAAQAPH/AAAAAP//AAD/AP8AACH/C0NSTkcAAAAAMS4wSAAAAAIwPwAAAAJATwAAAAJQXwAAAAJgbwAAAAJwfwAAAAKAjwAAAAKQnwAAAAKgrwAAAAKwvwAAAALAzwAAAALQ3wAAAALg7wAh+QQF//8EACwAAAAAEAAQAAACOJQFqTp9j5p00IApq8X0rTtBSQCQYIeUZGBmh7qyp8fGpGvV8PyqPt9bJUKiBUYT4SBPRMuH0SgAADs="/>
diff --git a/books/index.html b/books/index.html
@@ -1,13 +1,14 @@
<!DOCTYPE html>
-<html lang=en>
+<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" >
+ <meta name="color-scheme" content="light dark" />
<title>Ben's books</title>
<link rel="stylesheet" href="../style.css" type="text/css">
<link rel="icon" href="data:image/gif;base64,R0lGODlhEAAQAPH/AAAAAP//AAD/AP8AACH/C0NSTkcAAAAAMS4wSAAAAAIwPwAAAAJATwAAAAJQXwAAAAJgbwAAAAJwfwAAAAKAjwAAAAKQnwAAAAKgrwAAAAKwvwAAAALAzwAAAALQ3wAAAALg7wAh+QQF//8EACwAAAAAEAAQAAACOJQFqTp9j5p00IApq8X0rTtBSQCQYIeUZGBmh7qyp8fGpGvV8PyqPt9bJUKiBUYT4SBPRMuH0SgAADs="/>
- <style>
- li.highlight, li.highlight b { background:#8ff; color: black }
+ <style type="text/css">
+ li.highlight, li.highlight b { background:light-dark(#8ff, #099); }
body ul li {padding: 0 5px;}
</style>
</head>
diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta name="color-scheme" content="light dark" />
<link rel="me" href="https://mas.to/@phoebos" />
<title>Ben's space</title>
<link rel="stylesheet" href="style.css" type="text/css" />
@@ -24,7 +25,7 @@
I am currently a PhD student in condensed matter theory at the University of Manchester. My other interests include playing the trumpet and horn in orchestras and bands, reading, and cooking.
</p>
- <h3>Links</h3>
+ <h2>Links</h2>
<ul>
<li>List of <a href="bookmarks.html">interesting websites</a></li>
<li>Read some <a href="books/">books</a></li>
@@ -33,14 +34,14 @@
<li><a href="//codeberg.org/phoebos">Codeberg</a>, <a href="//github.com/aabacchus">GitHub</a></li>
</ul>
- <h3>Contact</h3>
+ <h2>Contact</h2>
<ul>
<li>Email, XMPP: <code>ben [at] bvnf [dot] space</code></li>
<li>IRC: <code>phoebos</code></li>
</ul>
<hr />
<footer>
- <a style="float:right" rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="CC-BY 4.0" src="/media/cc-by.png" /></a>
+ <a class="right" rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="CC-BY 4.0" src="/media/cc-by.png" /></a>
</footer>
</body>
</html>
diff --git a/misc/index.html b/misc/index.html
@@ -1,35 +1,27 @@
<!DOCTYPE html>
<html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>Ben's Miscellany</title>
- <link rel="stylesheet" href="../style.css" type="text/css" />
- <link rel="icon" href="data:image/gif;base64,R0lGODlhEAAQAPH/AAAAAP//AAD/AP8AACH/C0NSTkcAAAAAMS4wSAAAAAIwPwAAAAJATwAAAAJQXwAAAAJgbwAAAAJwfwAAAAKAjwAAAAKQnwAAAAKgrwAAAAKwvwAAAALAzwAAAALQ3wAAAALg7wAh+QQF//8EACwAAAAAEAAQAAACOJQFqTp9j5p00IApq8X0rTtBSQCQYIeUZGBmh7qyp8fGpGvV8PyqPt9bJUKiBUYT4SBPRMuH0SgAADs="/>
- </head>
- <body>
- <header>
- <h1>Miscellany</h1>
- <nav>
- <ul>
- <li><a href="/">Home</a></li>
- <li><a href="/blog/">Blog</a></li>
- <li><a href="//git.bvnf.space/">Git</a></li>
- <li><a href="/books/">Books</a></li>
- </ul>
- </nav>
- </header>
- <p>
- <ul>
- <li><a href="kiss-vs-openbsd.html">KISS vs OpenBSD comparison</a></li>
- <li><a href="notes.html">Notes</a></li>
- <li>Manpages for KISS: <a href="../man/kiss.1.html">kiss.1</a>, <a href="../man/kiss.5.html">kiss.5</a></li>
- </ul>
- <h3>Also hosted here</h3>
- <ul>
- <li><a href="//kisscommunity.bvnf.space/">KISS Community Wiki</a></li>
- <li><a href="//kiss.bvnf.space/">archive of the KISS website</a></li>
- </ul>
- </p>
- </body>
+<head>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta name="color-scheme" content="light dark" />
+ <title>Ben's Miscellany</title>
+ <link rel="stylesheet" href="../style.css" type="text/css" />
+ <link rel="icon" href="data:image/gif;base64,R0lGODlhEAAQAPH/AAAAAP//AAD/AP8AACH/C0NSTkcAAAAAMS4wSAAAAAIwPwAAAAJATwAAAAJQXwAAAAJgbwAAAAJwfwAAAAKAjwAAAAKQnwAAAAKgrwAAAAKwvwAAAALAzwAAAALQ3wAAAALg7wAh+QQF//8EACwAAAAAEAAQAAACOJQFqTp9j5p00IApq8X0rTtBSQCQYIeUZGBmh7qyp8fGpGvV8PyqPt9bJUKiBUYT4SBPRMuH0SgAADs="/>
+</head>
+<body>
+ <header>
+ <nav class="breadcrumb"><ol><li><a href="/">Home</a></li><li><span aria-current="page">Misc</span></li></ol></nav>
+ <h1>Miscellany</h1>
+ </header>
+ <ul>
+ <li><a href="kiss-vs-openbsd.html">KISS vs OpenBSD comparison</a></li>
+ <li><a href="notes.html">Notes</a></li>
+ <li>Manpages for KISS: <a href="../man/kiss.1.html">kiss.1</a>, <a href="../man/kiss.5.html">kiss.5</a></li>
+ </ul>
+ <h3>Also hosted here</h3>
+ <ul>
+ <li><a href="//kisscommunity.bvnf.space/">KISS Community Wiki</a></li>
+ <li><a href="//kiss.bvnf.space/">archive of the KISS website</a></li>
+ </ul>
+</body>
</html>
diff --git a/misc/kiss-vs-openbsd.html b/misc/kiss-vs-openbsd.html
@@ -3,23 +3,22 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta name="color-scheme" content="light dark" />
<title>KISS vs OpenBSD</title>
<link rel="stylesheet" href="../style.css" type="text/css" />
<link rel="icon" href="data:image/gif;base64,R0lGODlhEAAQAPH/AAAAAP//AAD/AP8AACH/C0NSTkcAAAAAMS4wSAAAAAIwPwAAAAJATwAAAAJQXwAAAAJgbwAAAAJwfwAAAAKAjwAAAAKQnwAAAAKgrwAAAAKwvwAAAALAzwAAAALQ3wAAAALg7wAh+QQF//8EACwAAAAAEAAQAAACOJQFqTp9j5p00IApq8X0rTtBSQCQYIeUZGBmh7qyp8fGpGvV8PyqPt9bJUKiBUYT4SBPRMuH0SgAADs="/>
<style type="text/css">
th { text-align: left; }
- table { border: 1px solid black; border-collapse: collapse; }
- table th, table td { border-left: 1px solid black; }
- .border-bottom th, .border-bottom td { border-bottom: 1px solid black; }
+ table { border: 1px solid; border-collapse: collapse; }
+ table th, table td { border-left: 1px solid; }
+ .border-bottom th, .border-bottom td { border-bottom: 1px solid; }
td { font-family: monospace; padding: 0.2ch; }
</style>
</head>
<body>
<header>
+ <nav class="breadcrumb"><ol><li><a href="/">Home</a></li><li><a href="/misc/">Misc</a></li><li><span aria-current="page">KISS vs OpenBSD</span></li></ol></nav>
<h1>Comparison of KISS and OpenBSD package management commands</h1>
- <nav>
- <ul><li><a href="/misc/">Misc</a></li></ul>
- </nav>
</header>
<table>
<tr class="border-bottom"><th>KISS</th><th>pkg_*</th></tr>
diff --git a/misc/notes.html b/misc/notes.html
@@ -3,47 +3,40 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta name="color-scheme" content="light dark" />
<title>Notes</title>
<link rel="stylesheet" href="../style.css" type="text/css" />
<link rel="icon" href="data:image/gif;base64,R0lGODlhEAAQAPH/AAAAAP//AAD/AP8AACH/C0NSTkcAAAAAMS4wSAAAAAIwPwAAAAJATwAAAAJQXwAAAAJgbwAAAAJwfwAAAAKAjwAAAAKQnwAAAAKgrwAAAAKwvwAAAALAzwAAAALQ3wAAAALg7wAh+QQF//8EACwAAAAAEAAQAAACOJQFqTp9j5p00IApq8X0rTtBSQCQYIeUZGBmh7qyp8fGpGvV8PyqPt9bJUKiBUYT4SBPRMuH0SgAADs="/>
</head>
<body>
<header>
+ <nav class="breadcrumb"><ol><li><a href="/">Home</a></li><li><a href="/misc/">Misc</a></li><li><span aria-current="page">Notes</span></li></ol></nav>
<h1>Notes</h1>
- <nav>
- <ul><li><a href="/misc/">Misc</a></li></ul>
- </nav>
</header>
- <p>
- <ul>
- <li><code>pounce</code> should be signalled with <code>SIGUSR1</code> when you generate new TLS certificates, so that they are reloaded.</li>
- <li>building <code>neomutt</code> with unbundled deps:</li>
- <p>
- cmake.deps/CMakeLists.txt has the URLs and hashes to download.
- DESTDIR must not be set for build step because deps are installed to .deps/usr during build, and need to be used from there
- </p>
- <li>Static Tcl</li>
- <p>
- For the sake of use in CGI with sqlite3.
- Download the Tcl sources:
- <pre><code>curl -L https://downloads.sourceforge.net/sourceforge/tcl/tcl8.6.13-src.tar.gz | tar xz
+ <ul>
+ <li><code>pounce</code> should be signalled with <code>SIGUSR1</code> when you generate new TLS certificates, so that they are reloaded.</li>
+ <li>building <code>neomutt</code> with unbundled deps:
+ <p>
+ cmake.deps/CMakeLists.txt has the URLs and hashes to download.
+ DESTDIR must not be set for build step because deps are installed to .deps/usr during build, and need to be used from there
+ </p>
+ </li>
+ <li>Static Tcl
+ <p>For the sake of use in CGI with sqlite3. Download the Tcl sources:</p>
+ <pre><code>curl -L https://downloads.sourceforge.net/sourceforge/tcl/tcl8.6.13-src.tar.gz | tar xz
cd tcl*/unix
./configure --disable-shared
make</code></pre>
- </p>
- <p>
- edit <code>#include "tcl.h"</code> to <code><tcl8.6/tcl.h></code>.<br/>
- you want tclAppInit.c, libtcl*.a, pkgs/sqlite*/sqlite*.o <- <code>ar -rcs</code> this into an .a<br/>
- edit Tcl_AppInit in tclAppInit.c to call Sqlite3_Init and add that function prototype:<br/>
- <code>int Sqlite3_Init(Tcl_Interp *interp);</code>
- </p>
- <p>
- compile:
- <pre><code>cc -static tclAppInit.c libtcl*.a libsqlite*.a -I/usr/local/include -lz -lm -lpthread</code></pre>
-
- when running, set the env TCL_LIBRARY to the directory containing init.tcl. If this is not loaded, sqlite3 will not be loaded.
- </p>
- </ul>
- </p>
+ <p>
+ edit <code>#include "tcl.h"</code> to <code><tcl8.6/tcl.h></code>.<br/>
+ you want tclAppInit.c, libtcl*.a, pkgs/sqlite*/sqlite*.o <- <code>ar -rcs</code> this into an .a<br/>
+ edit Tcl_AppInit in tclAppInit.c to call Sqlite3_Init and add that function prototype:<br/>
+ <code>int Sqlite3_Init(Tcl_Interp *interp);</code>
+ </p>
+ <p>compile:</p>
+ <pre><code>cc -static tclAppInit.c libtcl*.a libsqlite*.a -I/usr/local/include -lz -lm -lpthread</code></pre>
+ <p>when running, set the env TCL_LIBRARY to the directory containing init.tcl. If this is not loaded, sqlite3 will not be loaded.</p>
+ </li>
+ </ul>
</body>
</html>
diff --git a/style.css b/style.css
@@ -1,20 +1,17 @@
body {
font-family: serif;
- font-size: 16px;
padding: 2ch;
margin: auto;
max-width: 78ch;
- color: black;
- background: #fff;
}
code {
font-family: monospace;
- border-radius: 5px;
}
pre {
- overflow-x: auto;
- background: #ddd;
- padding: 0.2ch;
+ overflow: auto;
+ padding: 0.6rem 1rem;
+ border: 1px solid;
+ background-color: light-dark(#ffe, black);
}
table {
width: 100%;
@@ -22,23 +19,53 @@ table {
footer {
padding: 5px;
}
-
header {
- display: flex;
- justify-content: space-between;
- /*font-family: monospace;
- float: right;*/
+ overflow: hidden;
+ line-height: 1.5;
+}
+header h1 {
+ float: left;
+ margin: 0;
+}
+
+.left {
+ float: left;
+}
+.right, header nav {
+ float: right;
+}
+header nav ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
}
-nav ul {
+header nav ul li {
+ display: inline;
+ margin-left:10px;
+}
+
+.breadcrumb ol {
list-style: none;
- display: flex;
- /*overflow-x: auto;*/
+ margin: 0;
+ padding: 0;
}
-nav ul li {
- display: inline-block;
- padding: 0 5px;
+
+.breadcrumb li {
+ display: inline;
+ white-space: nowrap;
+}
+
+.breadcrumb li:not(:last-child)::after {
+ margin: 0 0.25rem;
+ content: "/";
}
.index-post, .index-date {
padding-top: 20px;
}
+.index-post {
+ text-align: left;
+}
+.index-date {
+ text-align: right;
+}
