It’s just what you are expecting and executed wonderfully. I had spoiled the ending but just watching the plot unfold was really satisfying.
Lots of actors that I’ve seen around in other media.
It’s just what you are expecting and executed wonderfully. I had spoiled the ending but just watching the plot unfold was really satisfying.
Lots of actors that I’ve seen around in other media.
I really wanted to do more writing instead of working on labarum, but I found myself wanting to write more about it. The very first post had examples of code that would render outside of their container depending on how long the line of code was.
It drove me crazy and I would sometimes edit the post in order to avoid the problem.
It was an itch. An irritation.
I needed to fix this.
Some of the other themes do not have a problem with code blocks at all.
The problems arise from my previous decision to allow for images to float along side content for a post and still remain within its container1.
This lead me to a small crisis of confidence. Am I putting too much effort into use cases that 99%of the people using the theme are never going to see? Am I essentially playing wack-a-mole trying to handle anything that is sent as content?
I don’t know what the future might hold as far as content, but I do know that most of the posts with titles that I - the theme creator- writes have some kind of code in them.
So that leads us into how do I fix this problem?
The problem is actually multiple different scenarios.
I decided that I would start at the bottom and work my way up because it looked to be the hardest problem. To test my work I made code-blocks.md on my local system and placed a copy as a post my test blog. Feel free to use it to follow along at home. Please be aware that sometimes, the text processor makes the quotes “smart”2!
This was hard for me to solve.
Hugo uses goldmark to process the markdown and then pygments to color things. The resulting export is essentially a table wrapped in a couple of divs.
I created this simplified diagram to illustrate my mental model.
I did some additions to the .highlight
class in my style.css
in order to get it to fit. I created a value called --max-width-value
that my <body>
now uses and then set the .highlight
to use the following.
overflow: auto;
max-width: calc( var(--max-width-value) - 2rem);
After that I noticed that the individual spans and divs weren’t working so I added the additional block below.
.highlight > div {
width: fit-content;
}
Within the table, there is a <pre>
and <code>
tag that both have hardcoded values. I suspect that these are the defaults and could probably be changed in the config.json
file, but I don’t know how to change them at this point in time. Maybe a later iteration.
For now, I set values in my css for the <pre>
tag so that I don’t inadvertently change something in code.
Within that table, everything is styled by <span>
tags. I don’t make any changes to those because I’m at the limit of my current knowledge.
These are not placed in a table, but still use the .highlight
class so I get most of the changes that I had put in for the previous scenario. The problem testing what would work for both.
This does not use the .highlight
class. It does use a <pre>
tag with some hardcode values. I added some padding on the top and sides to this example and should make more examples to test it out.
I feel that <code>
within a paragraph should probably stand out versus the code blocks on the page.
p > code, kbd {
background-color: var(--background);
color: var(--text-alt);
padding: 3px;
border-radius: 5px;
}
I’m going to continue tweaking the colors and rules a little bit more for code blocks. This post is actually another good example of how it is used. I would really like some feedback or better examples on how to work with this, but I think I’ll save any energy I have on finding a better font for this.
While working on this issue, I used the following tools.
There are couple examples that I would pull from that had a minified version of their css file. I used this to get a better read at what they were doing.
I was told about this tool so that I can reduce the file size for the images in this post.
I love making diagrams!
If you are looking for a film that will make you happy and hopeful, then this is it. A true underdog story that highlights the human spirit. It doesn’t get very dark into what could have happened.
I really enjoyed this film and it was great to see people and relationships become a success.
If you are looking for a film that will make you happy and hopeful, then this is it. A true underdog story that highlights the human spirit. It doesn’t get very dark into what could have happened.
I really enjoyed this film and it was great to see people and relationships become a success.
I did an “official” point release for the Labarum theme last night. I had previously been keeping the version number in the site-head.html
and did not change the plugin.json
file that would alert the different workflows that a change had actually happened.
In addition to the the changes in my last post, I added some margin to all images, figures, and videos on the site to better handle some of the content that is added from other sources than MarsEdit and Drafts.
I also used the same styling on the navigation links as I do the articles. This will make them more legible. For all of the talk about accessibility, I was using the contrast between the article background as a test and not the background that you normally see.
In my last post, I mentioned that I wasn’t using any plugins.
Turns out, because I wasn’t using them, I didn’t know that some of them weren’t working. In one case, the Search Space plugin by @sod.
After looking into it a bit more, it turns out that I had set the <base>
element in my head for the theme. This causes all relative links to go to the base1 of the website. In this case, it made what should have been https://mandaris-test.micro.blog/search-space/minisearch.js
into https://mandarismoore.com/minisearch.js
. As an added problem, footnotes would go to the main page of the site as well. I didn’t see it because I only looked at my articles on the main page and hadn’t looked at my older post in a while.
I found this really nice article about what use cases the <base>
really shines.
Strangely enough, I’m actually a lot more confident in the quality of my theme after finding this issue.
This is a small little change that most will never see, but I’ve added some code to improve what is parsed when you use a webmention. Some of this is really dependent on what kind of client someone is using to parse the Webmention, but I feel that this follows the specs pretty well.
I’m going to continue to reevaluate the way that site looks to me. To paraphrase @pimoore, “theme design never ends, it goes on hiatus”.
I’ve identified the following things that could use some improvements.
With all that said, I want to spend the next 20 to 30 days focusing on the content of the site more. I’ve put a lot of energy into how the theme works and I want to do more writing and podcasting. I found that I started comparing my theme to others and it was taking some of the fun out of it. If I focus on creating stuff, I can have a better understanding of where I want the theme to highlight the things I make.
So, feel free add it as a plugin on micro.blog, browse the code on Github, or contact me via how ever you got this article.
People on the internet are mean. This is a decent adaptation of the children’s tale about the little mermaid.
I thought it was pretty decent fairly true to what I remember from watching it repeatedly with my oldest daughter.
Sure, they make some changes such as removing the “Les Poissons” segment, but I don’t think anyone really wants to see the live action version of fish getting cut up. A little too real for some.
People on the internet are mean. This is a decent adaptation of the children’s tale about the little mermaid.
I thought it was pretty decent fairly true to what I remember from watching it repeatedly with my oldest daughter.
Sure, they make some changes such as removing the “Les Poissons” segment, but I don’t think anyone really wants to see the live action version of fish getting cut up. A little too real for some.
I remember watching a short tv series based off of the Arabian nights tales. In it, a woman would tell a story to a sultan every night to keep him entertained or she would be killed.
This is not as morbid, but the structure of having someone tell their story and having it played out by different actors is great to see.
I especially liked the cinematography at the beginning of the film as they move from one angle to the next. It somewhat sets you off balance as you move into the main portion of the story. I just wished it tied into the main plot of the story more.
Another aspect I enjoyed about the film is the way that it treats nudity. It’s in there, trust me you’ll see it. But it’s there as a backdrop and sometimes even as a plot point.
Certain parts of the movie are in Ottoman Turkish without subtitles but I like to think of it as a nod how something’s are universal. The main characters do a great job of explaining whatever nuisance I missed.
All in all, I am happy I saw it and think of it as kind of a breather from the other media I consume.
I remember watching a short tv series based off of the Arabian nights tales. In it, a woman would tell a story to a sultan every night to keep him entertained or she would be killed.
This is not as morbid, but the structure of having someone tell their story and having it played out by different actors is great to see.
I especially liked the cinematography at the beginning of the film as they move from one angle to the next. It somewhat sets you off balance as you move into the main portion of the story. I just wished it tied into the main plot of the story more.
Another aspect I enjoyed about the film is the way that it treats nudity. It’s in there, trust me you’ll see it. But it’s there as a backdrop and sometimes even as a plot point.
Certain parts of the movie are in Ottoman Turkish without subtitles but I like to think of it as a nod how something’s are universal. The main characters do a great job of explaining whatever nuisance I missed.
All in all, I am happy I saw it and think of it as kind of a breather from the other media I consume.
I remember being pleasantly surprised by this movie. It did some interesting stuff with slow motion.