Update dependency postcss-nesting to v12.1.1

content/blog/setting-up-gitea-actions-with-tailscale/index.md

@@ -109,8 +109,8 @@ I discovered some themes for gitea [here](https://git.sainnhe.dev/sainnhe/gitea-
 I added the theme by cloning [theme-gruvbox-auto.css](https://git.sainnhe.dev/sainnhe/gitea-themes/raw/branch/master/dist/theme-gruvbox-auto.css) into `./data/gitea/public/assets/css`. I then added the following to `environment` in `docker-compose.yml`:
 
 ```yaml
-- GITEA__ui__DEFAULT_THEME=palenight
-- GITEA__ui__THEMES=palenight
+- GITEA__ui__DEFAULT_THEME=gruvbox-auto
+- GITEA__ui__THEMES=gruvbox-auto
 ```
 
 After restarting the gitea instance, the default theme was applied.
@@ -121,6 +121,8 @@ I installed the runner by [following the docs](https://docs.gitea.com/usage/acti
 
 After registering this runner and starting the daemon, the runner appeared in `/admin/actions/runners`. I added two other runners to help with parallelization.
 
+![image](gitea-runners.png)
+
 ## Running a workflow
 
 Now it's time start running some automation. I used the [demo workflow](https://docs.gitea.com/usage/actions/quickstart#use-actions) as a starting point to verify that the runner is executing workflows.

content/blog/using-aks-and-socks-to-connect-to-a-private-azure-db/index.md

@@ -22,7 +22,7 @@ tags:
 author: "Dave Gallant"
 ---
 
-I ran into a roadblock recently where I wanted 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.
+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.
 
 <!--more-->
 

justfile

@@ -5,6 +5,5 @@ build: clean
 clean:
   rm -rf public/
 
-server: clean
-  npm ci
+server:
   hugo server --buildDrafts

layouts/partials/comments.html

@@ -3,7 +3,7 @@
   src="https://storage.ko-fi.com/cdn/widget/Widget_2.js"
 ></script>
 <script type="text/javascript">
-  kofiwidget2.init("Buy me a coffee", "#32344a", "F1F2S4LWI");
+  kofiwidget2.init("Buy me a coffee", "#458588", "F1F2S4LWI");
   kofiwidget2.draw();
 </script>
 

layouts/partials/comments/utterances.html

@@ -6,7 +6,18 @@
 
 <script>
   // load comments
-  let theme = "dark-blue";
+  var getTheme = localStorage && localStorage.getItem("theme");
+
+  getTheme =
+    getTheme == null
+      ? window.matchMedia &&
+        window.matchMedia("(prefers-color-scheme: light)").matches
+        ? "light"
+        : "dark"
+      : getTheme;
+  getTheme = getTheme == null ? "dark" : getTheme;
+
+  let theme = getTheme === "dark" ? "gruvbox-dark" : "github-light";
   let script = document.createElement("script");
   script.src = "https://utteranc.es/client.js";
   script.setAttribute("repo", '{{ print $username "/" $repository }}');

themes/hugo-theme-gruvbox/assets/css/critical/15-colors.css

@@ -6,35 +6,72 @@
   {{ $backgroundColor = "bg0_h" }}
 {{ end }}
 
+:root[data-theme="light"] {
+  --bg: var(--{{ $backgroundColor }});
+  --bg0: #fbf1c7;
+  --bg0_h: #f9f5d7;
+  --bg0_s: #f2e5bc;
+  --bg1: #ebdbb2;
+  --bg2: #d5c4a1;
+  --bg3: #bdae93;
+  --bg4: #a89984;
+  --fg: var(--fg1);
+  --fg0: #282828;
+  --fg1: #3c3836;
+  --fg2: #504945;
+  --fg3: #665c54;
+  --fg4: #7c6f64;
+  --gray1: var(--fg4);
+  --gray2: #928374;
+  --red1: #cc241d;
+  --red2: #9d0006;
+  --green1: #98971a;
+  --green2: #797403;
+  --yellow1: #d79921;
+  --yellow2: #b57614;
+  --blue1: #458588;
+  --blue2: #076678;
+  --purple1: #b16286;
+  --purple2: #8f3f71;
+  --aqua1: #689d6a;
+  --aqua2: #427b58;
+  --orange1: #d65d0e;
+  --orange2: #af3a03;
+
+  & .light--hidden {
+    display: none;
+  }
+}
+
 :root[data-theme="dark"] {
   --bg: var(--{{ $backgroundColor }});
-  --bg0: #1a1b26;
+  --bg0: #282828;
   --bg0_h: #1d2021;
   --bg0_s: #32302f;
-  --bg1: #181922;
-  --bg2: #32344a;
+  --bg1: #3c3836;
+  --bg2: #504945;
   --bg3: #665c54;
-  --bg4: #32344a;
+  --bg4: #7c6f64;
   --fg: var(--fg1);
-  --fg0: #ad8ee6;
-  --fg1: #acb0d0;
-  --fg2: #7da6ff;
-  --fg3: #9ece6a;
-  --fg4: #32344a;
+  --fg0: #fbf1c7;
+  --fg1: #ebdbb2;
+  --fg2: #d5c4a1;
+  --fg3: #bdae93;
+  --fg4: #a89984;
   --gray1: var(--fg4);
-  --gray2: #444b6a;
-  --red1: #f7768e;
-  --red2: #ff7a93;
-  --green1: #9ece6a;
-  --green2: #b9f27c;
-  --yellow1: #e0af68;
-  --yellow2: #ff9e64;
-  --blue1: #7da6ff;
-  --blue2: #7aa2f7;
-  --purple1: #ad8ee6;
-  --purple2: #bb9af7;
-  --aqua1: #449dab;
-  --aqua2: #0db9d7;
+  --gray2: #928374;
+  --red1: #cc241d;
+  --red2: #fb4934;
+  --green1: #98971a;
+  --green2: #b8bb26;
+  --yellow1: #d79921;
+  --yellow2: #fabd2f;
+  --blue1: #458588;
+  --blue2: #83a598;
+  --purple1: #b16286;
+  --purple2: #d3869b;
+  --aqua1: #689d6a;
+  --aqua2: #8ec07c;
   --orange1: #d65d0e;
   --orange2: #fe8019;
 

themes/hugo-theme-gruvbox/layouts/partials/head/stylesheets.html

@@ -3,8 +3,8 @@
 
 {{ $critical := sort (resources.Match "css/critical/*.css") "Name" | resources.Concat nil | resources.ExecuteAsTemplate nil . | resources.PostCSS }}
 {{ $nonCritical := sort (resources.Match "css/non-critical/*.css") "Name" | resources.Concat "css/non-critical.css" | resources.ExecuteAsTemplate "css/non-critical.css" . | resources.PostCSS }}
-{{ $prismDark := resources.Get "prism-themes/prism-synthwave84.css" }}
-{{ $prismLight := resources.Get "prism-themes/prism-synthwave84.css" }}
+{{ $prismDark := resources.Get "prism-themes/prism-gruvbox-dark.css" }}
+{{ $prismLight := resources.Get "prism-themes/prism-gruvbox-light.css" }}
 
 {{ if hugo.IsProduction }}
   {{ $critical = $critical | resources.PostProcess }}

themes/hugo-theme-gruvbox/layouts/partials/header.html

@@ -51,4 +51,12 @@
       </ul>
     </div>
   </nav>
+
+  <button class="theme__toggle light--hidden" aria-label="Toggle light mode">
+    {{ partial "icons/tabler-icon.html" "sun" }}
+  </button>
+
+  <button class="theme__toggle dark--hidden" aria-label="Toggle dark mode">
+    {{ partial "icons/tabler-icon.html" "moon" }}
+  </button>
 </header>

themes/hugo-theme-gruvbox/layouts/partials/post-list.html

@@ -1,9 +1,12 @@
 {{ range $pageIndex, $page := .Pages }}
   <article class="post">
     <div class="post-header">
-      <a href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>
+        <a href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>
+
       {{ partial "post-meta.html" (dict "page" . "pageIndex" $pageIndex) }}
+
     </div>
+
   </article>
 {{ end }}