3 files changed, 36 insertions, 10 deletions
diff --git a/templates/openring.html b/templates/openring.html
index be91912..675c623 100644
--- a/templates/openring.html
+++ b/templates/openring.html
@@ -1,23 +1,47 @@
-<sectiong style="margin-top: 128px;">
+<section class="webring" style="margin-top: 128px;">
   <h2>Articles from blogs I read</h2>
-  <section>
+  <section class="articles">
     {{range .Articles}}
-    <div>
-      <h3>
+    <div class="article">
+      <h3 class="title">
         <a href="{{.Link}}" target="_blank" rel="noopener">{{.Title}}</a>
       </h3>
-      <p>{{.Summary}}</p>
-      <div>
+      <p class="summary">{{.Summary}}</p>
+      <div class="source">
         via <a href="{{.SourceLink}}">{{.SourceTitle}}</a>
       </div>
-      <div>{{.Date | datef "January 2, 2006"}}</div>
+      <div class="date">{{.Date | datef "January 2, 2006"}}</div>
     </div>
     {{end}}
   </section>
-  <div>
+  <div class="attribution">
     <small>
     Generated by
     <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
     </small>
   </div>
 </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;
+  min-width: 10rem;
+}
+.webring .summary {
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+}
+</style>
diff --git a/templates/page.html b/templates/page.html
index a839e46..cb78f85 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -2,11 +2,13 @@
   <head>
     <link rel="shortcut icon" type="image/jpg" href="/public/icon-64.png"/>
     <link rel="stylesheet" href="/public/style.css" />
+    <link rel="stylesheet" href="/public/highlight.css" />
   </head>
   <body>
     <header class="display: inline">
       <a href="/" style="text-decoration: none;">
-        <img src="/public/eug-vs.png" alt="eug-vs" width="128px"> <h1 style="margin-top: 12px;">Eugene's Space</h1>
+        <img src="/public/eug-vs.png" alt="eug-vs" width="128px">
+        <h1 style="margin-top: 12px;">Eugene's Space</h1>
       </a>
     </header>
     <main>
diff --git a/templates/rss.xml b/templates/rss.xml
index 683bdb2..88a2536 100644
--- a/templates/rss.xml
+++ b/templates/rss.xml
@@ -1,4 +1,4 @@
-<rss>
+<rss version="2.0">
   <channel>
   </channel>
 </rss>