First version of coding agent AI blog posts (One for PE, one for tips)

assets/sass/_custom.sass

@@ -0,0 +1,6 @@
+// Custom styles for blog.ogenki.io
+
+// Bluesky icon color
+.bluesky
+  svg
+    fill: #0085ff

config/_default/markup.toml

@@ -1,3 +1,7 @@
+[tableOfContents]
+startLevel = 2
+endLevel = 2
+
 [goldmark]
 [goldmark.renderer]
 hardWraps = false 

layouts/partials/share.html

@@ -0,0 +1,16 @@
+  {{- $s := T "share_on" }}
+  <div class="post_share">
+    {{ $s }}:
+    <a href="https://bsky.app/intent/compose?text={{ .Title }}%20{{ .Permalink }}" class="bluesky" title="{{ $s }} Bluesky" target="_blank" rel="nofollow">
+      {{ partial "sprite" (dict "icon" "bluesky") }}
+    </a>
+    <a href="https://www.facebook.com/sharer.php?u={{ .Permalink }}&t={{ .Title }}" class="facebook" title="{{ $s }} Facebook" target="_blank" rel="nofollow">
+      {{ partial "sprite" (dict "icon" "facebook") }}
+    </a>
+    <a href="#linkedinshare" id = "linkedinshare" class="linkedin" title="{{ $s }} LinkedIn" rel="nofollow">
+      {{ partial "sprite" (dict "icon" "linkedin") }}
+    </a>
+    <a href="{{ .Permalink }}" title="Copy Link" class="link link_yank">
+      {{ partial "sprite" (dict "icon" "copy") }}
+    </a>
+  </div>

layouts/shortcodes/img.html

@@ -0,0 +1,35 @@
+{{- $src := .Get "src" -}}
+{{- $alt := .Get "alt" | default "" -}}
+{{- $width := .Get "width" -}}
+{{- $cap := .Get "caption" -}}
+
+{{- /* Get the image resource for proper figure/picture structure */ -}}
+{{- $image := "" -}}
+{{- if .Page.Resources -}}
+  {{- $image = .Page.Resources.GetMatch $src -}}
+{{- end -}}
+
+<figure style="text-align: center;">
+  <picture>
+    <img
+      loading="lazy"
+      decoding="async"
+      alt="{{ $alt }}"
+      {{- with $image }}
+      class="image_figure image_internal image_processed"
+      width="{{ .Width }}"
+      height="{{ .Height }}"
+      src="{{ .RelPermalink | absURL }}"
+      {{- else }}
+      class="image_figure image_internal image_unprocessed"
+      src="{{ $src | absURL }}"
+      {{- end }}
+      {{- with $width }}
+      style="max-width: {{ . }}px; display: block; margin: 0 auto;"
+      {{- end }}
+    />
+  </picture>
+  {{- with $cap }}
+  <figcaption>{{ . | markdownify }}</figcaption>
+  {{- end }}
+</figure>