Make the webring larger

3 files changed, 82 insertions, 69 deletions

diff --git a/_includes/custom-webring.html b/_includes/custom-webring.html
index 88250f0..3a8e472 100644
--- a/_includes/custom-webring.html
+++ b/_includes/custom-webring.html
@@ -1,53 +1,51 @@
-<div class="wrapper">
-  <section class="webring">
-    <h2>
-      Articles from blogs I read
-      <small class="attribution">
-        Generated by
-        <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
-      </small>
-    </h2>
-    <section class="footer-col-wrapper">
-      
-      <div class="footer-col article">
-        <h4 class="title">
-          <a href="https://stallman.org/archives/2021-jan-apr.html#13_March_2021_%28Yemeni_journalist_jailed%29" target="_blank" rel="noopener">Yemeni journalist jailed</a>
-        </h4>
-        <p class="summary">
+<section class="webring">
+  <h2>
+    Articles from blogs I read
+    <small class="attribution">
+      Generated by
+      <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+    </small>
+  </h2>
+  <section class="footer-col-wrapper">
+    
+    <div class="footer-col article">
+      <h4 class="title">
+        <a href="https://stallman.org/archives/2021-jan-apr.html#13_March_2021_%28Yemeni_journalist_jailed%29" target="_blank" rel="noopener">Yemeni journalist jailed</a>
+      </h4>
+      <p class="summary">
 
 Proxies of the UAE have jailed Yemeni journalist Adel al-Hasani,
 who reported on ties between UAE and al-Qa&#39;ida.
 
 
 </p>
-        <small class="source">
-          via <a href="https://stallman.org/archives/polnotes.html">Richard Stallman&#39;s Political Notes</a>
-        </small>
-        <small class="date">March 13, 2021</small>
-      </div>
-      
-      <div class="footer-col article">
-        <h4 class="title">
-          <a href="https://www.eff.org/deeplinks/2021/03/seattle-and-portland-say-no-public-private-surveillance-networks" target="_blank" rel="noopener">Seattle and Portland: Say No to Public-Private Surveillance Networks</a>
-        </h4>
-        <p class="summary">An organization calling itself Safe Cities Northwest is aiming to create public-private surveillance networks in Portland, Oregon and Seattle, Washington. The organization claims that it is building off of a “successful model for public safety” that it bu…</p>
-        <small class="source">
-          via <a href="https://www.eff.org/rss/updates.xml">Deeplinks</a>
-        </small>
-        <small class="date">March 12, 2021</small>
-      </div>
-      
-      <div class="footer-col article">
-        <h4 class="title">
-          <a href="https://news.opensuse.org/2021/03/11/opensuse-project-selected-for-gsoc-mentoring/" target="_blank" rel="noopener">openSUSE Project Selected for Google Summer of Code Mentoring</a>
-        </h4>
-        <p class="summary">Let’s gehts los! The openSUSE Project is one of about 200 mentoring organizations selected for this year’s Google Summer of Code. The openSUSE Project has participated in several GSoC events since 2006 and the project’s mentors have helped more than 60 st…</p>
-        <small class="source">
-          via <a href="https://news.opensuse.org">openSUSE News</a>
-        </small>
-        <small class="date">March 11, 2021</small>
-      </div>
-      
-    </section>
+      <small class="source">
+        via <a href="https://stallman.org/archives/polnotes.html">Richard Stallman&#39;s Political Notes</a>
+      </small>
+      <small class="date">March 13, 2021</small>
+    </div>
+    
+    <div class="footer-col article">
+      <h4 class="title">
+        <a href="https://www.eff.org/deeplinks/2021/03/seattle-and-portland-say-no-public-private-surveillance-networks" target="_blank" rel="noopener">Seattle and Portland: Say No to Public-Private Surveillance Networks</a>
+      </h4>
+      <p class="summary">An organization calling itself Safe Cities Northwest is aiming to create public-private surveillance networks in Portland, Oregon and Seattle, Washington. The organization claims that it is building off of a “successful model for public safety” that it bu…</p>
+      <small class="source">
+        via <a href="https://www.eff.org/rss/updates.xml">Deeplinks</a>
+      </small>
+      <small class="date">March 12, 2021</small>
+    </div>
+    
+    <div class="footer-col article">
+      <h4 class="title">
+        <a href="https://news.opensuse.org/2021/03/11/opensuse-project-selected-for-gsoc-mentoring/" target="_blank" rel="noopener">openSUSE Project Selected for Google Summer of Code Mentoring</a>
+      </h4>
+      <p class="summary">Let’s gehts los! The openSUSE Project is one of about 200 mentoring organizations selected for this year’s Google Summer of Code. The openSUSE Project has participated in several GSoC events since 2006 and the project’s mentors have helped more than 60 st…</p>
+      <small class="source">
+        via <a href="https://news.opensuse.org">openSUSE News</a>
+      </small>
+      <small class="date">March 11, 2021</small>
+    </div>
+    
   </section>
-</div>
+</section>
diff --git a/assets/css/custom.scss b/assets/css/custom.scss
index f0b026a..3fd60cb 100644
--- a/assets/css/custom.scss
+++ b/assets/css/custom.scss
@@ -1,8 +1,25 @@
 ---
 ---
 
+body {
+  font-family: serif;
+}
+
+.post-content {
+  h1 {
+    font-size: 2rem;
+  }
+  h2 {
+    font-size: 1.5rem;
+  }
+}
+
 .webring {
+  max-width: 1000px;
+  margin-left: auto;
+  margin-right: auto;
   margin-bottom: 1rem;
+  padding: 1rem;
   .attribution {
     float: right;
     font-size: .8rem;
diff --git a/webring.template b/webring.template
index d107318..912baa2 100644
--- a/webring.template
+++ b/webring.template
@@ -1,25 +1,23 @@
-<div class="wrapper">
-  <section class="webring">
-    <h2>
-      Articles from blogs I read
-      <small class="attribution">
-        Generated by
-        <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+<section class="webring">
+  <h2>
+    Articles from blogs I read
+    <small class="attribution">
+      Generated by
+      <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+    </small>
+  </h2>
+  <section class="footer-col-wrapper">
+    {{range .Articles}}
+    <div class="footer-col article">
+      <h4 class="title">
+        <a href="{{.Link}}" target="_blank" rel="noopener">{{.Title}}</a>
+      </h4>
+      <p class="summary">{{.Summary}}</p>
+      <small class="source">
+        via <a href="{{.SourceLink}}">{{.SourceTitle}}</a>
       </small>
-    </h2>
-    <section class="footer-col-wrapper">
-      {{range .Articles}}
-      <div class="footer-col article">
-        <h4 class="title">
-          <a href="{{.Link}}" target="_blank" rel="noopener">{{.Title}}</a>
-        </h4>
-        <p class="summary">{{.Summary}}</p>
-        <small class="source">
-          via <a href="{{.SourceLink}}">{{.SourceTitle}}</a>
-        </small>
-        <small class="date">{{.Date | date}}</small>
-      </div>
-      {{end}}
-    </section>
+      <small class="date">{{.Date | date}}</small>
+    </div>
+    {{end}}
   </section>
-</div>
+</section>