5 files changed, 78 insertions(+), 46 deletions(-)

M .gitignore
M layouts/_default/baseof.html
A layouts/partials/webring-out.html
M static/css/style.css
A webring-in.template

@@ 1,3 1,4 @@
 public/
 resources/
 test-article.md
+.hugo_build.lock

@@ 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>

@@ 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>
+

@@ 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;
 }

@@ 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>