feat: add projects list

Taskfile.yml

@@ -8,7 +8,7 @@ tasks:
   serve:
     desc: Runs hugo serve, all posts visible.
     cmds:
-      - hugo serve -D -E -F {{if .TERMUX}}--noBuildLock{{end}}
+      - hugo serve -D -E -F {{if .TERMUX}}--noBuildLock{{end}} --bind=0.0.0.0 --baseURL=http://0.0.0.0:1313
 
   build:
     desc: Create a production build of the site in ./public.

assets/css/extended/post-grid.css

@@ -0,0 +1,21 @@
+.post-grid {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+
+.post-grid .page-header,
+.post-grid .page-footer {
+    width: 100%
+}
+
+.post-grid .post-entry {
+    width: calc((var(--main-width) - var(--gap)) / 2);
+}
+
+@media (max-width: 720px)  {
+    .post-grid .post-entry {
+        width: 100%;
+    }
+}

config.yml

@@ -56,6 +56,10 @@ menu:
       name: TIL
       url: /til/
       weight: 30
+    - identifier: projects
+      name: Projects
+      url: /projects/
+      weight: 40
     - identifier: talks
       name: Talks & Co
       url: /talks/

content/blog/2023-01-19-custom-steamdeck-buttons/index.md

@@ -210,7 +210,7 @@ However, single colored buttons with rubbed on letters sealed in with UV resin i
 achieve with inlaying in EJ's videos, I'm really looking forward to trying that out. So the next step will be to cast some inlayed buttons
 with the same mold. And I have already printed out the letters on my resin printer 😁
 
-***Update from 2024-12-14**: The buttons have now been in **very heavy** use by my partner for over a year, and they still look the same as on day 1! No changes on the letters that I rubbed on and sealed with UV resin, and no changes on the buttons themselves either. 👍*
+***Update from 2024-02-14**: The buttons have now been in **very heavy** use by my partner for over a year, and they still look the same as on day 1! No changes on the letters that I rubbed on and sealed with UV resin, and no changes on the buttons themselves either. 👍*
 
 [^1]: To be more precise, FreeCAD Link Branch version 2022.09.07
 [^2]: If one of the buttons slips out of the mold, you can just press it back in. Just make sure it really slots right back in

content/projects/_index.md

@@ -0,0 +1,6 @@
+---
+title: "Projects"
+description: A list of some of my projects, past and present
+params:
+  showReadingTime: false
+---

content/projects/cardfoldr/index.md

@@ -0,0 +1,14 @@
+---
+title: CardFoldr
+summary: PNP tool to convert card grid PDFs into gutterfold PDFs, right in your browser.
+link: https://foosel.github.io/cardfoldr/
+created: 2024-05-09
+ongoing: true
+weight: 100
+cover:
+  image: cover.png
+tags:
+- boardgames
+- pnp
+- tool
+---

content/projects/datenzwerg/index.md

@@ -0,0 +1,13 @@
+---
+title: Datenzwerg
+summary: An environmental sensor suite in the shape of a garden gnome.
+link: https://datagnome.de
+created: 2023-06-11
+ongoing: true
+weight: 100
+cover:
+  image: cover.png
+tags:
+- ccc
+- electronics
+---

content/projects/octoprint/index.md

@@ -0,0 +1,12 @@
+---
+title: OctoPrint
+summary: The snappy web interface for your 3d printer.
+link: https://octoprint.org
+created: 2012-12-25
+ongoing: true
+weight: 100
+cover:
+  image: cover.png
+tags:
+- 3dprinting
+---

content/projects/pew-pew-pew-danger-zone/index.md

@@ -0,0 +1,10 @@
+---
+title: "Pew Pew Pew: Danger Zone!"
+summary: A shmup I created for Go Godot Jam 4. You shoot more the less health you have.
+link: https://foosel.itch.io/pew-pew-pew-danger-zone
+created: 2023-05-13
+cover:
+  image: cover.png
+tags:
+- gamedev
+---

content/projects/plushies-social/index.md

@@ -0,0 +1,12 @@
+---
+title: plushies.social
+summary: A Mastodon server specifically for plushies.
+link: https://plushies.social
+created: 2022-05-06
+ongoing: true
+weight: 100
+cover:
+  image: cover.png
+tags:
+- mastodon
+---

content/projects/super-bunny-hoopers/index.md

@@ -0,0 +1,10 @@
+---
+title: Super Bunny Hoppers
+summary: A platformer with cute bunnies defending their home against invading garden gnomes.
+link: https://foosel.itch.io/super-bunny-hoppers
+created: 2023-04-10
+cover:
+  image: cover.png
+tags:
+- gamedev
+---

layouts/partials/project_meta.html

@@ -0,0 +1,13 @@
+{{- $scratch := newScratch }}
+
+{{- if .Params.Created -}}
+{{- if .Params.Ongoing }}
+{{- $scratch.Add "meta" (slice (printf "<span title='%s'>since %s</span>" (.Params.Created) (.Params.Created | time.Format (default "January 2, 2006" site.Params.DateFormat)))) }}
+{{- else }}
+{{- $scratch.Add "meta" (slice (printf "<span title='%s'>%s</span>" (.Params.Created) (.Params.Created | time.Format (default "January 2, 2006" site.Params.DateFormat)))) }}
+{{- end }}
+{{- end }}
+
+{{- with ($scratch.Get "meta") }}
+{{- delimit . "&nbsp;·&nbsp;" -}}
+{{- end -}}

layouts/projects/list.html

@@ -0,0 +1,105 @@
+{{- define "main" }}
+
+{{- if not .IsHome | and .Title }}
+<header class="page-header">
+  {{- partial "breadcrumbs.html" . }}
+  <h1>
+    {{ .Title }}
+    {{- if and (or (eq .Kind `term`) (eq .Kind `section`)) (.Param "ShowRssButtonInSectionTermList") }}
+    <a href="index.xml" title="RSS" aria-label="RSS">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+        stroke-linecap="round" stroke-linejoin="round" height="23">
+        <path d="M4 11a9 9 0 0 1 9 9" />
+        <path d="M4 4a16 16 0 0 1 16 16" />
+        <circle cx="5" cy="19" r="1" />
+      </svg>
+    </a>
+    {{- end }}
+  </h1>
+  {{- if .Description }}
+  <div class="post-description">
+    {{ .Description | markdownify }}
+  </div>
+  {{- end }}
+</header>
+{{- end }}
+
+{{- if .Content }}
+<div class="post-content">
+  {{- if not (.Param "disableAnchoredHeadings") }}
+  {{- partial "anchored_headings.html" .Content -}}
+  {{- else }}{{ .Content }}{{ end }}
+</div>
+{{- end }}
+
+{{- $pages := union .RegularPages .Sections }}
+
+{{- if .IsHome }}
+{{- $pages = where site.RegularPages "Type" "in" site.Params.mainSections }}
+{{- $pages = where $pages "Params.hiddenInHomeList" "!=" "true"  }}
+{{- end }}
+
+{{- $paginator := .Paginate $pages }}
+{{- $term := .Data.Term }}
+
+<div class="post-grid">
+{{- range $index, $page := .Pages }}
+
+{{- $class := "post-entry" }}
+{{- if $term }}
+{{- $class = "post-entry tag-entry" }}
+{{- end }}
+
+{{- $link := .Permalink }}
+{{- if .Params.link }}
+{{- $link = .Params.link }}
+{{- end }}
+
+<article class="{{ $class }}">
+  {{- $isHidden := (site.Params.cover.hidden | default site.Params.cover.hiddenInList) }}
+  {{- partial "cover.html" (dict "cxt" . "IsHome" true "isHidden" $isHidden) }}
+  <header class="entry-header">
+    <h2>
+      {{- .Title }}
+      {{- if .Draft }}<sup><span class="entry-isdraft">&nbsp;&nbsp;[draft]</span></sup>{{- end }}
+      {{- if and (not .Date.IsZero) (gt (time .Date) now) }}<sup><span class="entry-isfuture">&nbsp;&nbsp;[future]</span></sup>{{- end }}
+      {{- if and (not .ExpiryDate.IsZero) (gt now (time .ExpiryDate)) }}<sup><span class="entry-isexpired">&nbsp;&nbsp;[expired]</span></sup>{{- end }}
+    </h2>
+  </header>
+  {{- if (ne (.Param "hideSummary") true) }}
+  <div class="entry-content">
+    <p>{{ .Summary | plainify | htmlUnescape }}{{ if .Truncated }}...{{ end }}</p>
+  </div>
+  {{- end }}
+  <footer class="entry-footer">
+    {{- partial "project_meta.html" . }}
+  </footer>
+  <a class="entry-link" aria-label="post link to {{ .Title | plainify }}" href="{{ $link }}"></a>
+</article>
+{{- end }}
+
+{{- if gt $paginator.TotalPages 1 }}
+<footer class="page-footer">
+  <nav class="pagination">
+    {{- if $paginator.HasPrev }}
+    <a class="prev" href="{{ $paginator.Prev.URL | absURL }}">
+      «&nbsp;{{ i18n "prev_page" }}&nbsp;
+      {{- if (.Param "ShowPageNums") }}
+      {{- sub $paginator.PageNumber 1 }}/{{ $paginator.TotalPages }}
+      {{- end }}
+    </a>
+    {{- end }}
+    {{- if $paginator.HasNext }}
+    <a class="next" href="{{ $paginator.Next.URL | absURL }}">
+      {{- i18n "next_page" }}&nbsp;
+      {{- if (.Param "ShowPageNums") }}
+      {{- add 1 $paginator.PageNumber }}/{{ $paginator.TotalPages }}
+      {{- end }}&nbsp;»
+    </a>
+    {{- end }}
+  </nav>
+</footer>
+{{- end }}
+</div>
+
+{{- end }}{{- /* end main */ -}}