Skip to main content

Testing some stuff out.

What is my rating system?

I have a couple reviews in Letterboxd. While I was thinking about how I would rank them, I felt it writing it down would help me.

I finished this but I regret it.
★★
I’m glad someone was given a chance to make this. Hopefully the next thing is better. Still, I would be hesitant to try anything that boasted about being “The people who brought you X”.
★★★
It’s alright. I liked it enough. I would watch it again if it was on and enough peer pressure was applied.
★★★★
I definitely would watch again. I would recommend it to others. In fact, when I’m feeling overwhelmed with all the possibilities, this might be something I put on instead of something new.
★★★★★
Loved it!

Strangely enough, I don’t write a lot about the things I love on the internet. I feel it might be because it _is_the internet. Years of seeing things being ridiculed makes me hesitant to express a strong feeling about something.

I feel that I’m ready to do that more and more now.

Goat test

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

Table and Gist

This is a small table.

First Header Second Header
Content Cell Content Cell
Content Cell Content Cell
Content Cell Content Cell
Content Cell Content Cell
Content Cell Content Cell

Paragraph in between.

Another paragraph in between.

199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
// GetTitleFunc returns a func that can be used to transform a string to
// title case.
//
// The supported styles are
//
// - "Go" (strings.Title)
// - "AP" (see https://www.apstylebook.com/)
// - "Chicago" (see https://www.chicagomanualofstyle.org/home.html)
//
// If an unknown or empty style is provided, AP style is what you get.
func GetTitleFunc(style string) func(s string) string {
  switch strings.ToLower(style) {
  case "go":
    return strings.Title
  case "chicago":
    return transform.NewTitleConverter(transform.ChicagoStyle)
  default:
    return transform.NewTitleConverter(transform.APStyle)
  }
}

Code block without a language tag

This is a simple example block that shows some code that is wrapped with ``` at the top and the bottom.

# [[title]]

<blockquote>
[[selection_html]]

<footer>
<cite>
    <a class="u-in-reply-to" rel="in-reply-to" href="[[url]]">
        [[title]]
    </a>
</cite>
</footer>

</blockquote>

<p class="p-summary">Begin response here</p>

Code block with a language tag

This is code taken from my theme and wrapped and started with ```go-html-template. This alerts the markdown processor that it needs to highlight the various keywords and variables for that language using pygments.

{{ if .RSSLink -}}
<link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
      <link href="{{ "podcast.xml" | absURL }}" rel="alternate" type="application/rss+xml" title="Podcast" />
      <link rel="alternate" type="application/json" title="{{ .Site.Title }}" href="{{ "feed.json" | absURL }}" />
      <link rel="EditURI" type="application/rsd+xml" href="{{ "rsd.xml" | absURL }}" />
    {{ end -}}

Labarum: Restarting Iterations (Draft)

During my Micro Camp presentation, I stated that the first publication is the first iteration…

Then I stopped.

Just a lot of little things got in the way, and I started to sit on changes that I have made. I’m hoping that this post will be me getting back into publishing changes and why I am making them.

Here’s a list.

Floating Images

Right before Micro Camp, I used MarsEdit to write a post and I used one of the built in alignments to float the image to the left. I was hoping that it would look the way I remember old newspaper articles being.

Image with text wrapped around the right side

Although it did have the text wrapped properly, the image “escaped” out of the article and onto the following article.

Images not showing up properly in theme.

This was at the same time that there was a discussion about floating images in the help. With this information, I created a little demo post to help me evaluate the preconfigured defaults in MarsEdit.

The way, I got to it was dragging an image onto a post to get to the Upload Utility, but you can also access it from the Window menu.

Upload Utility

From there, you can select the options in “Format” or click customize.

Options for formating media in MarsEdit.

Afterwards, you can add more styling to the markup of the image so that future post can use what you’ve been working on.

Modifying the format of posts.

This works for smaller images, but fell apart when I used a long image with small text. I went on a very long online journey look at grid and flex box until I ultimately, came to the following code that expanded the <div> that I use for the content of the post.

.post-body {
    display: inline-block;
}

Three lines and it only took me hours.

Handling Transcripts

I had some code that would check if the post has a transcript for a podcast associated with it. That’s been removed as micro.blog automatically adds this for you. Thank you, @manton.

No Longer Published

Post stating when the  article was published.
I think people can figure out when this is released

When I first started working with the theme, I thought I would show the modified date and published date so that my users could quickly tell when something had been updated.

Looking at other themes, I don’t see many that have this information and it’s assumed that any date on the post is when it was published. I’m still keeping mine on the bottom for now. Although, I sometimes thinking about how a post might be more comparable to a journal entry or letter to the world.

Center Navigation Menu

Most of the other items on the page are centered. For example, the articles and footer. I centered this and gave it some margin.

Describe me

I’ve been using .Site.Params.description incorrectly. I’ll be using .Site.Params.itunes_description for the description used in the main page meta data.

No Comment

I moved comments from the posts off of the main page and out of the article block that they would normally be in. This meant moving the following code from the partials/article-footer.html to _default/single.html.

{{ if .Site.Params.include_conversation }}
<script type="text/javascript" 
src="https://micro.blog/conversation.js?url={{ .Permalink }}">
</script>
{{ end }}

What’s next?

I’m thinking about changes in two different areas.

Styles

The next step is to reevaluate the styles that I’m using for the site. I’ve been adding things as I’ve come across different use cases and I want to make sure that the css file while stands at 496 lines currently is easy to read and understand for Future Mandaris 3 months from now. My friend, Michael, told me about Cube CSS so I’ll be looking into using that as a way to organize it.

I’m not happy with the way that comments look. I’ve decided that I’ll only change the style after I’ve implemented Cube CSS otherwise I’ll only have spaghetti code for the rest of this project.

I’d also like to change the margin between images on the site. For example, this post that I made with the sunlit app. That might be a simple fix that I’d slip into a point release.

After that, I’m planning on making the <code> and code blocks look more seamless in posts and change the font such that they stick out more when reading in a paragraph.

Features

On my site, I don’t use any of the plugins. They should work, but I’d like to make sure that the most popular (AKA the ones that people I follow have mentioned) are working properly.

I don’t see there being a problem because of the nature of the theme, but if you know of an issue, please let me know.

Floating image test

Long image

This is just a little test to see if this will float correctly.

Chase carouser Blimey port six pounders black jack gally spike barque Chain Shot. Spike booty ahoy Arr cutlass prow furl case shot rutters gabion. Heave to take a caulk Arr schooner pillage long boat transom landlubber or just lubber starboard jib.

Sending your First Webmention from Scratch • Aaron Parecki

So what do you need to walk through this tutorial? We'll use static files and simple command line tools so that you can easily adapt this to any environment or programming language later.

Second attempt.

This is an example reply to @aaronpk. Thanks to the class u-in-reply-to, Micro.blog should send a webmention automaticly.