From 9e1585565c0bb236eb8f661b73c8852c2e19d972 Mon Sep 17 00:00:00 2001
From: shockrah <dev@shockrah.xyz>
Date: Sun, 1 Oct 2023 21:45:41 -0700
Subject: [PATCH] Metadata raedy in list pages

---
 main-site/archetypes/dev.md                   |   2 +-
 main-site/assets/feed.svg                     | 185 ++++++++++++++++++
 main-site/content/feed/_index.md              |   8 +
 main-site/hugo.yaml                           |   2 +
 main-site/static/img/feed.png                 |   3 +
 .../temper/layouts/_default/baseof.html       |   2 +-
 .../themes/temper/layouts/_default/list.html  |   5 +
 .../themes/temper/layouts/partials/head.html  |   6 +-
 main-site/themes/temper/static/css/style.css  |  14 +-
 9 files changed, 217 insertions(+), 10 deletions(-)
 create mode 100644 main-site/assets/feed.svg
 create mode 100644 main-site/content/feed/_index.md
 create mode 100644 main-site/static/img/feed.png

diff --git a/main-site/archetypes/dev.md b/main-site/archetypes/dev.md
index ba62963..21fe117 100644
--- a/main-site/archetypes/dev.md
+++ b/main-site/archetypes/dev.md
@@ -1,6 +1,6 @@
 ---
 date: '{{ .Date }}'
-title: '{{ replace .File.ContentBaseName `-` ` ` | title }}'
+title: {{ replace .File.ContentBaseName `-` ` ` | title }}
 description: /Dev Posting/ and Behind the Scenes
 thumbnail: null
 article: true
diff --git a/main-site/assets/feed.svg b/main-site/assets/feed.svg
new file mode 100644
index 0000000..47e9378
--- /dev/null
+++ b/main-site/assets/feed.svg
@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 200 200"
+   height="20cm"
+   width="20cm"
+   sodipodi:docname="feed.svg"
+   inkscape:export-filename="feed.png"
+   inkscape:export-xdpi="20.802372"
+   inkscape:export-ydpi="20.802372"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs2">
+    <rect
+       x="1064.939"
+       y="-127.13714"
+       width="63.559952"
+       height="60.449636"
+       id="rect750" />
+  </defs>
+  <sodipodi:namedview
+     units="cm"
+     inkscape:pagecheckerboard="true"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="250.51783"
+     inkscape:cx="191.42391"
+     inkscape:zoom="0.98994949"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#000000"
+     id="base"
+     inkscape:showpageshadow="0"
+     inkscape:deskcolor="#000000"
+     inkscape:window-width="1920"
+     inkscape:window-height="1053"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <rect
+       style="fill:#ffffff;stroke-width:5.329"
+       id="rect59"
+       width="139.03107"
+       height="148.52216"
+       x="47.743256"
+       y="20.10227"
+       rx="6"
+       ry="6" />
+    <rect
+       style="fill:#ffffff;stroke-width:5.329"
+       id="rect59-1"
+       width="139.03107"
+       height="122.83694"
+       x="30.484467"
+       y="45.787491"
+       rx="6"
+       ry="4.962368" />
+    <rect
+       style="fill:#cccccc;stroke-width:5.329"
+       id="rect273"
+       width="109.87713"
+       height="26.933182"
+       x="62.320225"
+       y="32.3209"
+       rx="6"
+       ry="6" />
+    <rect
+       style="fill:#e6e6e6;stroke-width:5.329"
+       id="rect273-6-7"
+       width="109.87713"
+       height="13.200669"
+       x="62.320225"
+       y="75.25457"
+       rx="2"
+       ry="1.7192794" />
+    <rect
+       style="fill:#e6e6e6;stroke-width:5.329"
+       id="rect273-6-7-5"
+       width="109.87713"
+       height="13.200669"
+       x="62.320225"
+       y="97.235542"
+       rx="2"
+       ry="1.7192794" />
+    <rect
+       style="fill:#e6e6e6;stroke-width:5.329"
+       id="rect273-6-7-5-2"
+       width="109.87713"
+       height="13.200669"
+       x="62.320225"
+       y="119.21651"
+       rx="2"
+       ry="1.7192794" />
+    <rect
+       style="fill:#e6e6e6;stroke-width:5.329"
+       id="rect273-6-7-5-2-1"
+       width="109.87713"
+       height="13.200669"
+       x="62.320229"
+       y="141.19746"
+       rx="2"
+       ry="1.7192794" />
+    <text
+       xml:space="preserve"
+       style="font-size:15.5163px;line-height:27.2695px;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;stroke-width:0.264583"
+       x="66.41185"
+       y="49.759663"
+       id="text524"><tspan
+         sodipodi:role="line"
+         id="tspan522"
+         style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:15.5163px;font-family:'Hasklug Nerd Font Mono';-inkscape-font-specification:'Hasklug Nerd Font Mono, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke-width:0.264583"
+         x="66.41185"
+         y="49.759663">Temper Feed</tspan></text>
+    <text
+       xml:space="preserve"
+       transform="scale(0.26458333)"
+       id="text748"
+       style="font-size:40px;line-height:70.2992px;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect750);display:inline" />
+    <text
+       xml:space="preserve"
+       style="font-size:10.5833px;line-height:18.6px;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;stroke-width:0.264583"
+       x="95.139931"
+       y="20.10227"
+       id="text783"><tspan
+         sodipodi:role="line"
+         id="tspan781"
+         style="stroke-width:0.264583"
+         x="95.139931"
+         y="20.10227" /></text>
+    <rect
+       style="fill:#b3b3b3;stroke-width:5.329"
+       id="rect807"
+       width="10.776198"
+       height="42.667747"
+       x="36.967056"
+       y="45.787491" />
+    <rect
+       style="fill:#b3b3b3;stroke-width:5.329"
+       id="rect809"
+       width="17.258789"
+       height="122.83693"
+       x="30.484467"
+       y="45.787491"
+       ry="4.8407183"
+       rx="4" />
+    <text
+       xml:space="preserve"
+       style="font-size:10.5833px;line-height:18.6px;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;stroke-width:0.264583"
+       x="72.229019"
+       y="81.854904"
+       id="text815"><tspan
+         sodipodi:role="line"
+         id="tspan813"
+         style="stroke-width:0.264583"
+         x="72.229019"
+         y="81.854904" /></text>
+  </g>
+</svg>
diff --git a/main-site/content/feed/_index.md b/main-site/content/feed/_index.md
new file mode 100644
index 0000000..7cee653
--- /dev/null
+++ b/main-site/content/feed/_index.md
@@ -0,0 +1,8 @@
+---
+title: /feed
+description: Micro posting because I frickin can!
+thumbnail: /img/feed.png
+article: false
+---
+
+
diff --git a/main-site/hugo.yaml b/main-site/hugo.yaml
index 5280ba2..8380ba5 100644
--- a/main-site/hugo.yaml
+++ b/main-site/hugo.yaml
@@ -4,6 +4,8 @@ title: Hiya, I'm temper
 
 theme: 'temper'
 
+enableEmoji: true
+
 Params:
   description: I like to make stuff
   name: temper.tv
diff --git a/main-site/static/img/feed.png b/main-site/static/img/feed.png
new file mode 100644
index 0000000..de2a431
--- /dev/null
+++ b/main-site/static/img/feed.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:502b712b7acada225286ef1bac140cc5b75c3dfd8ef27ec01833ac33a681bf19
+size 2664
diff --git a/main-site/themes/temper/layouts/_default/baseof.html b/main-site/themes/temper/layouts/_default/baseof.html
index cfaf72a..a097adf 100644
--- a/main-site/themes/temper/layouts/_default/baseof.html
+++ b/main-site/themes/temper/layouts/_default/baseof.html
@@ -4,7 +4,7 @@
     <body>
         {{- partial "header.html" . -}}
         <div id="content" class="feed-container">
-        {{- block "main" . }}{{- end }}
+          {{- block "main" . }}{{- end }}
         </div>
         {{- partial "footer.html" . -}}
     </body>
diff --git a/main-site/themes/temper/layouts/_default/list.html b/main-site/themes/temper/layouts/_default/list.html
index 8e242b9..ce187ac 100644
--- a/main-site/themes/temper/layouts/_default/list.html
+++ b/main-site/themes/temper/layouts/_default/list.html
@@ -1,5 +1,10 @@
 {{ define "main" }}
   {{ partial "minimal-navbar.html" }}
+  {{ if eq .Page.Path "feed" }}
+    <h5>/feed</h5>
+  {{ else if eq .Page.Path "dev" }}
+    <h5>/dev</h5>
+  {{ end }}
   {{ $colors := slice "cyan" "yellow" "pink"}}
   {{ $opts   := len $colors }}
   {{ range $i, $page := .Pages.ByDate.Reverse }}
diff --git a/main-site/themes/temper/layouts/partials/head.html b/main-site/themes/temper/layouts/partials/head.html
index dfa5998..0eb298e 100644
--- a/main-site/themes/temper/layouts/partials/head.html
+++ b/main-site/themes/temper/layouts/partials/head.html
@@ -10,5 +10,9 @@
   <meta property="og:site_name" content="{{ .Site.Params.Name }}">
   <meta property="og:url" content="{{ .Permalink }}">
   <meta property="og:type" content="website">
-  <meta property="og:image" content="/images/ogbanner.jpg">
+  {{ if .Params.Thumbnail }}
+    <meta property="og:image" content="{{ .Params.Thumbnail }}">
+  {{ else }}
+    <meta property="og:image" content="/images/ogbanner.jpg">
+  {{ end }}
 </head>
diff --git a/main-site/themes/temper/static/css/style.css b/main-site/themes/temper/static/css/style.css
index b25ba1f..917d25b 100644
--- a/main-site/themes/temper/static/css/style.css
+++ b/main-site/themes/temper/static/css/style.css
@@ -91,6 +91,7 @@ html {
 	display:inline;
 	font-size: 1.5rem;
 	text-decoration: none;
+	color: #dcdcdc;
 }
 
 .socials:hover {
@@ -155,13 +156,9 @@ html {
 .title-link { color: #EAA221; }
 .title-link { text-decoration-color: #EAA221; }
 
-.card {
-  padding: 1em;
-  margin: 1em;
-  min-width: 250px;
-  width: 50%;
+a {
+	color: orange;
 }
-a { color:#dcdcdc; }
 a:hover { color: #EAA221; }
 
 .card-img { 
@@ -170,9 +167,12 @@ a:hover { color: #EAA221; }
 }
 .card { 
   background-color: transparent; 
-  max-width: 45%;
   border-style: solid;
   border-width: 3px;
+  padding: 1em;
+  margin: 1em;
+  max-width: 75%;
+  min-width: 250px;
 }
 
 ul.timeline {