Merge pull request #11 from puzzmo-com/augmentations

Augmentations

README.md

@@ -43,6 +43,8 @@ Then change `my-post` to be a cool URL. Next: set up the metadata at the top of
 + authors = ["orta"]
 + tags = ["changelog"]
 + theme = "puzzmo-light"
+- draft = true
+- comments = false
 ```
 
 You can see [the themes here](https://github.com/puzzmo-com/blog.puzzmo.com/tree/main/static/themes).

content/posts/2024/03/28/an-ode-to-game-plugins/index.md

@@ -4,6 +4,7 @@ date = 2024-04-08T12:00:32Z
 authors = ["orta"]
 tags = ["tech", "api", "plugins"]
 theme = "outlook-hayesy-beta"
+series = ["Integrating games to the server"]
 +++
 
 ### Control

content/posts/2024/06/23/shiki-hugo/index.md

@@ -52,7 +52,7 @@ const highlighter = await createHighlighter({
 // Find all of the files in the posts directory which are index.html
 for (const file of indexFiles) {
   // Grab the file, and parse it into a DOM
-  const content = readFileSync(posts + "/" + file, { encoding: "utf-8" })
+  const content = readFileSync(posts + "/" + file, { encoding: "utf-8" }) 
   const dom = parse(content)
 
   // This isn't a particularly smart query implementation,

hugo.toml

@@ -26,4 +26,10 @@ staticDir = ['static']
 
 [markup]
   [markup.highlight]
-    codeFences = false
+    codeFences = false
+
+
+[taxonomies]
+  tag = "tags"
+  series = "series"
+  controller = "controllers"

layouts/_default/single.html

@@ -91,4 +91,10 @@ <h1 class="!my-0 pb-2.5">{{ .Title }}</h1>
   {{ end }}
 </article>
 
-{{ end }}
+{{- if .Params.series -}}
+<div class="post-series-bottom">
+  {{ partial "series.html" . }}
+</div>
+{{- end -}}
+
+{{ end }}

layouts/partials/series.html

@@ -0,0 +1,17 @@
+{{- with (.GetTerms "series") -}}
+  {{- range . -}}
+    <h3>{{ .Title }} series</h3>
+    {{- $series := .Pages.ByDate -}}
+    <ol>
+      {{- range $series -}}
+      <li>
+        {{- if eq .File.UniqueID $.File.UniqueID -}}
+          <b>{{ .Title }}</b>
+        {{- else -}}
+          <a href="{{ .Permalink }}">{{ .Title }}</a>
+        {{- end -}}
+      </li>
+      {{- end -}}
+    </ol>
+  {{- end -}}
+{{- end -}}

layouts/shortcodes/details.html

@@ -0,0 +1,6 @@
+<details {{ if eq (.Get "open" | default "false") "true" }}open{{ end }}>
+    <summary>
+        {{ .Get "summary" | default "Details:" }}
+    </summary>
+    {{ .Inner | markdownify }}
+</details>

layouts/shortcodes/imageHighlight.html

@@ -0,0 +1,9 @@
+</section>
+
+{{ if .Params.src }}
+<div style=" margin-left: -10%; margin-right: -10%" class="grid-item">
+    <a href="{{ .Params.src }}"><img src="{{ .Params.src }}" alt="{{ .Params.alt }}" class="zoomable"  /></a>
+</div>
+{{ end }}
+
+<section>

themes/paper/assets/main.css

@@ -2154,3 +2154,11 @@ body {
  background-color: var(--theme-a_bg) !important;
 }
 
+
+.zoomable {
+  transition: transform 200ms ease-in;
+}
+
+.zoomable:hover {
+  transform: scale(1.2);
+}