1<section class="webring">
 2  <h3>Articles from blogs I follow around the internet</h3>
 3  <section class="articles">
 4    
 5    <div class="article">
 6      <h4 class="title">
 7        <a href="https://kevq.uk/rewriting-my-wordpress-site-in-html-css-comparing-performance/" target="_blank" rel="noopener">Rewriting My WordPress Site In HTML/CSS & Comparing Performance</a>
 8      </h4>
 9      <p class="summary">I recently wrote a post about why I don’t use a static site generator. After that post, I decided to fork my site to HTML/CSS to see how quicker it would be. This weekend is Easter weekend here in the UK. That means a 4-day weekend; couple that with isola…</p>
10      <small class="source">
11        via <a href="https://kevq.uk">Kev Quirk</a>
12      </small>
13      <small class="date">April 12, 2020</small>
14    </div>
15    
16    <div class="article">
17      <h4 class="title">
18        <a href="https://secluded.site/typing-international-characters/" target="_blank" rel="noopener">Typing International Characters</a>
19      </h4>
20      <p class="summary">My first computer was an Acer C710 Chromebook. There were a lot of problems with it but one thing I always appreciated were its dead keys. Until a few days ago, I had completely forgotten what the feature was called. Once I figured it out, however, I was …</p>
21      <small class="source">
22        via <a href="https://secluded.site/posts/">Posts on Secluded.Site</a>
23      </small>
24      <small class="date">April 8, 2020</small>
25    </div>
26    
27    <div class="article">
28      <h4 class="title">
29        <a href="https://drewdevault.com/2020/04/06/My-weird-branchless-git-workflow.html" target="_blank" rel="noopener">My unorthodox, branchless git workflow</a>
30      </h4>
31      <p class="summary">I have been using git for a while, and I took the time to learn about it in
32great detail. Equipped with an understanding of its internals and a comfortable
33familiarity with tools like git rebase — and a
34personal, intrinsic desire to strive for minimal and li…</p>
35      <small class="source">
36        via <a href="https://drewdevault.com">Drew DeVault's Blog</a>
37      </small>
38      <small class="date">April 6, 2020</small>
39    </div>
40    
41  </section>
42  <p class="attribution">
43    Generated by
44    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
45  </p>
46</section>
47<style>
48.webring .articles {
49  display: flex;
50  flex-wrap: wrap;
51  margin: -0.5rem;
52}
53.webring .title {
54  margin: 0;
55}
56.webring .article {
57  flex: 1 1 0;
58  display: flex;
59  flex-direction: column;
60  margin: 0.5rem;
61  padding: 0.5rem;
62  background: #323234;
63  min-width: 10rem;
64}
65.webring .summary {
66  font-size: 0.8rem;
67  flex: 1 1 0;
68}
69.webring .attribution {
70  text-align: right;
71  font-size: 0.8rem;
72  color: #fff;
73}
74</style>