Adding template of new post

.gitignore

@@ -0,0 +1,2 @@
+# compiled site
+target/

.woodpecker.yml

@@ -11,8 +11,8 @@ pipeline:
     image: appleboy/drone-scp
     settings:
       host:
-        - www1.int.metaunix.net
-        - www2.int.metaunix.net
+        - www3.int.metaunix.net
+        - www4.int.metaunix.net
       user: xadmin
       port: 22
       password:

bin/site-build.sh

@@ -0,0 +1,4 @@
+#!/bin/bash
+
+docker run --rm -v "$(pwd)":/srv/jekyll -e JEKYLL_ROOTLESS=1 jekyll/jekyll:4 sh -c "mkdir -p target && jekyll build -s src/ -d target --disable-disk-cache"
+

bin/site-deploy.sh

@@ -0,0 +1,4 @@
+#!/bin/bash
+
+rsync -avh --progress target/* xadmin@vps1.bitgoblin.tech:/usr/local/www/bitgoblin/www/
+

src/_layouts/default.html

@@ -3,6 +3,9 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/png" sizes="48x48" href="/assets/images/favicon-48.png">
+  <link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicon-192.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png">
   <title>{{ page.title }} | Bit Goblin</title>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
   <link rel="stylesheet" href="/assets/stylesheets/lumbridge.css">

src/_posts/2026-09-11-found-new-hobby-microcontrollers.md

@@ -0,0 +1,10 @@
+---
+layout: post
+title: "Finding Inspiration in a New Hobby"
+description: "Something 'pico-ed' my interest... The Raspberry Pi Pico."
+date: 2026-09-11 11:11:28 -0500
+tags: linux
+draft: true
+---
+
+

src/assets/stylesheets/lumbridge.sass

@@ -43,19 +43,32 @@ hr
   background: white
 
 // header
-
 #header-box
   position: relative
   z-index: 2
   height: 500px
   background:
-    image: url(/assets/images/bg-banner.jpg)
-    size: auto 600px
+    image: url(/assets/images/bg-banner.png)
+    size: auto auto
     position: top center
     attachment: fixed
   overflow: hidden
 
+  // The repeating, blurred, and darkened background layer
+  &::before
+    content: ''
+    position: absolute
+    top: -10px
+    left: -10px
+    right: -10px
+    bottom: -10px
+    backdrop-filter: blur(5px)
+
 #header-logo
+  position: absolute
+  top: 40px
+  left: 50%
+  transform: translateX(-50%)
   height: 350px
   width: 350px
   background:
@@ -63,10 +76,6 @@ hr
     position: center
     repeat: no-repeat
     size: contain
-  position: absolute
-  top: 40px
-  left: 50%
-  transform: translateX(-50%)
 
   h1
     margin-top: calc(100% + 25px)