convert /linktous to use data files

see data/buttons.yaml and data/pubmats.yaml

README.md

@@ -3,7 +3,7 @@
 the 32bit.cafe website, created with Hugo
 
 ## TODO
-Sections to Convert
+Sections to Convert to Markdown
 - [ ] /index
 - [x] /about
 - [x] /advertising
@@ -17,6 +17,9 @@ Sections to Convert
 - [ ] /holdays2023
 - [ ] /bookclub?
 
+Sections to Convert to Data Files
+- [x] /linktous
+
 Functionality to Reimplement
 - [ ] Theme Switcher
 - [ ] Theme Uploader

content/linktous/index.html

@@ -1,22 +0,0 @@
-<h2>Link to 32-Bit Cafe</h2>
-<section>
-<h3>88x31 Buttons</h3>
-
-<p>Made by <a href="https://zeusofthecrows.github.io/stadt/" target="_blank">Zeus</a>:</p>
-
-<p><img src="32b-neon.gif"> <img src="32b-pcb.png"> <img src="32b-trad-rgb.png"> <img src="32b-win9x.png"></p>
-
-<p>Made by <a href="https://theplug.icu/" target="_blank">Peggatoo</a>:</p>
-
-<p><img src="32bc-peggatoo.png"></p>
-
-<p>Made by <a href="https://ribo.zone/" target="_blank">Loren</a>:</p>
-
-<p><img src="32bitty-loren.png"></p>
-
-<h3>Pubmats & Social Media Graphics</h3>
-
-<p>Made by <a href="https://ribo.zone/" target="_blank">Loren</a>:</p>
-
-<p><img src="32bitriso.png" width="50%"></p>
-</section>

content/linktous/index.md

@@ -0,0 +1,4 @@
+---
+title: Link to 32-Bit Cafe
+layout: linktous
+---

data/buttons.yaml

@@ -0,0 +1,15 @@
+- creator: Zeus
+  url: "https://zeusofthecrows.github.io/stadt/"
+  images: 
+    - "32b-neon.gif"
+    - "32b-pcb.png"
+    - "32b-trad-rgb.png"
+    - "32b-win9x.png"
+- creator: Peggatoo
+  url: "https://theplug.icu/" 
+  images:
+    - "32bc-peggatoo.png"
+- creator: Loren
+  url: "https://ribo.zone/"
+  images:
+    - "32bitty-loren.png"

data/pubmats.yaml

@@ -0,0 +1,4 @@
+- creator: Loren
+  url: "https://ribo.zone/"
+  images:
+    - "32bitriso.png"

layouts/page/linktous.html

@@ -0,0 +1,23 @@
+{{ define "main" }}
+<h2>{{ .Title }}</h2>
+<section>
+    <h3>88x31 Buttons</h3>
+    {{ range $.Site.Data.buttons }}
+        <p>Made by <a href="{{ .url }}" target="_blank">{{ .creator }}</a>:</p>
+        <p>
+            {{ range .images }}
+                <img src="{{ . }}"> 
+            {{ end }}
+        </p>
+    {{ end }}
+    <h3>Pubmats & Social Media Graphics</h3>
+    {{ range $.Site.Data.pubmats }}
+        <p>Made by <a href="{{ .url }}" target="_blank">{{ .creator }}</a>:</p>
+        <p>
+            {{ range .images }}
+                <img src="{{ . }}" width="400px"> 
+            {{ end }}
+        </p>
+    {{ end }}
+</section>
+{{ end }}