site

files for beauhilton.com
git clone https://git.beauhilton.com/site.git
Log | Files | Refs

commit f1e713c965113341fefc2cbcfa0046bf957e9356
parent 93fef1b5976b35016cfff4ef2188f4334c0952e2
Author: Beau <cbeauhilton@gmail.com>
Date:   Mon, 26 Dec 2022 00:22:40 -0600

update

Diffstat:
Ash.sh | 3+++
Msite/about.md | 5+++++
Asite/colophon.md | 56++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Msite/style.css | 35++++++++++++++---------------------
4 files changed, 78 insertions(+), 21 deletions(-)

diff --git a/sh.sh b/sh.sh @@ -0,0 +1,3 @@ +$TERMINAL -e caretaker &>/dev/null & disown +$TERMINAL -e python3 -m http.server --directory build &>/dev/null & disown +$TERMINAL -e $BROWSER http://localhost:8000 &>/dev/null & disown diff --git a/site/about.md b/site/about.md @@ -35,5 +35,10 @@ predictive modeling of hospital readmissions and length of stay. If you want to know which tools I use, visit [/uses](/uses). +If you are interested in the tech stack for this website, visit +[/colophon](/colophon). + If you would like to throw money at me, for whatever reason, visit [/pay](/pay). + + diff --git a/site/colophon.md b/site/colophon.md @@ -0,0 +1,56 @@ +# Colophon + +This site is hosted on an OpenBSD server on [vultr](https://vultr.com), +built using plain text files processed by [soupault](https://soupault.app) +and [rsync'd](https://en.wikipedia.org/wiki/Rsync) to the server as part of a pre-commit hook. + +The source files are available on [my git server](https://git.beauhilton.com/site/) +and [GitHub](https://github.com/cbeauhilton/beauhilton.com). + +I also use [caretaker](https://github.com/grego/caretaker) +during development to auto-rebuild as I edit the source files. + +I used to specify fonts, e.g. one of my favorites, [IBM Plex](https://www.ibm.com/plex/), +but in an effort to keep things light and tidy, +I now just use system fonts. + +<https://talks.beauhilton.com> and +<https://notes.beauhilton.com> +are not part of the website proper, +but are rather built using GitHub pages. + +## Workflow + +The workflow is terminal-based +and pretty basic. + +It amounts to: + +```shell +cd src/site +./sh.sh +$EDITOR site/gulag_archipelago.md +``` + +`sh.sh` contains the following: + +```shell +$TERMINAL -e caretaker &>/dev/null & disown +$TERMINAL -e python3 -m http.server --directory build &>/dev/null & disown +$TERMINAL -e $BROWSER http://localhost:8000 &>/dev/null & disown +``` + +This will open three new terminals running: +a caretaker instance for auto-rebuild, +a server for preview, +and a browser pointing to the server. + +At that point I will usually throw the terminals +running the server and `caretaker` to another desktop +to achieve a clean editing environment. + +When it's ready to go live, +I use an alias called `glazy`: `git add . && git commit -m "update" && git push`. +This will trigger the pre-commit hook, +which rebuilds the site again and activates rsync, +before pushing the source files to GitHub and my git server. diff --git a/site/style.css b/site/style.css @@ -1,5 +1,3 @@ -/** Variables **/ - :root { --Canvas-bg: #201b1b; @@ -38,8 +36,21 @@ img[src*='#center'] { } pre, code, sample { - white-space: pre-wrap; hyphens: none; + color: inherit; +} + +pre +{ + overflow-x: scroll; + scrollbar-width: thin; + scrollbar-color: inherit; + padding: 2rem; + margin-left: -2rem; + margin-right: -2rem; + border: 1px solid var(--Pre-border); + background: var(--Pre-bg); + color: var(--Pre-color); } table { @@ -279,24 +290,6 @@ pre.hl { color: #000000; background-color:#e0eaee; font-size: 10pt; font-family: .hl.kwc { color: var(--Highlight-kwc); font-weight: bold; } .hl.kwd { color: var(--Highlight-kwd); } -pre -{ - box-sizing: border-box; - overflow: auto; - overflow-x: scroll; - padding: 2rem; - margin-left: -2rem; - margin-right: -2rem; - border: 1px solid var(--Pre-border); - background: var(--Pre-bg); - color: var(--Pre-color); -} - -pre code -{ - color: inherit; -} - @media screen and (max-width: 34em) { .banner, .banner-title