ID: k103pn
Date: 2022-09-20T12:14:14Z
Title: Integrating openring with Logarion
Authors: Izuru Yakumo <yakumo.izuru@chaotic.ninja>
Topics: Logarion

It took me a while to do so, as I found it not too trivial until I just
literally copy-pasted the template code to `footer.html` and saving it
as `footer.html.in`, which openring itself takes as input, and outputs
the former file already populated, more or less.

This is what I have just before this blog's footer. 
(angle brackets replaced with &lt; and &gt; for presentation)

```
&lt;pre&gt; &lt;=^.^=&gt; Articles from blogs I follow &lt;/pre&gt;
&lt;section class="webring"&gt;
	&lt;section class="articles"&gt;
		{{range .Articles&gt;
		&lt;div class="article"&gt;
			&lt;h4 class="title"&gt;&lt;a href="{{.Link}}" target="_blank" rel="noopener"&gt;{{.Title}}&lt;/a&gt;&lt;/h4&gt;
			&lt;p class="summary">{{.Summary}}&lt;/p&gt;
			&lt;small class="source"&gt;via &lt;a href="{{.SourceLink}}"&gt;{{.SourceTitle}}&lt;/a&gt;&lt;/small&gt;
			&lt;small class="date"&gt;{{.Date | datef "January 2, 2006"}}&lt;/small&gt;
		&lt;/div&gt;
		{{end}}
	&lt;/section&gt;
	&lt;p class="attribution"&gt;Generated by &lt;a href="https://git.sr.ht/~sircmpwn/openring"&gt;openring&lt;/a&gt;&lt;/p&gt;
&lt;/section&gt;
```


And the CSS, which I copied verbatim into main.css, except for the background color
```
.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: #30; min-width: 10rem; }
.webring .summary { font-size: 0.8rem; flex: 1 1 0; }
.webring .attribution { text-align: right; font-size: 0.8rem; color: #555; }
```


Thing is, I wasn't able to integrate with it the Makefile + conf.mk
combo I use for generating the output, so I have to run it before in
order to get the footer.html and then build as normal. Beyond that it
works fine.