💾 Archived View for dimension.sh › ~novaburst › k103pn.gmi captured on 2023-05-24 at 18:05:56. Gemini links have been rewritten to link to archived content

View Raw

More Information

⬅️ Previous capture (2023-01-29)

-=-=-=-=-=-=-

Integrating openring with Logarion

Authors: Aoi K. @ KyokoNet <koizumi.aoi@kyoko-project.wer.ee>

Date: 20 Sep, 2022

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.