diff --git a/404.html b/404.html index 0735c3a4..38f2baa0 100644 --- a/404.html +++ b/404.html @@ -578,16 +578,6 @@ template { See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints */ -@custom-media --sm (min-width: 576px); - -@custom-media --md (min-width: 768px); - -@custom-media --lg (min-width: 992px); - -@custom-media --xl (min-width: 1200px); - -@custom-media --xxl (min-width: 1400px); - :root[data-theme="light"] { --bg: var(--bg0); --bg0: #fbf1c7; @@ -764,7 +754,7 @@ h3 { font-size: 1.625rem; } -@media (--md) { +@media (min-width: 768px) { h1 { font-size: 2.375rem; } @@ -966,7 +956,7 @@ footer { top: 2rem; } -@media (--lg) { +@media (min-width: 992px) { .sidebar { display: flex; @@ -1007,7 +997,7 @@ header { display: none; } -@media (--md) { +@media (min-width: 768px) { .logo__text { display: block; } @@ -1060,7 +1050,7 @@ header { z-index: 1000; } -@media (--md) { +@media (min-width: 768px) { .search { position: relative; } @@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li { margin: 0 0.75rem; } -@media (--md) { +@media (min-width: 768px) { nav#menu ul.menu--horizontal { display: flex; @@ -1257,7 +1247,7 @@ nav#menu .menu__burger input { transform: translate(0, -6px) rotate(-45deg); } -@media (--md) { +@media (min-width: 768px) { nav#menu .menu__burger { display: none; @@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h flex-flow: column; } -@media (--md) { +@media (min-width: 768px) { .jr__item-meta { align-items: center; flex-flow: row wrap; @@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h } */ -

404 Page not found

This is not the page you're looking for.

\ No newline at end of file diff --git a/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html b/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html index eee6fdd0..2ec9b63d 100644 --- a/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html +++ b/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html @@ -579,16 +579,6 @@ template { See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints */ -@custom-media --sm (min-width: 576px); - -@custom-media --md (min-width: 768px); - -@custom-media --lg (min-width: 992px); - -@custom-media --xl (min-width: 1200px); - -@custom-media --xxl (min-width: 1400px); - :root[data-theme="light"] { --bg: var(--bg0); --bg0: #fbf1c7; @@ -765,7 +755,7 @@ h3 { font-size: 1.625rem; } -@media (--md) { +@media (min-width: 768px) { h1 { font-size: 2.375rem; } @@ -967,7 +957,7 @@ footer { top: 2rem; } -@media (--lg) { +@media (min-width: 992px) { .sidebar { display: flex; @@ -1008,7 +998,7 @@ header { display: none; } -@media (--md) { +@media (min-width: 768px) { .logo__text { display: block; } @@ -1061,7 +1051,7 @@ header { z-index: 1000; } -@media (--md) { +@media (min-width: 768px) { .search { position: relative; } @@ -1167,7 +1157,7 @@ nav#menu ul.menu--horizontal li { margin: 0 0.75rem; } -@media (--md) { +@media (min-width: 768px) { nav#menu ul.menu--horizontal { display: flex; @@ -1258,7 +1248,7 @@ nav#menu .menu__burger input { transform: translate(0, -6px) rotate(-45deg); } -@media (--md) { +@media (min-width: 768px) { nav#menu .menu__burger { display: none; @@ -1494,7 +1484,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h flex-flow: column; } -@media (--md) { +@media (min-width: 768px) { .jr__item-meta { align-items: center; flex-flow: row wrap; @@ -1583,7 +1573,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h } */ -

AppGate SDP on Arch Linux

2020-03-16 by Dave Gallant (updated: 2024-01-01)
linuxvpnpython

AppGate SDP provides a Zero Trust network. This post describes how to get AppGate SDP 4.3.2 working on Arch Linux.

Depending on the AppGate SDP Server that is running, you may require a client that is more recent than the latest package on AUR. As of right now, the latest AUR is 4.2.2-1.

These steps highlight how to get it working with Python3.8 by making a 1 line modification to AppGate source code.

Packaging

We already know the community package is currently out of date, so let’s clone it:

git clone https://aur.archlinux.org/appgate-sdp.git
diff --git a/blog/2021/09/06/what-to-do-with-a-homelab/index.html b/blog/2021/09/06/what-to-do-with-a-homelab/index.html
index fa91b3f0..4215a34d 100644
--- a/blog/2021/09/06/what-to-do-with-a-homelab/index.html
+++ b/blog/2021/09/06/what-to-do-with-a-homelab/index.html
@@ -579,16 +579,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -765,7 +755,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -967,7 +957,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1008,7 +998,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1061,7 +1051,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1167,7 +1157,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1258,7 +1248,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1494,7 +1484,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1583,7 +1573,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
What to do with a homelab
2021-09-06 by Dave Gallant (updated: 2024-01-02)
self‑hostedproxmoxtailscale
A homelab can be an inexpensive way to host a multitude of internal/external services and learn a lot in the process.
Do you want host your own Media server? Ad blocker? Web server?
 Are you interested in learning more about Linux? Virtualization? Networking? Security?
diff --git a/blog/2021/09/08/why-i-threw-out-my-dotfiles/index.html b/blog/2021/09/08/why-i-threw-out-my-dotfiles/index.html
index 7cd7fb15..5b78ac55 100644
--- a/blog/2021/09/08/why-i-threw-out-my-dotfiles/index.html
+++ b/blog/2021/09/08/why-i-threw-out-my-dotfiles/index.html
@@ -579,16 +579,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -765,7 +755,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -967,7 +957,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1008,7 +998,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1061,7 +1051,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1167,7 +1157,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1258,7 +1248,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1494,7 +1484,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1583,7 +1573,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Why I threw out my dotfiles
2021-09-08 (updated: 2024-01-01)
nixdotfileshome‑manager
Over the years I have collected a number of dotfiles that I have shared across both Linux and macOS machines (~/.zshrc, ~/.config/git/config, ~/.config/tmux/tmux.conf, etc). I have tried several different ways to manage them, including bare git repos and utilities such as GNU Stow. These solutions work well enough, but I have since found what I would consider a much better solution for organizing user configuration: home-manager.
What is home-manager?
Before understanding home-manager, it is worth briefly discussing what nix is. nix is a package manager that originally spawned from a PhD thesis. Unlike other package managers, it uses symbolic links to keep track of the currently installed packages, keeping around the old ones in case you may want to rollback.
For example, I have used nix to install the package bind which includes dig. You can see that it is available on multiple platforms. The absolute path of dig can be found by running:
$ ls -lh $(which dig)
 lrwxr-xr-x 73 root 31 Dec  1969 /run/current-system/sw/bin/dig -> /nix/store/0r4qdyprljd3dki57jn6c6a8dh2rbg9g-bind-9.16.16-dnsutils/bin/dig
diff --git a/blog/2021/09/17/automatically-rotating-aws-access-keys/index.html b/blog/2021/09/17/automatically-rotating-aws-access-keys/index.html
index c67fadb5..faedcab9 100644
--- a/blog/2021/09/17/automatically-rotating-aws-access-keys/index.html
+++ b/blog/2021/09/17/automatically-rotating-aws-access-keys/index.html
@@ -582,16 +582,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -768,7 +758,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -970,7 +960,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1011,7 +1001,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1064,7 +1054,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1170,7 +1160,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1261,7 +1251,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1497,7 +1487,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1586,6 +1576,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Automatically rotating AWS access keys
2021-09-17 (updated: 2024-01-01)
awspythonsecurityaws‑vault
Rotating credentials is a security best practice. This morning, I read a question about automatically rotating AWS Access Keys without having to go through the hassle of navigating the AWS console. There are some existing solutions already, but I decided to write a script since it was incredibly simple. The script could be packed up as a systemd/launchd service to continually rotate access keys in the background.
In the longer term, migrating my local workflows to aws-vault seems like a more secure solution. This would mean that credentials (even temporary session credentials) never have to be written in plaintext to disk (i.e. where AWS suggests). Any existing applications, such as terraform, could be have their credentials passed to them from aws-vault, which retrieves them from the OS’s secure keystore. There is even a rotate command included.
Dave Gallant

\ No newline at end of file
diff --git a/blog/2021/10/11/replacing-docker-with-podman-on-macos-and-linux/index.html b/blog/2021/10/11/replacing-docker-with-podman-on-macos-and-linux/index.html
index 9ebb65f2..e322763d 100644
--- a/blog/2021/10/11/replacing-docker-with-podman-on-macos-and-linux/index.html
+++ b/blog/2021/10/11/replacing-docker-with-podman-on-macos-and-linux/index.html
@@ -579,16 +579,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -765,7 +755,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -967,7 +957,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1008,7 +998,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1061,7 +1051,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1167,7 +1157,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1258,7 +1248,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1494,7 +1484,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1583,7 +1573,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Replacing docker with podman on macOS (and Linux)
2021-10-11 (updated: 2024-01-02)
dockerpodmancontainers
There are a number of reasons why you might want to replace docker, especially on macOS. The following feature bundled in Docker Desktop might have motivated you enough to consider replacing docker:
Docker has been one of the larger influencers in the container world, helping to standardize the OCI Image Format Specification. For many developers, containers have become synonymous with terms like docker and Dockerfile (a file containing build instructions for a container image). Docker has certainly made it very convenient to build and run containers, but it is not the only solution for doing so.
This post briefly describes my experience swapping out docker for podman on macOS.
What is a container?
A container is a standard unit of software that packages up all application dependencies within it. Multiple containers can be run on a host machine all sharing the same kernel as the host. Linux namespaces help provide an isolated view of the system, including mnt, pid, net, ipc, uid, cgroup, and time. There is an in-depth video that discusses what containers are made from, and near the end there is a demonstration on how to build your own containers from the command line.
By easily allowing the necessary dependencies to live alongside the application code, containers make the “works on my machine” problem less of a problem.
Benefits of Podman
One of the most interesting features of Podman is that it is daemonless. There isn’t a process running on your system managing your containers. In contrast, the docker client is reliant upon the docker daemon (often running as root) to be able to build and run containers.
Podman is rootless by default. It is now possible to run the docker daemon rootless as well, but it’s still not the default behaviour.
I’ve also observed that so far my 2019 16" Macbook Pro hasn’t sounded like a jet engine, although I haven’t performed any disk-intensive operations yet.
Installing Podman
Running Podman on macOS is more involved than on Linux, because the podman-machine must run Linux inside of a virtual machine. Fortunately, the installation is made simple with brew (read this if you’re installing Podman on Linux):
brew install podman
 
The podman-machine must be started:
# This is not necessary on Linux
diff --git a/blog/2021/11/14/running-k3s-in-lxc-on-proxmox/index.html b/blog/2021/11/14/running-k3s-in-lxc-on-proxmox/index.html
index f06f80aa..962f5663 100644
--- a/blog/2021/11/14/running-k3s-in-lxc-on-proxmox/index.html
+++ b/blog/2021/11/14/running-k3s-in-lxc-on-proxmox/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,7 +1572,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Running K3s in LXC on Proxmox
2021-11-14 (updated: 2024-01-01)
k3sproxmoxlxcself‑hosted
It has been a while since I’ve actively used Kubernetes and wanted to explore the evolution of tools such as Helm and Tekton. I decided to deploy K3s, since I’ve had success with deploying it on resource-contrained Raspberry Pis in the past. I thought that this time it’d be convenient to have K3s running in a LXC container on Proxmox. This would allow for easy snapshotting of the entire Kubernetes deployment. LXC containers also provide an efficient way to use a machine’s resources.
What is K3s?
K3s is a Kubernetes distro that advertises itself as a lightweight binary with a much smaller memory-footprint than traditional k8s. K3s is not a fork of k8s as it seeks to remain as close to upstream as it possibly can.
Configure Proxmox
This gist contains snippets and discussion on how to deploy K3s in LXC on Proxmox. It mentions that bridge-nf-call-iptables should be loaded, but I did not understand the benefit of doing this.
Disable swap
There is an issue on Kubernetes regarding swap here. There claims to be support for swap in 1.22, but for now let’s disable it:
sudo sysctl vm.swappiness=0
 sudo swapoff -a
diff --git a/blog/2022/03/13/backing-up-gmail-with-synology/index.html b/blog/2022/03/13/backing-up-gmail-with-synology/index.html
index c14e106c..169ce795 100644
--- a/blog/2022/03/13/backing-up-gmail-with-synology/index.html
+++ b/blog/2022/03/13/backing-up-gmail-with-synology/index.html
@@ -579,16 +579,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -765,7 +755,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -967,7 +957,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1008,7 +998,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1061,7 +1051,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1167,7 +1157,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1258,7 +1248,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1494,7 +1484,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1583,7 +1573,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Backing up gmail with Synology
2022-03-13 (updated: 2024-01-02)
synologygmailbackupransomware
I’ve used gmail since the beta launched touting a whopping 1GB of storage. I thought this was a massive leap in email technology at the time. I was lucky enough to get an invite fairly quickly. Not suprisingly, I have many years of emails, attachments, and photos. I certainly do not want to lose the content of many of these emails. Despite the redundancy of the data that Google secures, I still feel better retaining a copy of this data on my own physical machines.
The thought of completely de-googling has crossed my mind on occassion. Convenience, coupled with my admiration for Google engineering, has prevented me from doing so thus far. Though, I may end up doing so at some point in the future.
Synology MailPlus Server
Synology products are reasonably priced for what you get (essentially a cloud-in-a-box) and there is very little maintenance required. I’ve recently been in interested in syncing and snapshotting my personal data. I’ve setup Synology’s Cloud Sync and keep copies of most of my cloud data.
I’ve used tools such as gmvault with success in the past. Setting this up on a cron seems like a viable option. However, I don’t really need a lot of the features it offers and do not plan to restore this data to another account.
Synology’s MailPlus seems to be a good candidate for backing up this data. By enabling POP3 fetching, it’s possible to fetch all existing emails, as well as periodically fetch all new emails. If a disaster ever did occur, having these emails would be beneficial, as they are an extension of my memory bank.
Installing MailPlus can be done from the Package Center:
image
Next, I went into Synology MailPlus Server and on the left, clicked on Account and ensured my user was marked as active.
Afterwords, I followed these instructions in order to start backing up emails.
When entering the POP3 credentials, I created an app password solely for authenticating to POP3 from the Synology device. This is required because I have 2-Step verification enabled on my account. There doesn’t seem to be a more secure way to access POP3 at the moment. It does seem like app password access is limited in scope (when MFA is enabled). These app passwords can’t be used to login to the main Google account.
I made sure to set the Fetch Range to All in order to get all emails from the beginning of time.
After this, mail started coming in.
image
After fetching 19 years worth of emails, I tried searching for some emails. It only took a few seconds to search through ~50K emails, which is a relief if I ever did have to search for something important.
Securing Synology
Since Synology devices are not hermetically sealed, it’s best to secure them by enabling MFA to help prevent being the victim of ransomware. It is also wise to backup your system settings and volumes to the cloud using a tool such as Hyper Backup.
 Encrypting your shared volumes should also be done, since unfortunately DSM does not support full disk encryption.
Summary
Having backups of various forms of cloud data is a good investment, especially in times of war. I certainly feel more at ease for having backed up my emails.
Dave Gallant

\ No newline at end of file
diff --git a/blog/2022/04/02/virtualizing-my-router-with-pfsense/index.html b/blog/2022/04/02/virtualizing-my-router-with-pfsense/index.html
index cf8781a8..8a0eb411 100644
--- a/blog/2022/04/02/virtualizing-my-router-with-pfsense/index.html
+++ b/blog/2022/04/02/virtualizing-my-router-with-pfsense/index.html
@@ -579,16 +579,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -765,7 +755,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -967,7 +957,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1008,7 +998,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1061,7 +1051,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1167,7 +1157,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1258,7 +1248,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1494,7 +1484,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1583,7 +1573,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Virtualizing my router with pfSense
2022-04-02 (updated: 2024-01-01)
pfsenserouteropenwrtrouter‑on‑a‑stickproxmoxvlanself‑hosted
My aging router has been running OpenWrt for years and for the most part has been quite reliable. OpenWrt is an open-source project used on embedded devices to route network traffic. It supports many different configurations and there exists a large index of packages. Ever since I’ve connected some standalone wireless access points, I’ve had less of a need for an off-the-shelf all-in-one wireless router combo. I’ve also recently been experiencing instability with my router (likely the result of a combination of configuration tweaking and firmware updating). OpenWrt has served me well, but it is time to move on!
pfSense
I figured this would be a good opportunity to try pfSense. I’ve heard nothing but positive things about pfSense and the fact it’s been around since 2004, based on FreeBSD, and written in PHP gave me the impression that it would be relatively stable (and I’d expect nothing less because it has an important job to do!). pfSense can be run on many different machines, and there are even some officially supported appliances. Since I already have a machine running Proxmox, why not just run it in a VM? It’d allow for automatic snapshotting of the machine. There is a good video on this by Techno Tim. Tim has a lot of good videos, and this one is about virtualizing pfSense.
Router on a stick
I had initially made the assumption that in order to build a router, you would need more than a single NIC (or a dual-port NIC) in order to support both WAN and LAN. This is simply not the case, because VLANs are awesome! In order to create a router, all you need is a single port NIC and a network switch that supports VLANs (also marketed as a managed switch). I picked up the Netgear GS308E because it has both a sufficient amount of ports for my needs, and it supports VLANs. It also has a nice sturdy metal frame which was a pleasant surprise.
After setting up this Netgear switch, it shoud be possible to access the web interface at http://192.168.0.239. It may be at a different address. To find the address, try checking your DHCP leases in your router interface (if you plugged it into an existing router). I realized I was unable to access this interface because I was on a different subnet, so I set my machine’s address to 192.168.0.22 in order to temporarily setup this switch. I assigned a static ip address to the switch (in System > Switch Information) so that it was in the same subnet as the rest of my network.
The web interface is nothing spectactular, but it allows for managing VLANs.
The following configuration will:
  • assign port 1 to be the LAN (connected to the Proxmox machine)
  • assign port 8 to be the WAN (connected to my ISP’s modem)
In the switch’s web interface, I went to VLAN and then 802.1Q, and then clicked on VLAN Configuration. I configured the ports to look like this:
vlan-config
Note that the VLAN Identifier Setting has been setup already with two VLANs (1 and 10). More VLANs can be created (i.e. to isolate IoT devices), but 2 VLANs is all we need for the initial setup of a router.
To replicate the above configuration, add a new VLAN ID 10 (1 should exist by default).
Next, go into VLAN Membership and configure VLAN 1’s port membership to be the following:
vlan-membership-1
and then configure VLAN 10’s port membership to be the following:
vlan-membership-10
Now, go into Port PVID and ensure that port 8 is set to PVID 10.
vlan-port-pvid
This above configuration will dedicate two of the eight ports to WAN and LAN. This will allow the internet to flow into the pfSense from the modem.
Setting up pfSense
pfSense is fairly easy to setup. Just download the latest ISO and boot up the virtual machine.
 When setting up the machine, I mostly went with all of the defaults. Configuration can be changed later in the web interface, which is quite a bit simpler.
Since VLANs are going to be leveraged, when you go to Assign Interfaces, VLANs should be setup now like the following:
  • WAN should be vtnet0.10
  • LAN should be vtnet0
After going through the rest of the installation, if everything is connected correctly it should display both WAN and LAN addresses.
If all goes well, the web interface should be running at https://192.168.1.1.
pfsense-dashboard
And this is where the fun begins. There are many tutorials and blogs about how to setup pfSense and various services and packages that can be installed. I’ve already installed pfBlocker-NG.
Summary
It is fairly simple to setup a router with pfSense from within a virtual machine. A physical dedicated routing machine is not necessary and often does not perform as well as software running on faster and more reliable hardware. So far, pfSense has been running for over a week without a single hiccup. pfSense is a mature piece of software that is incredibly powerful and flexible. To avoid some of the instability I had experienced with OpenWrt, I enabled AutoConfigBackup, which is capable of automatically backing up configuration upon every change. I plan to explore and experiment with more services and configuration in the future, so the ability to track all of these changes gives me the peace of mind that experimentation is safe.
Dave Gallant

\ No newline at end of file
diff --git a/blog/2022/12/10/watching-youtube-in-private/index.html b/blog/2022/12/10/watching-youtube-in-private/index.html
index ffbc7068..e76ec5f5 100644
--- a/blog/2022/12/10/watching-youtube-in-private/index.html
+++ b/blog/2022/12/10/watching-youtube-in-private/index.html
@@ -579,16 +579,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -765,7 +755,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -967,7 +957,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1008,7 +998,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1061,7 +1051,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1167,7 +1157,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1258,7 +1248,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1494,7 +1484,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1583,7 +1573,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Watching YouTube in private
2022-12-10 (updated: 2024-01-02)
invidiousyoutubeyewtu.betailscaleprivacyself‑hosted
I recently stumbled upon yewtu.be and found it intriguing. It not only allows you to watch YouTube without being on YouTube, but it also allows you to create an account and subscribe to channels without a Google account. What sort of wizardry is going on under the hood? It turns out that it’s a hosted instance of invidious.
image
The layout is simple, and JavaScript is not required.
I started using yewtu.be as my primary client for watching videos. I subscribe to several YouTube channels and I prefer the interface invidiuous provides due to its simplicity. It’s also nice to be in control of my search and watch history.
A few days ago, yewtu.be went down briefly, and that motivated me enough to self-host invidious. There are several other hosted instances listed here, but being able to easily backup my own instance (including subscriptions and watch history) is more compelling in my case.
Hosting invidious
The quickest way to get invidious up is with docker-compose as mentioned in the docs.
I made a few modifications, and ended up with:
version: "3"
 services:
diff --git a/blog/2023/05/22/using-aks-and-socks-to-connect-to-a-private-azure-db/index.html b/blog/2023/05/22/using-aks-and-socks-to-connect-to-a-private-azure-db/index.html
index 93461b4b..3590e359 100644
--- a/blog/2023/05/22/using-aks-and-socks-to-connect-to-a-private-azure-db/index.html
+++ b/blog/2023/05/22/using-aks-and-socks-to-connect-to-a-private-azure-db/index.html
@@ -579,16 +579,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -765,7 +755,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -967,7 +957,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1008,7 +998,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1061,7 +1051,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1167,7 +1157,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1258,7 +1248,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1494,7 +1484,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1583,7 +1573,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Using AKS and SOCKS to connect to a private Azure DB
2023-05-22 (updated: 2024-01-01)
aksawsazurebastioncloud‑sql‑proxydatabaseeksk8skubectl‑plugin‑socks5‑proxyproxysocatsocks
I ran into a roadblock recently where I wanted to be able to conveniently connect to a managed postgres database within Azure that was not running on public subnets. And by conveniently, I mean that I’d rather not have to spin up an ephemeral virtual machine running in the same network and proxy the connection, and I’d like to use a local client (preferably with a GUI). After several web searches, it became evident that Azure does not readily provide much tooling to support this.
Go Public?
Should the database be migrated to public subnets? Ideally not, since it is good practice to host internal infrastructure in restricted subnets.
How do others handle this?
With GCP, connecting to a private db instance from any machine can be achieved with cloud-sql-proxy. This works by proxying requests from your machine to the SQL database instance in the cloud, while the authentication is handled by GCP’s IAM.
So what about Azure? Is there any solution that is as elegant as cloud-sql-proxy?
A Bastion
Similar to what AWS has recommended, perhaps a bastion is the way forward?
Azure has a fully-managed service called Azure Bastion that provides secure access to virtual machines that do not have public IPs. This looks interesting, but unfortunately it costs money and requires an additional virtual machine.
Because this adds cost (and complexity), it does not seem like a desirable option in its current state. If it provided a more seamless connection to the database, it would be more appealing.
SOCKS
2023-12-13:
 An alternative to using a socks proxy is socat. This would allow you to relay tcp connections to a pod running in k8s, and then port-forward them to your localhost.
diff --git a/blog/2023/12/10/setting-up-gitea-actions-with-tailscale/index.html b/blog/2023/12/10/setting-up-gitea-actions-with-tailscale/index.html
index a52bfef4..6c85c486 100644
--- a/blog/2023/12/10/setting-up-gitea-actions-with-tailscale/index.html
+++ b/blog/2023/12/10/setting-up-gitea-actions-with-tailscale/index.html
@@ -579,16 +579,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -765,7 +755,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -967,7 +957,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1008,7 +998,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1061,7 +1051,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1167,7 +1157,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1258,7 +1248,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1494,7 +1484,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1583,7 +1573,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Setting up Gitea Actions with Tailscale
2023-12-10 (updated: 2024-01-01)
giteagitea‑actionsgithub‑actionstailscaleself‑hosted
In this post I’ll go through the process of setting up Gitea Actions and Tailscale, unlocking a simple and secure way to automate workflows.
What is Gitea?
Gitea is a lightweight and fast git server that has much of the same look and feel as github. I have been using it in my homelab to mirror repositories hosted on other platforms such as github and gitlab. These mirrors take advantage of the decentralized nature of git by serving as “backups”. One of the main reasons I hadn’t been using it more often was due to the lack of integrated CI/CD. This is no longer the case.
Gitea Actions
Gitea Actions have made it into the 1.19.0 release. This feature had been in an experimental state up until 1.21.0 and is now enabled by default 🎉.
So what are they? If you’ve ever used GitHub Actions (and if you’re reading this, I imagine you have), these will look familiar. Gitea Actions essentially enable the ability to run github workflows on gitea. Workflows between gitea and github are not completely interopable, but a lot of the same workflow syntax is already compatible on gitea. You can find a documented list of unsupported workflows syntax.
Actions work by using a custom fork of nekos/act. Workflows run in a new container for every job. If you specify an action such as ‘actions/checkout@v3’, it defaults to downloading the scripts from github.com. To avoid internet egress, you could always clone the required actions to your local gitea instance.
Actions (gitea’s implementation) has me excited because it makes spinning up a network-isolated environment for workflow automation incredibly simple.
Integration with Tailscale
So how does Tailscale help here? Well, more recently I’ve been exposing my self-hosted services through a combination of traefik and the tailscale (through the tailscale-traefik proxy integration described here). This allows for a nice looking dns name (i.e. gitea.my-tailnet-name.ts.net) and automatic tls certificate management. I can also share this tailscale node securely with other tailscale users without configuring any firewall rules on my router.
Deploying Gitea, Traefik, and Tailscale
In my case, the following is already set up:
My preferred approach to deploying code in a homelab environment is with docker compose. I have deployed this in a proxmox lxc container based on debian with a hostname gitea. This could be deployed in any environment and with any hostname (as long you updated the tailscale machine name to your preferred subdomain for magic dns).
The docker-compose.yaml file looks like:
version: "3.7"
 services:
diff --git a/categories/index.html b/categories/index.html
index 3dad1376..55b93a73 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Categories
Dave Gallant

\ No newline at end of file
diff --git a/css/non-critical.67cb283542b48f68e77ea69ecc88c660d6cd3c5286d9f66a72c693a6d009b5745c627a5b065dab9c3583e47513e8845d4c7aa57bd4c4847fa4fca61ae5258681.css b/css/non-critical.fda4fe26932451ba1f7ab9430bf51f2047a023a1dcd0748e27f117a9cf8462bd2a9a27cb13f7f889850e85728f11cc1dbbd025849fe9f66e87a95305d6735f9f.css
similarity index 94%
rename from css/non-critical.67cb283542b48f68e77ea69ecc88c660d6cd3c5286d9f66a72c693a6d009b5745c627a5b065dab9c3583e47513e8845d4c7aa57bd4c4847fa4fca61ae5258681.css
rename to css/non-critical.fda4fe26932451ba1f7ab9430bf51f2047a023a1dcd0748e27f117a9cf8462bd2a9a27cb13f7f889850e85728f11cc1dbbd025849fe9f66e87a95305d6735f9f.css
index 6a32d4b8..216ca75b 100644
--- a/css/non-critical.67cb283542b48f68e77ea69ecc88c660d6cd3c5286d9f66a72c693a6d009b5745c627a5b065dab9c3583e47513e8845d4c7aa57bd4c4847fa4fca61ae5258681.css
+++ b/css/non-critical.fda4fe26932451ba1f7ab9430bf51f2047a023a1dcd0748e27f117a9cf8462bd2a9a27cb13f7f889850e85728f11cc1dbbd025849fe9f66e87a95305d6735f9f.css
@@ -137,16 +137,6 @@ pre[class*="language-"] {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 footer {
   align-items: center;
   color: var(--fg3);
diff --git a/de/404.html b/de/404.html
index 0c404bf9..704fe6fb 100644
--- a/de/404.html
+++ b/de/404.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
404 Page not found
This is not the page you're looking for.
Dave Gallant

\ No newline at end of file
diff --git a/de/categories/index.html b/de/categories/index.html
index cbc7b22b..17a2b638 100644
--- a/de/categories/index.html
+++ b/de/categories/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Categories
Dave Gallant

\ No newline at end of file
diff --git a/de/index.html b/de/index.html
index be0ef23c..aad09711 100644
--- a/de/index.html
+++ b/de/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Dave Gallant

\ No newline at end of file
diff --git a/de/tags/index.html b/de/tags/index.html
index 259b17e9..061fd7c2 100644
--- a/de/tags/index.html
+++ b/de/tags/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Tags
Dave Gallant

\ No newline at end of file
diff --git a/index.html b/index.html
index 301e400b..13faa7e0 100644
--- a/index.html
+++ b/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,7 +1572,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Using AKS and SOCKS to connect to a private Azure DB
2023-05-22 (updated: 2024-01-01)
aksawsazurebastioncloud‑sql‑proxydatabaseeksk8skubectl‑plugin‑socks5‑proxyproxysocatsocks
I ran into a roadblock recently where I wanted to be able to conveniently connect to a managed postgres database within Azure that was not running on public subnets. And by conveniently, I mean that I’d rather not have to spin up an ephemeral virtual machine running in the same network and proxy the connection, and I’d like to use a local client (preferably with a GUI). After several web searches, it became evident that Azure does not readily provide much tooling to support this.
Read more >
Virtualizing my router with pfSense
2022-04-02 (updated: 2024-01-01)
pfsenserouteropenwrtrouter‑on‑a‑stickproxmoxvlanself‑hosted
My aging router has been running OpenWrt for years and for the most part has been quite reliable. OpenWrt is an open-source project used on embedded devices to route network traffic. It supports many different configurations and there exists a large index of packages. Ever since I’ve connected some standalone wireless access points, I’ve had less of a need for an off-the-shelf all-in-one wireless router combo. I’ve also recently been experiencing instability with my router (likely the result of a combination of configuration tweaking and firmware updating). OpenWrt has served me well, but it is time to move on!
Read more >
Backing up gmail with Synology
2022-03-13 (updated: 2024-01-02)
synologygmailbackupransomware
I’ve used gmail since the beta launched touting a whopping 1GB of storage. I thought this was a massive leap in email technology at the time. I was lucky enough to get an invite fairly quickly. Not suprisingly, I have many years of emails, attachments, and photos. I certainly do not want to lose the content of many of these emails. Despite the redundancy of the data that Google secures, I still feel better retaining a copy of this data on my own physical machines.
Read more >
Running K3s in LXC on Proxmox
2021-11-14 (updated: 2024-01-01)
k3sproxmoxlxcself‑hosted
It has been a while since I’ve actively used Kubernetes and wanted to explore the evolution of tools such as Helm and Tekton. I decided to deploy K3s, since I’ve had success with deploying it on resource-contrained Raspberry Pis in the past. I thought that this time it’d be convenient to have K3s running in a LXC container on Proxmox. This would allow for easy snapshotting of the entire Kubernetes deployment.
Read more >
Automatically rotating AWS access keys
2021-09-17 (updated: 2024-01-01)
awspythonsecurityaws‑vault
Rotating credentials is a security best practice. This morning, I read a question about automatically rotating AWS Access Keys without having to go through the hassle of navigating the AWS console. There are some existing solutions already, but I decided to write a script since it was incredibly simple. The script could be packed up as a systemd/launchd service to continually rotate access keys in the background.
 In the longer term, migrating my local workflows to aws-vault seems like a more secure solution.
Read more >
Why I threw out my dotfiles
2021-09-08 (updated: 2024-01-01)
nixdotfileshome‑manager
Over the years I have collected a number of dotfiles that I have shared across both Linux and macOS machines (~/.zshrc, ~/.config/git/config, ~/.config/tmux/tmux.conf, etc). I have tried several different ways to manage them, including bare git repos and utilities such as GNU Stow. These solutions work well enough, but I have since found what I would consider a much better solution for organizing user configuration: home-manager.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/page/2/index.html b/page/2/index.html
index 9e7c7151..f60e906c 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,7 +1572,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Dave Gallant

\ No newline at end of file
diff --git a/post/index.html b/post/index.html
index 3a1a581e..0fa6f58e 100644
--- a/post/index.html
+++ b/post/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,7 +1572,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Posts
Using AKS and SOCKS to connect to a private Azure DB
2023-05-22 (updated: 2024-01-01)
aksawsazurebastioncloud‑sql‑proxydatabaseeksk8skubectl‑plugin‑socks5‑proxyproxysocatsocks
I ran into a roadblock recently where I wanted to be able to conveniently connect to a managed postgres database within Azure that was not running on public subnets. And by conveniently, I mean that I’d rather not have to spin up an ephemeral virtual machine running in the same network and proxy the connection, and I’d like to use a local client (preferably with a GUI). After several web searches, it became evident that Azure does not readily provide much tooling to support this.
Read more >
Virtualizing my router with pfSense
2022-04-02 (updated: 2024-01-01)
pfsenserouteropenwrtrouter‑on‑a‑stickproxmoxvlanself‑hosted
My aging router has been running OpenWrt for years and for the most part has been quite reliable. OpenWrt is an open-source project used on embedded devices to route network traffic. It supports many different configurations and there exists a large index of packages. Ever since I’ve connected some standalone wireless access points, I’ve had less of a need for an off-the-shelf all-in-one wireless router combo. I’ve also recently been experiencing instability with my router (likely the result of a combination of configuration tweaking and firmware updating). OpenWrt has served me well, but it is time to move on!
Read more >
Backing up gmail with Synology
2022-03-13 (updated: 2024-01-02)
synologygmailbackupransomware
I’ve used gmail since the beta launched touting a whopping 1GB of storage. I thought this was a massive leap in email technology at the time. I was lucky enough to get an invite fairly quickly. Not suprisingly, I have many years of emails, attachments, and photos. I certainly do not want to lose the content of many of these emails. Despite the redundancy of the data that Google secures, I still feel better retaining a copy of this data on my own physical machines.
Read more >
Running K3s in LXC on Proxmox
2021-11-14 (updated: 2024-01-01)
k3sproxmoxlxcself‑hosted
It has been a while since I’ve actively used Kubernetes and wanted to explore the evolution of tools such as Helm and Tekton. I decided to deploy K3s, since I’ve had success with deploying it on resource-contrained Raspberry Pis in the past. I thought that this time it’d be convenient to have K3s running in a LXC container on Proxmox. This would allow for easy snapshotting of the entire Kubernetes deployment.
Read more >
Automatically rotating AWS access keys
2021-09-17 (updated: 2024-01-01)
awspythonsecurityaws‑vault
Rotating credentials is a security best practice. This morning, I read a question about automatically rotating AWS Access Keys without having to go through the hassle of navigating the AWS console. There are some existing solutions already, but I decided to write a script since it was incredibly simple. The script could be packed up as a systemd/launchd service to continually rotate access keys in the background.
 In the longer term, migrating my local workflows to aws-vault seems like a more secure solution.
Read more >
Why I threw out my dotfiles
2021-09-08 (updated: 2024-01-01)
nixdotfileshome‑manager
Over the years I have collected a number of dotfiles that I have shared across both Linux and macOS machines (~/.zshrc, ~/.config/git/config, ~/.config/tmux/tmux.conf, etc). I have tried several different ways to manage them, including bare git repos and utilities such as GNU Stow. These solutions work well enough, but I have since found what I would consider a much better solution for organizing user configuration: home-manager.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/post/page/2/index.html b/post/page/2/index.html
index 0243beba..c34060b0 100644
--- a/post/page/2/index.html
+++ b/post/page/2/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,7 +1572,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Posts
Dave Gallant

\ No newline at end of file
diff --git a/tags/aks/index.html b/tags/aks/index.html
index cd45503d..2014e4a8 100644
--- a/tags/aks/index.html
+++ b/tags/aks/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
aks
Using AKS and SOCKS to connect to a private Azure DB
2023-05-22 (updated: 2024-01-01)
aksawsazurebastioncloud‑sql‑proxydatabaseeksk8skubectl‑plugin‑socks5‑proxyproxysocatsocks
I ran into a roadblock recently where I wanted to be able to conveniently connect to a managed postgres database within Azure that was not running on public subnets. And by conveniently, I mean that I’d rather not have to spin up an ephemeral virtual machine running in the same network and proxy the connection, and I’d like to use a local client (preferably with a GUI). After several web searches, it became evident that Azure does not readily provide much tooling to support this.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/aws-vault/index.html b/tags/aws-vault/index.html
index e167d8e5..65f56a5a 100644
--- a/tags/aws-vault/index.html
+++ b/tags/aws-vault/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,7 +1572,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
aws-vault
Automatically rotating AWS access keys
2021-09-17 (updated: 2024-01-01)
awspythonsecurityaws‑vault
Rotating credentials is a security best practice. This morning, I read a question about automatically rotating AWS Access Keys without having to go through the hassle of navigating the AWS console. There are some existing solutions already, but I decided to write a script since it was incredibly simple. The script could be packed up as a systemd/launchd service to continually rotate access keys in the background.
 In the longer term, migrating my local workflows to aws-vault seems like a more secure solution.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/aws/index.html b/tags/aws/index.html
index fe3e26ab..e8e59f51 100644
--- a/tags/aws/index.html
+++ b/tags/aws/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,7 +1572,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
aws
Using AKS and SOCKS to connect to a private Azure DB
2023-05-22 (updated: 2024-01-01)
aksawsazurebastioncloud‑sql‑proxydatabaseeksk8skubectl‑plugin‑socks5‑proxyproxysocatsocks
I ran into a roadblock recently where I wanted to be able to conveniently connect to a managed postgres database within Azure that was not running on public subnets. And by conveniently, I mean that I’d rather not have to spin up an ephemeral virtual machine running in the same network and proxy the connection, and I’d like to use a local client (preferably with a GUI). After several web searches, it became evident that Azure does not readily provide much tooling to support this.
Read more >
Automatically rotating AWS access keys
2021-09-17 (updated: 2024-01-01)
awspythonsecurityaws‑vault
Rotating credentials is a security best practice. This morning, I read a question about automatically rotating AWS Access Keys without having to go through the hassle of navigating the AWS console. There are some existing solutions already, but I decided to write a script since it was incredibly simple. The script could be packed up as a systemd/launchd service to continually rotate access keys in the background.
 In the longer term, migrating my local workflows to aws-vault seems like a more secure solution.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/azure/index.html b/tags/azure/index.html
index ac6ad30e..d5836fae 100644
--- a/tags/azure/index.html
+++ b/tags/azure/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
azure
Using AKS and SOCKS to connect to a private Azure DB
2023-05-22 (updated: 2024-01-01)
aksawsazurebastioncloud‑sql‑proxydatabaseeksk8skubectl‑plugin‑socks5‑proxyproxysocatsocks
I ran into a roadblock recently where I wanted to be able to conveniently connect to a managed postgres database within Azure that was not running on public subnets. And by conveniently, I mean that I’d rather not have to spin up an ephemeral virtual machine running in the same network and proxy the connection, and I’d like to use a local client (preferably with a GUI). After several web searches, it became evident that Azure does not readily provide much tooling to support this.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/backup/index.html b/tags/backup/index.html
index fb9d7fbf..31be0954 100644
--- a/tags/backup/index.html
+++ b/tags/backup/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
backup
Backing up gmail with Synology
2022-03-13 (updated: 2024-01-02)
synologygmailbackupransomware
I’ve used gmail since the beta launched touting a whopping 1GB of storage. I thought this was a massive leap in email technology at the time. I was lucky enough to get an invite fairly quickly. Not suprisingly, I have many years of emails, attachments, and photos. I certainly do not want to lose the content of many of these emails. Despite the redundancy of the data that Google secures, I still feel better retaining a copy of this data on my own physical machines.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/bastion/index.html b/tags/bastion/index.html
index 00909b19..d486ef45 100644
--- a/tags/bastion/index.html
+++ b/tags/bastion/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
bastion
Using AKS and SOCKS to connect to a private Azure DB
2023-05-22 (updated: 2024-01-01)
aksawsazurebastioncloud‑sql‑proxydatabaseeksk8skubectl‑plugin‑socks5‑proxyproxysocatsocks
I ran into a roadblock recently where I wanted to be able to conveniently connect to a managed postgres database within Azure that was not running on public subnets. And by conveniently, I mean that I’d rather not have to spin up an ephemeral virtual machine running in the same network and proxy the connection, and I’d like to use a local client (preferably with a GUI). After several web searches, it became evident that Azure does not readily provide much tooling to support this.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/cloud-sql-proxy/index.html b/tags/cloud-sql-proxy/index.html
index 0e72c1bd..1e644820 100644
--- a/tags/cloud-sql-proxy/index.html
+++ b/tags/cloud-sql-proxy/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
cloud-sql-proxy
Using AKS and SOCKS to connect to a private Azure DB
2023-05-22 (updated: 2024-01-01)
aksawsazurebastioncloud‑sql‑proxydatabaseeksk8skubectl‑plugin‑socks5‑proxyproxysocatsocks
I ran into a roadblock recently where I wanted to be able to conveniently connect to a managed postgres database within Azure that was not running on public subnets. And by conveniently, I mean that I’d rather not have to spin up an ephemeral virtual machine running in the same network and proxy the connection, and I’d like to use a local client (preferably with a GUI). After several web searches, it became evident that Azure does not readily provide much tooling to support this.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/containers/index.html b/tags/containers/index.html
index 42ddb3fc..c1ce090d 100644
--- a/tags/containers/index.html
+++ b/tags/containers/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
containers
Dave Gallant

\ No newline at end of file
diff --git a/tags/database/index.html b/tags/database/index.html
index cdd7a8a2..5db57757 100644
--- a/tags/database/index.html
+++ b/tags/database/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
database
Using AKS and SOCKS to connect to a private Azure DB
2023-05-22 (updated: 2024-01-01)
aksawsazurebastioncloud‑sql‑proxydatabaseeksk8skubectl‑plugin‑socks5‑proxyproxysocatsocks
I ran into a roadblock recently where I wanted to be able to conveniently connect to a managed postgres database within Azure that was not running on public subnets. And by conveniently, I mean that I’d rather not have to spin up an ephemeral virtual machine running in the same network and proxy the connection, and I’d like to use a local client (preferably with a GUI). After several web searches, it became evident that Azure does not readily provide much tooling to support this.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/docker/index.html b/tags/docker/index.html
index 14110d32..20f2891d 100644
--- a/tags/docker/index.html
+++ b/tags/docker/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
docker
Dave Gallant

\ No newline at end of file
diff --git a/tags/dotfiles/index.html b/tags/dotfiles/index.html
index f96c6faf..ab2b2178 100644
--- a/tags/dotfiles/index.html
+++ b/tags/dotfiles/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
dotfiles
Why I threw out my dotfiles
2021-09-08 (updated: 2024-01-01)
nixdotfileshome‑manager
Over the years I have collected a number of dotfiles that I have shared across both Linux and macOS machines (~/.zshrc, ~/.config/git/config, ~/.config/tmux/tmux.conf, etc). I have tried several different ways to manage them, including bare git repos and utilities such as GNU Stow. These solutions work well enough, but I have since found what I would consider a much better solution for organizing user configuration: home-manager.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/eks/index.html b/tags/eks/index.html
index 81635043..b6332085 100644
--- a/tags/eks/index.html
+++ b/tags/eks/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
eks
Using AKS and SOCKS to connect to a private Azure DB
2023-05-22 (updated: 2024-01-01)
aksawsazurebastioncloud‑sql‑proxydatabaseeksk8skubectl‑plugin‑socks5‑proxyproxysocatsocks
I ran into a roadblock recently where I wanted to be able to conveniently connect to a managed postgres database within Azure that was not running on public subnets. And by conveniently, I mean that I’d rather not have to spin up an ephemeral virtual machine running in the same network and proxy the connection, and I’d like to use a local client (preferably with a GUI). After several web searches, it became evident that Azure does not readily provide much tooling to support this.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/gitea-actions/index.html b/tags/gitea-actions/index.html
index 81f831cf..f9030fb7 100644
--- a/tags/gitea-actions/index.html
+++ b/tags/gitea-actions/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
gitea actions
Dave Gallant

\ No newline at end of file
diff --git a/tags/gitea/index.html b/tags/gitea/index.html
index 65581687..82c0f39c 100644
--- a/tags/gitea/index.html
+++ b/tags/gitea/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
gitea
Dave Gallant

\ No newline at end of file
diff --git a/tags/github-actions/index.html b/tags/github-actions/index.html
index 4fc39dd2..5b39eba0 100644
--- a/tags/github-actions/index.html
+++ b/tags/github-actions/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
github actions
Dave Gallant

\ No newline at end of file
diff --git a/tags/gmail/index.html b/tags/gmail/index.html
index a24090c6..4fef3b21 100644
--- a/tags/gmail/index.html
+++ b/tags/gmail/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
gmail
Backing up gmail with Synology
2022-03-13 (updated: 2024-01-02)
synologygmailbackupransomware
I’ve used gmail since the beta launched touting a whopping 1GB of storage. I thought this was a massive leap in email technology at the time. I was lucky enough to get an invite fairly quickly. Not suprisingly, I have many years of emails, attachments, and photos. I certainly do not want to lose the content of many of these emails. Despite the redundancy of the data that Google secures, I still feel better retaining a copy of this data on my own physical machines.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/home-manager/index.html b/tags/home-manager/index.html
index 78b1e7bc..3da6eef7 100644
--- a/tags/home-manager/index.html
+++ b/tags/home-manager/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
home-manager
Why I threw out my dotfiles
2021-09-08 (updated: 2024-01-01)
nixdotfileshome‑manager
Over the years I have collected a number of dotfiles that I have shared across both Linux and macOS machines (~/.zshrc, ~/.config/git/config, ~/.config/tmux/tmux.conf, etc). I have tried several different ways to manage them, including bare git repos and utilities such as GNU Stow. These solutions work well enough, but I have since found what I would consider a much better solution for organizing user configuration: home-manager.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/index.html b/tags/index.html
index c8ba3c6b..11c87af2 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Tags
gitea
2023-12-10 (updated: 2024-01-01)
aks
2023-05-22 (updated: 2024-01-01)
aws
2023-05-22 (updated: 2024-01-01)
azure
2023-05-22 (updated: 2024-01-01)
bastion
2023-05-22 (updated: 2024-01-01)
Dave Gallant

\ No newline at end of file
diff --git a/tags/invidious/index.html b/tags/invidious/index.html
index a9fa9cab..0e22e830 100644
--- a/tags/invidious/index.html
+++ b/tags/invidious/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
invidious
Dave Gallant

\ No newline at end of file
diff --git a/tags/k3s/index.html b/tags/k3s/index.html
index c27f86d3..7052f155 100644
--- a/tags/k3s/index.html
+++ b/tags/k3s/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
k3s
Running K3s in LXC on Proxmox
2021-11-14 (updated: 2024-01-01)
k3sproxmoxlxcself‑hosted
It has been a while since I’ve actively used Kubernetes and wanted to explore the evolution of tools such as Helm and Tekton. I decided to deploy K3s, since I’ve had success with deploying it on resource-contrained Raspberry Pis in the past. I thought that this time it’d be convenient to have K3s running in a LXC container on Proxmox. This would allow for easy snapshotting of the entire Kubernetes deployment.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/k8s/index.html b/tags/k8s/index.html
index ebc61e58..da4bb331 100644
--- a/tags/k8s/index.html
+++ b/tags/k8s/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
k8s
Using AKS and SOCKS to connect to a private Azure DB
2023-05-22 (updated: 2024-01-01)
aksawsazurebastioncloud‑sql‑proxydatabaseeksk8skubectl‑plugin‑socks5‑proxyproxysocatsocks
I ran into a roadblock recently where I wanted to be able to conveniently connect to a managed postgres database within Azure that was not running on public subnets. And by conveniently, I mean that I’d rather not have to spin up an ephemeral virtual machine running in the same network and proxy the connection, and I’d like to use a local client (preferably with a GUI). After several web searches, it became evident that Azure does not readily provide much tooling to support this.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/kubectl-plugin-socks5-proxy/index.html b/tags/kubectl-plugin-socks5-proxy/index.html
index cb8db9d6..760e1070 100644
--- a/tags/kubectl-plugin-socks5-proxy/index.html
+++ b/tags/kubectl-plugin-socks5-proxy/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
kubectl-plugin-socks5-proxy
Using AKS and SOCKS to connect to a private Azure DB
2023-05-22 (updated: 2024-01-01)
aksawsazurebastioncloud‑sql‑proxydatabaseeksk8skubectl‑plugin‑socks5‑proxyproxysocatsocks
I ran into a roadblock recently where I wanted to be able to conveniently connect to a managed postgres database within Azure that was not running on public subnets. And by conveniently, I mean that I’d rather not have to spin up an ephemeral virtual machine running in the same network and proxy the connection, and I’d like to use a local client (preferably with a GUI). After several web searches, it became evident that Azure does not readily provide much tooling to support this.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/linux/index.html b/tags/linux/index.html
index 11552b68..75f28e49 100644
--- a/tags/linux/index.html
+++ b/tags/linux/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
linux
Dave Gallant

\ No newline at end of file
diff --git a/tags/lxc/index.html b/tags/lxc/index.html
index bc0a87ad..2bcbccf5 100644
--- a/tags/lxc/index.html
+++ b/tags/lxc/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
lxc
Running K3s in LXC on Proxmox
2021-11-14 (updated: 2024-01-01)
k3sproxmoxlxcself‑hosted
It has been a while since I’ve actively used Kubernetes and wanted to explore the evolution of tools such as Helm and Tekton. I decided to deploy K3s, since I’ve had success with deploying it on resource-contrained Raspberry Pis in the past. I thought that this time it’d be convenient to have K3s running in a LXC container on Proxmox. This would allow for easy snapshotting of the entire Kubernetes deployment.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/nix/index.html b/tags/nix/index.html
index 2e1d3c3d..4ed198e7 100644
--- a/tags/nix/index.html
+++ b/tags/nix/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
nix
Why I threw out my dotfiles
2021-09-08 (updated: 2024-01-01)
nixdotfileshome‑manager
Over the years I have collected a number of dotfiles that I have shared across both Linux and macOS machines (~/.zshrc, ~/.config/git/config, ~/.config/tmux/tmux.conf, etc). I have tried several different ways to manage them, including bare git repos and utilities such as GNU Stow. These solutions work well enough, but I have since found what I would consider a much better solution for organizing user configuration: home-manager.
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/openwrt/index.html b/tags/openwrt/index.html
index 08e23e19..6ec2af0a 100644
--- a/tags/openwrt/index.html
+++ b/tags/openwrt/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,6 +1572,6 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
openwrt
Virtualizing my router with pfSense
2022-04-02 (updated: 2024-01-01)
pfsenserouteropenwrtrouter‑on‑a‑stickproxmoxvlanself‑hosted
My aging router has been running OpenWrt for years and for the most part has been quite reliable. OpenWrt is an open-source project used on embedded devices to route network traffic. It supports many different configurations and there exists a large index of packages. Ever since I’ve connected some standalone wireless access points, I’ve had less of a need for an off-the-shelf all-in-one wireless router combo. I’ve also recently been experiencing instability with my router (likely the result of a combination of configuration tweaking and firmware updating). OpenWrt has served me well, but it is time to move on!
Read more >
Dave Gallant

\ No newline at end of file
diff --git a/tags/page/2/index.html b/tags/page/2/index.html
index aa82cb6f..5dde26fc 100644
--- a/tags/page/2/index.html
+++ b/tags/page/2/index.html
@@ -578,16 +578,6 @@ template {
   See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
 */
 
-@custom-media --sm (min-width: 576px);
-
-@custom-media --md (min-width: 768px);
-
-@custom-media --lg (min-width: 992px);
-
-@custom-media --xl (min-width: 1200px);
-
-@custom-media --xxl (min-width: 1400px);
-
 :root[data-theme="light"] {
   --bg: var(--bg0);
   --bg0: #fbf1c7;
@@ -764,7 +754,7 @@ h3 {
   font-size: 1.625rem;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   h1 {
     font-size: 2.375rem;
   }
@@ -966,7 +956,7 @@ footer {
   top: 2rem;
 }
 
-@media (--lg) {
+@media (min-width: 992px) {
 
 .sidebar {
     display: flex;
@@ -1007,7 +997,7 @@ header {
   display: none;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .logo__text {
     display: block;
   }
@@ -1060,7 +1050,7 @@ header {
   z-index: 1000;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .search {
     position: relative;
   }
@@ -1166,7 +1156,7 @@ nav#menu ul.menu--horizontal li {
       margin: 0 0.75rem;
     }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu ul.menu--horizontal {
       display: flex;
@@ -1257,7 +1247,7 @@ nav#menu .menu__burger input {
             transform: translate(0, -6px) rotate(-45deg);
           }
 
-@media (--md) {
+@media (min-width: 768px) {
 
 nav#menu .menu__burger {
       display: none;
@@ -1493,7 +1483,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
   flex-flow: column;
 }
 
-@media (--md) {
+@media (min-width: 768px) {
   .jr__item-meta {
     align-items: center;
     flex-flow: row wrap;
@@ -1582,7 +1572,7 @@ h1:hover .post-heading__anchor, h2:hover .post-heading__anchor, h3:hover .post-h
 }
 
 */
-

 
Tags
database
2023-05-22 (updated: 2024-01-01)
eks
2023-05-22 (updated: 2024-01-01)
k8s
2023-05-22 (updated: 2024-01-01)
proxy
2023-05-22 (updated: 2024-01-01)
socat
2023-05-22 (updated: 2024-01-01)
socks
2023-05-22 (updated: 2024-01-01)
privacy
2022-12-10 (updated: 2024-01-02)
yewtu.be
2022-12-10 (updated: 2024-01-02)