diff --git a/archetypes/blog/index.md b/archetypes/blog/index.md index 75d7824..1582251 100644 --- a/archetypes/blog/index.md +++ b/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! diff --git a/assets/sass/pages/blog.scss b/assets/sass/pages/blog.scss index 0879a6e..889ff76 100644 --- a/assets/sass/pages/blog.scss +++ b/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; diff --git a/assets/sass/style.scss b/assets/sass/style.scss index 804ecca..4a2d5a9 100644 --- a/assets/sass/style.scss +++ b/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; diff --git a/content/blog/2026-01-02-week-2-new-year/index.md b/content/blog/2026-01-02-week-2-new-year/index.md new file mode 100644 index 0000000..ab09fe0 --- /dev/null +++ b/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! diff --git a/content/blog/2026-01-02-week-2-new-year/thinkpad_t480s.jpg b/content/blog/2026-01-02-week-2-new-year/thinkpad_t480s.jpg new file mode 100644 index 0000000..e4cf532 Binary files /dev/null and b/content/blog/2026-01-02-week-2-new-year/thinkpad_t480s.jpg differ diff --git a/convert-images.sh b/convert-images.sh new file mode 100755 index 0000000..6a05091 --- /dev/null +++ b/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 \ No newline at end of file diff --git a/layouts/shortcodes/img.html b/layouts/shortcodes/img.html new file mode 100644 index 0000000..45ea623 --- /dev/null +++ b/layouts/shortcodes/img.html @@ -0,0 +1,16 @@ + +{{ $src := .Get "src" }} +{{ $alt := .Get "alt" | default "" }} +{{ $width := .Get "width" | default "800x" }} + +
+{{ with .Page.Resources.GetMatch $src }} + {{ $resized := .Resize $width }} + {{ $alt }} +{{ else }} + {{ $alt }} +{{ end }} +{{ if $alt }} +
{{ $alt }}
+{{ end }} +