From ab98abd121caac14a986ab1991be83d76ba656f5 Mon Sep 17 00:00:00 2001
From: Peter Sanchez <peter@netlandish.com>
Date: Sat, 12 Oct 2024 13:04:11 -0600
Subject: [PATCH] Adding webring template and class fixes. Thanks to Andrew
 Walters for the css help.

---
 .gitignore                        |  1 +
 layouts/_default/baseof.html      | 48 ++++---------------------------
 layouts/partials/webring-out.html | 45 +++++++++++++++++++++++++++++
 static/css/style.css              | 12 ++++++--
 webring-in.template               | 18 ++++++++++++
 5 files changed, 78 insertions(+), 46 deletions(-)
 create mode 100644 layouts/partials/webring-out.html
 create mode 100644 webring-in.template

diff --git a/.gitignore b/.gitignore
index 1e4234b..2a83c74 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 public/
 resources/
 test-article.md
+.hugo_build.lock
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 1be8a79..d857e02 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -68,48 +68,10 @@
     </main>
   </div>
 
-    <footer>
-    <section class="webring">
-<h2>
-  Articles from blogs we recommend
-  <small class="attribution">Generated by openring</small>
-</h2>
-<section class="articles row is-center">
-<div class="card article col-4">
-  <header>
-    <h4>Card title 1</h4>
-  </header>
-  <p>A nisi ullam ... cupiditate?</p>
-  <footer class="is-right">
-    <a class="button primary">Submit</a>
-    <a class="button">Cancel</a>
-  </footer>
-</div>
-
-<div class="card article col-4">
-  <header>
-    <h4>Card title 2</h4>
-  </header>
-  <p>A nisi ullam ... cupiditate?</p>
-  <footer class="is-right">
-    <a class="button primary">Submit</a>
-    <a class="button">Cancel</a>
-  </footer>
-</div>
-
-<div class="card article col-4">
-  <header>
-    <h4>Card title 3</h4>
-  </header>
-  <p>A nisi ullam ... cupiditate?</p>
-  <footer class="is-right">
-    <a class="button primary">Submit</a>
-    <a class="button">Cancel</a>
-  </footer>
-</div>
-</section>
-
-      </section>
+  <footer>
+    {{ block "webring" . }}
+    {{ partial "webring-out.html" }}
+    {{ end }}
       <div class="footer">
         <span>&copy; {{ now.Year }} <a href="https://www.netlandish.com" target="_blank">Netlandish Inc.</a></span> 
 	<a href="https://man.code.netlandish.com/~netlandish/policies/terms-of-service.md" target="_blank">Terms of Use</a>
@@ -120,7 +82,7 @@
 	</span>
       </div>
       <blockquote>Made with love from all over the world.</blockquote>
-    </footer>
+ </footer>
 
   </body>
   <script defer data-domain="linktaco.com" src="https://plausible.io/js/script.js"></script>
diff --git a/layouts/partials/webring-out.html b/layouts/partials/webring-out.html
new file mode 100644
index 0000000..a58ce97
--- /dev/null
+++ b/layouts/partials/webring-out.html
@@ -0,0 +1,45 @@
+    <section class="webring">
+      <h2>
+        Articles from blogs we recommend
+        <small class="attribution">Generated by <a href="https://git.sr.ht/~sircmpwn/openring">openring</a></small>
+      </h2>
+      <section class="articles xrow xis-center">
+        
+        <div class="card article xcol-4">
+          <h4><a href="https://drewdevault.com/2024/09/25/2024-09-25-Neurodivergence-and-accountability-in-free-software.html" target="_blank" rel="noopener">Neurodivergence and accountability in free software</a></h4>
+          <p>In November of last year, I wrote Richard Stallman’s political discourse on
+sex, which argues that Richard Stallman, the founder of and present-day
+voting member of the board of directors of the Free Software Foundation (FSF),
+endorses and advocates for a ha…</p>
+          <footer>
+            via <a href="https://drewdevault.com" target="_blank" rel="noopener">Drew DeVault&#39;s blog</a><br />
+	    Sep 25, 2024
+          </footer>
+        </div>
+	
+        <div class="card article xcol-4">
+          <h4><a href="https://emersion.fr/blog/2024/status-update-68/" target="_blank" rel="noopener">Status update, September 2024</a></h4>
+          <p>Hi!
+Once again, this status update will be rather short due to limited time
+bandwidth. I hope to be able to allocate a bit more time slots for my
+open-source projects next month.
+We’re getting closer to a new Sway release (fingers crossed), with lots of help
+f…</p>
+          <footer>
+            via <a href="https://emersion.fr/blog/" target="_blank" rel="noopener">emersion</a><br />
+	    Sep 20, 2024
+          </footer>
+        </div>
+	
+        <div class="card article xcol-4">
+          <h4><a href="https://go.dev/blog/alias-names" target="_blank" rel="noopener">What&#39;s in an (Alias) Name?</a></h4>
+          <p>A description of generic alias types, a planned feature for Go 1.24</p>
+          <footer>
+            via <a href="https://blog.golang.org/feed.atom" target="_blank" rel="noopener">The Go Blog</a><br />
+	    Sep 17, 2024
+          </footer>
+        </div>
+	
+      </section>
+    </section>
+
diff --git a/static/css/style.css b/static/css/style.css
index e139eb9..dcd0f53 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -47,10 +47,13 @@ footer .footer>*:last-child {
 
 footer .webring {
   margin-top: 2rem;
+  max-width: 1100px;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 footer .webring h2 {
-  font-size: 1.2rem;
+  font-size: 1.8rem;
 }
 
 footer .webring .articles {
@@ -65,7 +68,6 @@ footer .webring .article {
   flex: 1 1 0;
   display: flex;
   flex-direction: column;
-  background: #eee;
   padding: 0.5rem;
   margin: 0 0.5rem;
   @media(max-width: 640px) {
@@ -73,6 +75,10 @@ footer .webring .article {
   }
 }
 
+footer .webring .article p {
+  flex-grow: 1;
+}
+
 footer .webring .article:first-child {
   margin-left: 0;
 }
@@ -83,7 +89,7 @@ footer .webring .article:last-child {
 
 footer .webring .attribution {
   float: right;
-  font-size: 0.8rem;
+  font-size: 1.3rem;
   color: #555;
   line-height: 3;
 }
diff --git a/webring-in.template b/webring-in.template
new file mode 100644
index 0000000..cca4677
--- /dev/null
+++ b/webring-in.template
@@ -0,0 +1,18 @@
+    <section class="webring">
+      <h2>
+        Articles from blogs we recommend
+        <small class="attribution">Generated by <a href="https://git.sr.ht/~sircmpwn/openring">openring</a></small>
+      </h2>
+      <section class="articles xrow xis-center">
+        {{range .Articles}}
+        <div class="card article xcol-4">
+          <h4><a href="{{ .Link }}" target="_blank" rel="noopener">{{ .Title }}</a></h4>
+          <p>{{ .Summary }}</p>
+          <footer>
+            via <a href="{{ .SourceLink }}" target="_blank" rel="noopener">{{ .SourceTitle }}</a><br />
+	    {{ .Date | datef "Jan 2, 2006" }}
+          </footer>
+        </div>
+	{{ end }}
+      </section>
+    </section>
-- 
2.45.2