mirror:world
Title:
Integrating openring with Logarion
Authors:
Aoi K. @ KyokoNet
Date:
Topics:
Logarion
Id:
k103pn

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 < and > for presentation)

``` <pre> <=^.^=> Articles from blogs I follow </pre> <section class="webring"> <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 | datef "January 2, 2006"}}</small> </div> {{end}} </section> <p class="attribution">Generated by <a href="https://git.sr.ht/~sircmpwn/openring">openring</a></p> </section> ```

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.


 <=^.^=> Articles from blogs I follow 

The phrase "open source" (still) matters

In 1988, “Resin Identification Codes” were introduced by the plastic industry. These look exactly like the recycling symbol ♺, which is not trademarked or regulated, except that a number is enclosed within the triangle. These symbols simply identify what kin…

via Drew DeVault's blog September 16, 2022

I went too far and I got overwhelmed

That subject is quite frankly the best of Vaguebooking I can do, but fear not it's on a purely technical level. When I started OH.MG I wanted to create a nice little archive of things and I did that, then I decided to test out my l337 h4x0r skillz by s…

via [redacted identity] August 21, 2022

"Web3.0: A Libertarian Dystopia" has serious problems

I just want to start out with a little disclosure before I begin. I’m a blockchain developer. I have personal biases in favor of web3. I also own ETH, XRP, BTC, & XMR. So, that probably makes me biased in favor of cryptocurrency as well. Also, even though…

via Blogs on Henrý Ólson's blog August 12, 2022

Power consumption of domestic machines

The values below were measured using a power meter at the mains-socket of each device. Primary aim of this was to discern the gains of using different modes and which function of the machine consumes the most. Dish-washer 1.0 KWh @ 45 C 1.3 KWh @ 50 C Cloth-w…

via Orbifx's Logarion July 30, 2022

Three Things That Made Me Smile Recently

I feel as though I've been a bit too negative lately when it comes to technology. Tonight, I want to highlight some things I've seen recently that make me smile. Don't let yourself get beaten down, life is good! 1. The first Gitea pull request…

via McKinley's Blog July 15, 2022

Generated by openring