Setting up blog post for this week

archetypes/blog/index.md

@@ -1,10 +1,27 @@
 ---
-title: "{{ replace .TranslationBaseName "-" " " | title }}"
+title: "{{ replace .File.ContentBaseName "-" " " | title }}"
 date: {{ .Date }}
-url: /blog/{{ .TranslationBaseName }}/
 tags:
-  -
-draft: true
+  - weeknote
+  - weekly update
+draft: false
 ---
 
-Write your blog post content here.
+- Emojii
+- Memeojii
+
+## Links I Found Interesting
+
+- [name](https://url) - desc
+
+## Music
+
+If you like
+
+{{< youtube MxekyGtqcNE >}}
+
+## Next Week
+
+Not necessary
+
+Until next week!

assets/sass/pages/blog.scss

@@ -529,6 +529,53 @@
     }
   }
 
+  // Blog image styling
+  .blog-img-container {
+    position: relative;
+    display: inline-block;
+    max-width: 100%;
+    margin: 1.5em 0;
+  }
+
+  .blog-img {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    border-radius: 12px;
+    border: 3px solid transparent;
+    background:
+      linear-gradient(#000, #000) padding-box,
+      linear-gradient(180deg, #0f0, #000) border-box;
+    filter: grayscale(100%) contrast(1.2) brightness(0.9) sepia(100%) hue-rotate(60deg) saturate(300%);
+    transition: all 0.3s ease;
+
+    &:hover {
+      filter: grayscale(0%) contrast(1) brightness(1);
+    }
+  }
+
+  .blog-img-caption {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    background: rgba(0, 0, 0, 0.8);
+    color: #0f0;
+    padding: 5px 10px;
+    font-size: 0.85rem;
+    font-family: monospace;
+    border: 1px solid rgba(0, 255, 0, 0.5);
+    border-radius: 3px;
+    text-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
+    backdrop-filter: blur(5px);
+    pointer-events: none;
+    opacity: 1;
+    transition: opacity 0.3s ease;
+  }
+
+  .blog-img-container:hover .blog-img-caption {
+    opacity: 0;
+  }
+
   // Navigation styling
   .blog-navigation {
     margin-bottom: 20px;

assets/sass/style.scss

@@ -711,7 +711,7 @@ body {
 
 /* CRT Monitor bezel */
 .crt-monitor {
-  width: 650px;
+  width: 670px;
   height: 500px;
   background: linear-gradient(145deg, #e8e0c8, #c4b89a);
   border-radius: 12px;

content/blog/2026-01-02-week-2-new-year/index.md

@@ -0,0 +1,24 @@
+---
+title: "Week 2 - Happy New Year"
+date: 2026-01-04
+tags:
+  - weeknote
+  - weekly update
+draft: false
+---
+
+- 🎆 Happy New Year! Last year went by shockingly fast, and the year ahead is looking very exciting too.
+- 💻 The Thinkpad T480s arrived and has been suitably sticker bombed. I am running Pop!\_OS 24.04 on it and everything so far seems great.
+- 🌐 I setup a dedicated server for this site and migrated off neocities, I am coming up with a plan on how to make sure updates keep getting posted there but redirect here.
+
+{{< img src="thinkpad_t480s.jpg" alt="Thinkpad T480s complete with stickerbomb" width="900x" >}}
+
+## Links I Found Interesting
+
+- [name](https://url) - desc
+
+## Next Week
+
+Back to work properly tomorrow after the Christmas break and slow period, I imagine there'll be a lot coming my way.
+
+Until next week!

convert-images.sh

@@ -0,0 +1,7 @@
+#!/bin/bash
+
+find content -type f \( -iname "*.heic" -o -iname "*.heif" \) | while read -r file; do
+  output="${file%.*}.jpg"
+  magick "$file" -quality 85 "$output"
+  echo "Converted $file to $output"
+done

layouts/shortcodes/img.html

@@ -0,0 +1,16 @@
+<!-- prettier-ignore -->
+{{ $src := .Get "src" }}
+{{ $alt := .Get "alt" | default "" }}
+{{ $width := .Get "width" | default "800x" }}
+
+<figure class="blog-img-container">
+{{ with .Page.Resources.GetMatch $src }}
+  {{ $resized := .Resize $width }}
+  <img src="{{ $resized.RelPermalink }}" alt="{{ $alt }}" loading="lazy" class="blog-img" />
+{{ else }}
+  <img src="{{ $src }}" alt="{{ $alt }}" loading="lazy" class="blog-img" />
+{{ end }}
+{{ if $alt }}
+  <figcaption class="blog-img-caption">{{ $alt }}</figcaption>
+{{ end }}
+</figure>