Add web ring

2 files changed, 133 insertions, 0 deletions

diff --git a/_includes/webring-in.html b/_includes/webring-in.html
new file mode 100644
index 0000000..0eece87
--- /dev/null
+++ b/_includes/webring-in.html
@@ -0,0 +1,55 @@
+<section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    {{range .Articles}}
+    <div class="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>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0 0.5rem;
+  padding: 0.5rem;
+  background: #eee;
+}
+.webring .article:first-child {
+  margin-left: 0;
+}
+.webring .article:last-child {
+  margin-right: 0;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+  color: #555;
+}
+.webring .date {
+  color: black;
+}
+</style>
diff --git a/_includes/webring-out.html b/_includes/webring-out.html
new file mode 100644
index 0000000..23ae260
--- /dev/null
+++ b/_includes/webring-out.html
@@ -0,0 +1,78 @@
+<section class="webring">
+  <h3>Articles from blogs I follow around the net</h3>
+  <section class="articles">
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://os.phil-opp.com/status-update/2019-06-03/" target="_blank" rel="noopener">Updates in May 2019</a>
+      </h4>
+      <p class="summary">This post gives an overview of the recent updates to the Writing an OS in Rust blog and to the used tools. I was quite busy with my master thesis this month, so I didn&#39;t have the time to create new content or major new features. However, there were qu…</p>
+      <small class="source">
+        via <a href="https://os.phil-opp.com">Writing an OS in Rust</a>
+      </small>
+      <small class="date">June 3, 2019</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="https://emersion.fr/blog/2019/intro-to-damage-tracking/" target="_blank" rel="noopener">Introduction to damage tracking</a>
+      </h4>
+      <p class="summary">One year and a half ago, I implemented damage tracking for wlroots. It’s about time I write an article about it!
+I’ll explain damage tracking in the context of a Wayland compositor, but most of that should also apply to other things-that-render-stuff as we…</p>
+      <small class="source">
+        via <a href="https://emersion.fr/blog/">Blog on emersion</a>
+      </small>
+      <small class="date">May 30, 2019</small>
+    </div>
+    
+    <div class="article">
+      <h4 class="title">
+        <a href="http://way-cooler.org/blog/2019/04/29/rewriting-way-cooler-in-c.html" target="_blank" rel="noopener">Giving up on wlroots-rs</a>
+      </h4>
+      <p class="summary">Giving up on wlroots-rs</p>
+      <small class="source">
+        via <a href="http://way-cooler.org/">Way Cooler</a>
+      </small>
+      <small class="date">April 29, 2019</small>
+    </div>
+    
+  </section>
+  <p class="attribution">
+    Generated by
+    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
+  </p>
+</section>
+<style>
+.webring .articles {
+  display: flex;
+}
+.webring .title {
+  margin: 0;
+}
+.webring .article {
+  flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
+  margin: 0 0.5rem;
+  padding: 0.5rem;
+  background: #eee;
+}
+.webring .article:first-child {
+  margin-left: 0;
+}
+.webring .article:last-child {
+  margin-right: 0;
+}
+.webring .summary {
+  font-size: 0.8rem;
+  flex: 1 1 0;
+}
+.webring .attribution {
+  text-align: right;
+  font-size: 0.8rem;
+  color: #555;
+}
+.webring .date {
+  color: black;
+}
+</style>