From afb09dd04c973722ee19c729e106a1bc8b2e443b Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Sun, 8 Dec 2024 14:37:30 -0500 Subject: Trying out a new style, minor content changes. Might revert if I feel like it --- footer.html | 11 ++- index.md | 6 +- pages/colophon.md | 3 + pages/ikiwiki/NearlyFreeSpeech.md | 4 +- pages/pizza.md | 6 +- pages/uses.md | 4 +- pages/wiki.md | 10 +- pages/wiki/cgit.md | 4 +- pages/wiki/openbsd.md | 4 +- pages/wiki/openbsd/desktop_environment.md | 4 +- pages/wiki/sublime-text.md | 2 +- pages/wiki/xbox.md | 4 +- posts/git-auto-deploy.md | 2 +- posts/mail.md | 2 +- posts/one-thing.md | 3 +- public/fonts/IBMPlexSans-Bold.woff2 | Bin 0 -> 55396 bytes public/fonts/IBMPlexSans-Italic.woff2 | Bin 0 -> 59468 bytes public/fonts/IBMPlexSans-Regular.woff2 | Bin 0 -> 55380 bytes public/style.css | 148 ++++++++++++++++++++++++++---- 19 files changed, 175 insertions(+), 42 deletions(-) create mode 100644 public/fonts/IBMPlexSans-Bold.woff2 create mode 100644 public/fonts/IBMPlexSans-Italic.woff2 create mode 100644 public/fonts/IBMPlexSans-Regular.woff2 diff --git a/footer.html b/footer.html index 53f02a0..2fee066 100644 --- a/footer.html +++ b/footer.html @@ -12,14 +12,15 @@
  • Pizza
  • Recipes
  • RSS
    • -
  • ↑ Top of the page
    • +
  • ↑ Top
    • - Built with wruby.
    - Proud supporter of NextDNS & Fathom Analytics
    + Built with wruby
    + Running on Dartnode
    + Supporter of NextDNS & Fathom Analytics
    The content for this site is CC-BY-SA.
    + href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA
    The code for this site - is MIT. + is MIT     diff --git a/index.md b/index.md index e338755..8bbad8d 100644 --- a/index.md +++ b/index.md @@ -1,6 +1,6 @@ -# ~bt +# btxx -**Designer, developer, hardware tinkerer, open source advocate, consumer of dark roast coffee, and writer of very long sentences.** +**Fullstack Developer / UX Designer** As a designer/developer hybrid, I help software companies improve their user experience and ship more performant products. I also actively maintain several [open source projects](/projects). @@ -8,7 +8,7 @@ I'm passionate about open source software, usability, performance, privacy, and ## Skills & Languages -Core tools are HTML, CSS, Ruby, JavaScript & WordPress. Currently improving my skills with Rails, MongoDB & PHP. I also enjoy tinkering with basic shell scripts and [Unix systems](/public/images/unix.gif). +Core tools are HTML, CSS, Ruby, JavaScript & PHP. Currently improving my skills with Rails & MongoDB. I also enjoy tinkering with basic shell scripts and [Unix systems](/public/images/unix.gif). ## Design Thought Experiments diff --git a/pages/colophon.md b/pages/colophon.md index 49c33b2..0aadaeb 100644 --- a/pages/colophon.md +++ b/pages/colophon.md @@ -1,5 +1,7 @@ # Colophon +Information about this website + This website is a collection of living, breathing documents. As I mention on the homepage, this place is better referred to as an online [brain dump](/posts/dump). It might change over time. Styles might come and go. I can't help that, since tinkering with my personal blog is something I am very fond of. It's almost therapeutic. For those interested I try to keep the details of the blog up-to-date with the information below: @@ -8,6 +10,7 @@ For those interested I try to keep the details of the blog up-to-date with the i | Parameter | Source | |---|---| +|Typeface used:|IBM Plex Sans| |Built with:|[wruby](https://wruby.btxx.org)| |Hosted on:|[DartNode](https://dartnode.com?aff=btxx)| |Source code available:|[sourcehut](https://git.sr.ht/~bt/btxx.org)| diff --git a/pages/ikiwiki/NearlyFreeSpeech.md b/pages/ikiwiki/NearlyFreeSpeech.md index 5edb61f..f5704b6 100644 --- a/pages/ikiwiki/NearlyFreeSpeech.md +++ b/pages/ikiwiki/NearlyFreeSpeech.md @@ -1,6 +1,8 @@ # Setting Up ikiwiki on NearlyFreeSpeech -This page documents step-by-step how to properly setup and customize *ikiwiki* on [NearlyFreeSpeech](https://nearlyfreespeech.net). A good deal of the documentation here has been lifted from [ikiwiki.info/tips/nearlyfreespeech/](https://ikiwiki.info/tips/nearlyfreespeech/) but altered and updated. +This page documents step-by-step how to properly setup and customize *ikiwiki* on [NearlyFreeSpeech](https://nearlyfreespeech.net). + +A good deal of the documentation here has been lifted from [ikiwiki.info/tips/nearlyfreespeech/](https://ikiwiki.info/tips/nearlyfreespeech/) but altered and updated. ## Register for an account and set up a site diff --git a/pages/pizza.md b/pages/pizza.md index edd3783..1989e91 100644 --- a/pages/pizza.md +++ b/pages/pizza.md @@ -1,10 +1,12 @@ # Pizza -This page showcases the *official* Pizza Fund (Donations). Here I list and celebrate those kind enough to donate pizza(s) into my stomach. Pizza fuels my creativity and helps me publish helpful articles and develop new open source projects. +This page showcases the *official* Pizza Fund (Donations). + +Here I list and celebrate those kind enough to donate pizza(s) into my stomach. Pizza fuels my creativity and helps me publish helpful articles and develop new open source projects. If you feel the burning desire to donate to the *pizza fund* in order to support this small blog of mine or any number of my [[projects]], please take a look at the options below. You can still enjoy everything on this blog for free, so please don't feel obligated to donate. -# Pizza Hall of Fame +## Pizza Hall of Fame Listed below are the kind folks who have donated me pizzas. Note: most of these entries also have their websites included in the [1MB Club Hall of Fame](https://1mb.club). diff --git a/pages/uses.md b/pages/uses.md index ea75395..69654f1 100644 --- a/pages/uses.md +++ b/pages/uses.md @@ -1,6 +1,8 @@ # Things I Use -This page contains a somewhat up-to-date listing of all hardware and software that I currently use. Seeing similar pages on other people's personal websites have proved quite valuable to me, so I figured I would do the same! +This page contains a somewhat up-to-date listing of all hardware and software that I currently use. + +Seeing similar pages on other people's personal websites have proved quite valuable to me, so I figured I would do the same! ## Services diff --git a/pages/wiki.md b/pages/wiki.md index f724730..4f27a68 100644 --- a/pages/wiki.md +++ b/pages/wiki.md @@ -1,6 +1,8 @@ # Wiki -This is the homepage for my personal wiki. All sub-directories are listed below. This wiki is a growing set of documents, so things may change often. +This is the homepage for my personal wiki docs. + +All sub-directories are listed below. This wiki is a growing set of documents, so things may change often. ## Software @@ -8,10 +10,10 @@ This is the homepage for my personal wiki. All sub-directories are listed below. * [dotfiles](/wiki/dotfiles) * [openbsd](/wiki/openbsd) * [qutebrowser](/wiki/qutebrowser) -* [safari](wiki/safari) -* [scripts](wiki/scripts) +* [safari](/wiki/safari) +* [scripts](/wiki/scripts) * [sublime text](/wiki/sublime-text) -* [ubuntu](wiki/ubuntu) +* [ubuntu](/wiki/ubuntu) --- diff --git a/pages/wiki/cgit.md b/pages/wiki/cgit.md index 3e2c7d7..0f26b6b 100644 --- a/pages/wiki/cgit.md +++ b/pages/wiki/cgit.md @@ -1,6 +1,8 @@ # cgit -This page contains a comprehensive guide to setting up cgit on NearlyFreeSpeech. It is assumed that you already have an account with NFS and also have access to a "site" online. +This page contains a comprehensive guide to setting up cgit on NearlyFreeSpeech. + +**Important**: It is assumed that you already have an account with NFS and also have access to a "site" online. Most of the following has been lifted from [NearlyFreeSpeech cgit application walkthrough](https://members.nearlyfreespeech.net/wiki/Applications/Cgit) but has been tweaked and updated. diff --git a/pages/wiki/openbsd.md b/pages/wiki/openbsd.md index d5387b7..96b7227 100644 --- a/pages/wiki/openbsd.md +++ b/pages/wiki/openbsd.md @@ -1,6 +1,8 @@ # OpenBSD -This page contains all of my personal scripts and tutorials for OpenBSD. The content ranges from setting up laptops and desktops, to running personal servers and optimization tweaks. +This page contains all of my personal scripts and tutorials for OpenBSD. + +The content here ranges from setting up laptops and desktops, to running personal servers and optimization tweaks. * [Installation](/wiki/openbsd/installation) * [Desktop Environment](/wiki/openbsd/desktop_environment) diff --git a/pages/wiki/openbsd/desktop_environment.md b/pages/wiki/openbsd/desktop_environment.md index 5d5bf8b..e7343cb 100644 --- a/pages/wiki/openbsd/desktop_environment.md +++ b/pages/wiki/openbsd/desktop_environment.md @@ -1,6 +1,8 @@ # Setting Up a Desktop Environment for OpenBSD -This page covers the initial setup for installing and configuring `dwm` as a desktop environment on OpenBSD. Everything posted here relies on my personal "Open Suck" project: [Open Suck](https://git.btxx.org/open-suck/about) +Initial setup for installing and configuring dwm as a desktop environment on OpenBSD. + +Everything posted here relies on my personal "Open Suck" project: [Open Suck](https://git.sr.ht/~bt/open-suck-installer) ## Show Don't Tell diff --git a/pages/wiki/sublime-text.md b/pages/wiki/sublime-text.md index d7f105a..6fe5335 100644 --- a/pages/wiki/sublime-text.md +++ b/pages/wiki/sublime-text.md @@ -1,6 +1,6 @@ # Sublime Text -Personal configuration for the text editor Sublime Text ([https://www.sublimetext.com/](sublimetext.com/)) +Personal configuration for the text editor [Sublime Text](https://www.sublimetext.com) ## Themes / Color Schemes diff --git a/pages/wiki/xbox.md b/pages/wiki/xbox.md index 89b7278..37f9e0e 100644 --- a/pages/wiki/xbox.md +++ b/pages/wiki/xbox.md @@ -1,5 +1,7 @@ # Xbox -This page contains all the details of my personal setup for the original Xbox console. This includes cleaning, repasting thermals, soft modding and more. +This page contains all the details of my personal setup for the original Xbox. + +Includes cleaning, repasting thermals, soft modding and more. * [softmodding](/wiki/xbox/softmodding) diff --git a/posts/git-auto-deploy.md b/posts/git-auto-deploy.md index bfd7e4f..c9af080 100644 --- a/posts/git-auto-deploy.md +++ b/posts/git-auto-deploy.md @@ -32,7 +32,7 @@ Before we get into the nitty-gritty, there are a few items we need to take care **Once you do both of those tasks**, continue with the rest of the article! -## The `post-receive` Script +## The post-receive Script I will be using my own personal website as the main project for this example. My site is built with [wruby](https://git.btxx.org/wruby), so the build instructions are specific to that generator. If you use Jekyll or something similar, you will need to tweak those commands for your own purposes. diff --git a/posts/mail.md b/posts/mail.md index 96950e6..10f6e80 100644 --- a/posts/mail.md +++ b/posts/mail.md @@ -1,4 +1,4 @@ -# Working with `git` Patches in Apple Mail +# Working with git Patches in Apple Mail 2023-05-11 diff --git a/posts/one-thing.md b/posts/one-thing.md index d2d2dc2..7460dab 100644 --- a/posts/one-thing.md +++ b/posts/one-thing.md @@ -2,8 +2,6 @@ 2023-01-09 -Couple drinking cups of coffee - I had to replace my dual Keurig coffee maker *twice* over a period of five months. This occurred a year ago and these are my findings. ## Built to Fail? @@ -31,6 +29,7 @@ The design field drops new designers into a *world of bloat*. They don't stand a So of course designers will carry this mentality into their own work. It's all they have known. "X and Y companies designed their `insert-feature-here` with all these *extras*, so we'll do the same". Everything is [a copy of a copy of a copy](https://invidious.snopyta.org/watch?v=dC1yHLp9bWA). The only advice I can give to designers is this: try not to add to the problem. I'm not asking you to move mountains. But consider working somewhere else if your career only adds more bloat to the world. (Easier said than done, I know). Or keep doing what you're doing. What do I know - I'm only some guy who rambles on the web. + ## Back to the Coffee Maker So the Keurig is gone. Trashed. The company doesn't want the product back, they tell you to scrap it. "We'll send you a new one for free". Such a waste. diff --git a/public/fonts/IBMPlexSans-Bold.woff2 b/public/fonts/IBMPlexSans-Bold.woff2 new file mode 100644 index 0000000..b570504 Binary files /dev/null and b/public/fonts/IBMPlexSans-Bold.woff2 differ diff --git a/public/fonts/IBMPlexSans-Italic.woff2 b/public/fonts/IBMPlexSans-Italic.woff2 new file mode 100644 index 0000000..57523c9 Binary files /dev/null and b/public/fonts/IBMPlexSans-Italic.woff2 differ diff --git a/public/fonts/IBMPlexSans-Regular.woff2 b/public/fonts/IBMPlexSans-Regular.woff2 new file mode 100644 index 0000000..ca64cc5 Binary files /dev/null and b/public/fonts/IBMPlexSans-Regular.woff2 differ diff --git a/public/style.css b/public/style.css index 21c988d..3067b57 100644 --- a/public/style.css +++ b/public/style.css @@ -1,23 +1,69 @@ * { box-sizing: border-box; } + +:root { + --theme-color: #015B24; + --secondary-color: #00953A; + + --max-width: 760px; +} + +@font-face { + font-family: "Plex Sans"; + src: url("/public/fonts/IBMPlexSans-Regular.woff2") format("woff2"); + font-style: normal; + font-weight: normal; +} + +@font-face { + font-family: "Plex Sans"; + src: url("/public/fonts/IBMPlexSans-Bold.woff2") format("woff2"); + font-style: normal; + font-weight: bold; +} + +@font-face { + font-family: "Plex Sans"; + src: url("/public/fonts/IBMPlexSans-Italic.woff2") format("woff2"); + font-style: italic; + font-weight: normal; +} + +html { + background: beige; +} + body { - font-family: "Verdana", sans-serif; - line-height: 1.4; - font-size: 13px; - margin: 0 auto; - max-width: 470px; - padding: 0 10px 10px; + font-family: "Plex Sans", "Helvetica", sans-serif; + line-height: 1.55; + font-size: 20px; + margin: 0; + padding: 0; } -h1{font-size:18px;margin-top:1em;} -h2, -h3, -h4, -h5, -h6 { - font-size: 15px; + +a,a:visited { + color: var(--theme-color); +} +a:hover,a:focus { + background: var(--theme-color); + color: white; +} + +h1 { + background-color: var(--theme-color); + color: white; + font-size: 180%; + margin: 0; + padding: 1.2rem; + position: relative; + text-align: center; +} +h2,h3,h4,h5,h6 { + font-size: 140%; margin: 2em 0 0; } + blockquote { border-left: 4px solid; margin: 2em 0 2em 2em; @@ -41,8 +87,9 @@ table { width: 100%; } nav { - border-bottom: 1px solid; - padding: 10px 0; + padding: 10px 20px; + margin: 0 auto; + max-width: var(--max-width); } nav a:last-of-type { float: right; @@ -59,9 +106,33 @@ nav a:last-of-type { display: block; font-size: 90%; } +#menu { + align-content: center; + display: flex; + flex-wrap: wrap; + justify-content: center; +} #menu li { display: inline-block; - margin-right: 8px; + margin: 0; + padding: 0 15px 15px 0; +} +main { + margin: 0 auto; + max-width: var(--max-width); + padding: 0 10px 10px; +} +main h1 + p { + background-color: var(--secondary-color); + color: white; + font-weight: bold; + margin-bottom: 2rem; + margin-top: 0; + padding: 0.5rem; + text-align: center; +} +main h1 + p a { + color: white !important; } figure { margin: 3em 0; @@ -71,18 +142,61 @@ figure img { } figcaption { font-size: 90%; + opacity: 0.7; } footer { border-top: 1px solid; - margin: 2em 0; + margin: 2em auto; + max-width: var(--max-width); + padding: 10px; + text-align: center; } .footnotes { font-size: 90%; + margin-top: 2rem; } code { + background: white; + border: 1px dotted; + font-size: 18px; padding: 0.1rem; } pre:has(code) { border: 1px solid; + background: white; padding: 0.5rem; } +pre code { + border: 0; +} + +@media(max-width:600px) { + body { + font-size: 18px; + } + code { + font-size: 16px; + } + footer { + text-align: left; + } + #menu { + justify-content: flex-start; + } +} + +@media(prefers-color-scheme: dark) { + html { + background: #1C1B22; + } + a,a:visited { + color: lightgreen; + } + a:hover,a:focus { + background: var(--secondary-color); + color: white; + } + code, pre:has(code) { + background: black; + } +} -- cgit v1.2.3-70-g09d2