Skip to main content

Labarum: Optionals

A small but pretty cool v1.2.18 of Labarum. This will allow the Reply by email for Micro.blog, Reply on Mastodon, and Conversation on Micro.blog plugins to look like they belong on the page.

Single post with links to reply via email, Micro.blog, or Mastodon.

The next step will be to add a little more padding to the <div> that contains the links and to get the embed for the Tinylytics-for-Micro.blog plug to work correctly as well.

How does labarum add optionals?

There are truly great web designers here on Micro.blog and one of them is Matt Langford. He’s got a wonderful theme called Tiny Theme.

In it, he has different logic to test whether a certain plugin is installed and then perform logic for it.

{{ if templates.Exists "partials/reply-by-email.html" }}
  <li>{{ partial "reply-by-email.html" . }}</li>
{{ end }}

With labarum, I place these all in one <div> and hope that the underlying plugin doesn’t decide to add multiple lines some day in the future.

I’m using the browsers nature of not rendering the empty block elements.

What about tinylytics for labarum?

I ran into an issue when I attempted to add the tinylytics plugin for Micro.blog to the theme like the other plugins. Most likely a user error on my end caused by a conflict between when I initially added tinylytics and this plugin.

I didn’t want to have this update halted while I attempted to fix this.

As always, feel free to contact me with any and all feedback.

🍿 The Super Mario Bros. Movie (2023) - β˜…β˜…β˜…β˜†β˜†

The Super Mario Bros. Movie poster

Description from Movie Database

While working underground to fix a water main, Brooklyn plumbers–and brothers–Mario and Luigi are transported down a mysterious pipe and wander into a magical new world. But when the brothers are separated, Mario embarks on an epic quest to find Luigi.

I fell asleep briefly somewhere between the moment where Mario goes on a mission with Princess Peach and the negotiation between Cranky Kong and the Princess. I’m not going back.

I think that’s kind of the whole vibe of the movie.

Things happen in a scene and then we go on to the next scene. A lot like the game.

Sure, I will tell people that I liked it but I don’t think I’ll ever watch this again.

Template uses lantern by Robb Knight

Fool&#039;s Paradise, 2023 - β˜…β˜…β˜…

I really enjoyed this movie. It doesn't have a lot at stake and seems to go from one crazy plot point to another. But that's the nature of a satire, and I needed to see something like this.Β 

Ken Jeong has really been showing us his range this year. If you've seen him in this and the second season of The After Party, then you'll really know what I'm saying.

Daft Punk Random Access Memories (Drumless Edition) Album Review Pitchfork

What are we doing here? Honestly, what are we doing with this β€œdrumless” edition of Daft Punk’s Random Access Memories? What possible lessons can we learn from 2023’s second re-edition of Daft Punk’s third-best album, in which every sonic detail is the same, other than the absence of drums?

The first thing that I did with this album was listing to Giorgio by Moroder and couldn't get into it because it just seemed off.

I took a step back and decided to listen to the entire album from the beginning with the view point that this is supposed to be different.

I’m listening to it again as I write this and I think it falls some where between a cover version and an acoustic mix. I think the article that I linked to does a better job of explaining it.

For me, the cognitive dissonance sometimes gets me out of the grove. The album moves from something that I would look at to pull songs from for a dance party to an album that I would look at for a speakeasy; a party where people are expected to talk over it.

That’s not to say it’s a bad thing. It’s definitely a different take on a record that I listened to on a regular basis.

Indie App Santa 2023 Edition

Daily gifts from your favorite indie developers.

Discover, support, and celebrate independent iOS developers and make your holiday season merrier with daily surprises!

I've used this for several years. I've found a couple gems and it's really cool to see fresh takes on apps.

What's in a title?

A frequent type of post that I write is a small little review of different forms of media. Usually a movie, but I’ve been adding more tv recently. To quickly differentiate them, I’d put Media Review in the title in the hopes that whoever it helps the reader.

There is a small problem in that I’m populating my blog using letterboxd and it goes directly to the blog. I then have to rename the post, add the alt text to the movie poster, and add the Media Review category.

I’m going to be changing this process going forward.

I’ll continue to mark the post in the category for Media Review but leave it from the post name. In this way, I won’t have to worry about dead links related to post titles changing.

Please let me know if you’ve read any of the reviews. All my writing is for me first, but I do love feedback sometimes.

Labarum: Header Links

The other day, I wrote a micropost about how I was deliberating on <a><h1>...</h1></a> versus <h1><a>...</a></h1>. I joked and said that I was only thinking about it for 59 seconds and as you are reading this post it has been a lot more than that.

Strictly HTML 4 speaking, headers are block elements and anchors are inline elements. But, in practice, I’ve seen anchors around headers in links and images for just as long.

But which one do I want to use?

I decided that I would do some experiments in my test environment and saw that the touch targets would be just a little larger if I switch the anchor to be outside of the header. Unfortunately, this would also mean that I would have to do a minor rewrite of the CSS.

Showing the initial state of links and headers
The previous iterations of the theme had already made a rule for this.

Another question that I had is what is more accessible?. I didn’t want to put effort into this if it meant that it would be a problem for people. So I enabled voiceover and navigated the page using the keyboard to get a sense of what it would sound like.

After listening to the two different versions, I created two rules to match up with what I had previously. I ran into a small snag as header is a block element that spans the width of the container.

Labarum links headers snag
I considered leaving it like this.

I then set width: fit-content to make it fit. As a draw back the box-shadow that I was using to underline the link only shows up on the last line and make long titles look a little weird to me. I considered added a span within the header but that feels like too much work.

Monaspace

Texture Healing is a novel technique that evens out the density of monospaced type, bringing it closer to how proportional type has looked for centuries. Texture healing preserves the monospace grid, and works in most editors without needing new software or editor plugins.

Currently trying this font out with the Krypton variant. It's fun to read and see new fonts.

Media Review: πŸ“Ί The Curse (2023)

The Curse poster

Link: πŸ“Ί The Curse (2023)

Overview

An alleged curse disturbs the relationship of a newly married couple as they try to conceive a child while co-starring on their problematic new HGTV show.

One word: Awkward.

I only saw the pilot and it was one of the most awkward things I’ve ever seen on tv. It’s supposed to be that way… I think. 126% not for kids. I don’t know if I’ll come back to see the other episodes because I don’t have Show Time, but it was intriguing enough that I did listen to a podcast about the second episode in order to find out what happens to the “cherry tomato boys”.

Here is a link to the official trailer for The Curse

Media Review: Life of the Party, 2018 - β˜…β˜…β˜…

Movie Poster for Life of the Party

I saw this one with my wife. We both love Maya Rudolph and Melissa McCarthey. We thought it was in the same vein as Bridesmaids and we were rewarded with big laughs.

Update: Apparently, we don’t love them enough to get their names spelled correctly.