[2025-05-08] Adjusting zoom, font sizes and <hr> colour

https://sr.ht/~sircmpwn/openring/

_includes/categoryList.html

@@ -1,4 +1,4 @@
-<ul style="list-style-type:none;margin:0;padding:0;font-size:16px;">
+<ul style="list-style-type:none;margin:0;padding:0;">
   {% for post in site.posts %}
   {% assign category = post.category %}
   {% if category == page.title %}

_includes/openringTemplate.html

@@ -0,0 +1,50 @@
+<!-- License-Id: CC0-1.0 -->
+<section class="webring">
+  <p>Articles from blogs I follow around the net</p>
+  <section class="articles">
+    {{range .Articles}}
+    <div class="article">
+      <h4 class="title" dir="auto">
+        <a href="{{.Link}}" target="_blank" rel="noopener">{{.Title}}</a>
+      </h4>
+      <p class="summary" dir="auto">{{.Summary}}</p>
+      <small class="source">
+        via <a href="{{.SourceLink}}">{{.SourceTitle}}</a>
+      </small>
+      <small class="date">{{.Date | datef "January 2, 2006"}}</small>
+    </div>
+    {{end}}
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.5rem;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0.5rem;
+  padding: 0.5rem;
+  background: #32302F;
+  min-width: 10rem;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+  color: #555;
+}
+</style>

_includes/postFooter.html

@@ -1,4 +1,5 @@
 <hr><br>
 <div style="text-align: center;">
 Issues or comments? <a href="mailto:andrew@andrewconl.in">Email me!</a>
+{% include openring.html %}
 </div>

assets/css/default.css

@@ -22,7 +22,7 @@ code {
 
 div.container {
     margin: 0 auto;
-	zoom: 1.5;
+	zoom: 1.4;
 }
 
 div.content {
@@ -41,7 +41,7 @@ div.content {
     }
 	div.container {
     	margin: 0 auto;
-		zoom: 1.4
+		zoom: 1.3
 	}
 }
 
@@ -67,7 +67,7 @@ div.content {
     }
 	div.container {
     	margin: 0 auto;
-		zoom: 1.0
+		zoom: 1.1
 	}
 }
 
@@ -132,10 +132,15 @@ span.growshrink {
   }
 }
 
-p {
+body {
 	font-size: 14px
 }
 
 h1 {
 	font-size: 24px
 }
+
+hr {
+	color: #32302F;
+	border-color: #32302F
+}

projects.html

@@ -4,7 +4,7 @@ title: projects
 ---
 
 {% include pageTitle.html %}
-<ul style="list-style-type:none;margin:0;padding:0;font-size:16px;">
+<ul style="list-style-type:none;margin:0;padding:0;">
 	<p><span style="font-family:Geist Mono"><a href="https://pypi.org/project/tictoc">tictoc</a> / </span>Fast, simple and accurate Python timing. Written in Rust.</p>
 	<p><span style="font-family:Geist Mono"><a href="https://year-progress.cnln.dev">year-progress</a> / </span>A fun side project which gives the progress through the year, relative to other things.</p>
 </ul>

serve.sh

@@ -0,0 +1,12 @@
+openring \
+    -s https://andyconlin.com/feed/ \
+    -s https://digitalflapjack.com/blog/index.xml \
+	-s https://gpanders.com/index.xml \
+    -s https://luke.hsiao.dev/atom.xml \
+    -s https://wickstrom.tech/feed.xml \
+    -s https://paulcapewell.com/feed/ \
+    -s https://www.splitbrain.org/feed/blog \
+    -s https://lilysthings.org/blog/rss.xml \
+  < _includes/openringTemplate.html \
+  > _includes/openring.html
+bundle exec jekyll serve