The Sustainability of Theme Development on Micro.blog

Originally, Tiny Theme for Micro.blog was simply a personal project for my blog. After I went live with it, I began to receive requests to make it available to others. I had no objections to people using my work in this way, so I did the necessary work to make it as useful to others as it was to me.

From day one, the response was incredibly positive. It received what I consider a high adoption rate and more and more micro.blog users installed it as their theme of choice. Support and tutorial requests started to roll in, but nothing I couldn’t handle at the time. Honestly, I enjoyed helping others accomplish their goals for their sites.

Eventually, I released another theme, Sumo, for the platform. Again, it has received positive reviews and been used by more people than I could’ve imagined. What started as a personal project morphed into an unexpected design customization hobby. While I do enjoy the work, I noticed more and more of my time was being devoted to designing and developing freely available blog themes.

At a certain point in the process, I knew I’d have to figure out a way to monetize it. This isn’t ideal, but when you’re spending hours and hours on a project, at some point it has to make financial sense. There are expenses that I incur relating to hardware, software, hosting, and of course time. I needed to at least cover some of those costs. This lead me to introducing a simple Buy Me a Coffee monetization structure. Basically, you get everything for free and if you can afford it, buy me a cup a coffee1 from time to time.

The generosity of others has always amazed me. In this case, there have been a few who have been more than willing to help offset expenses. It’s hardly profitable, but it has enabled me to at least cover a few costs over the last year. The total amount of donations I have received over that time is $532.73.

Here is the monthly (13 months) breakdown:

income chart for micro.blog design and development

As you can see, things fluctuate greatly. The peaks in the chart are always connected to helping an individual user with a larger customization issue. The minimal values are typically propped up by a few automatically recurring donations. These donations have covered the cost of my preferred coding software, design software, Micro.blog hosting, and a few cups of coffee. That’s been fantastic.

The uncovered aspect is, unfortunately, time. To be clear, this isn’t the fault of users or of the Micro.blog platform. It’s simply a byproduct of a hobby based design/development project. There aren’t many people making simple blog themes that provide large weekly cash drops. It’s the nature of the beast.

With Micro.blog being a few years old at this point, I would still consider it in its infancy. Manton and team have done an incredible job developing a platform with many strengths and possibilities, and I know they have ambitious plans for the future.

However, as someone who is simply designing a theme for the platform, I must find a way to prioritize my time and resources in a way that makes sense for me. That doesn’t mean Tiny Theme or Sumo Theme are going away. Not by any means. But it does mean, at least for a season of life, I have to redirect some of my time to more pressing matters.

First and foremost, that’s the well-being of my family. This year, our family received some very tough medical related news involving two individuals. This isn’t the place to get into specifics. But I will say that both of those individuals, after months of treatment, are rebounding beautifully and the future looks bright.

As for Micro.blog, I’m still a supporter. As for Tiny and Sumo Theme, I’ll still be maintaining and updating them. When it comes to support, I’ll still attempt to address any issues and provide tutorials when possible. You can feel confident that the themes will continue to exist and be supported. Timelines may look different. I once released support for a feature less than 5 minutes after Micro.blog announced it. I don’t know if that will happen again, but…never say never.

To wrap this whole thing up, I’d like to offer a few suggestions for the Micro.blog team to support and entice further theme/plugin development on the platform:

  • Introduce a “verified” (or similar) category for plugins. If a theme (or other plugin) passes certain criteria, let it be viewed under a heading that indicates its quality.
  • Provide discounts to proven developers on the higher paid plans. For example, a developer may not need to use a certain feature (like family plans) for their personal account. But to provide support and testing for others, it would be nice to have access to them.
  • Add a link to each developer on individual plugin listings. Or perhaps a “follow” button.
  • Communicate upcoming changes/features, when possible, to proven designers/developers beforehand.
  • Find a way to further incentivize quality development. We’re a simple folk. I know a guy who developed an entire app for a company just for a chance to win a box of swag. T-shirts and notebooks and stickers and mugs and and and…are powerful stuff these days.

  1. Yes, it says coffee multiple times. And yes, that’s the name of the company I use to process donations. And yes, most people think coffee is a live saving substance. However, I don’t drink coffee. I’ve tried so many times. From the entire Starbucks menu to every artisan thing imaginable to adding overwhelming amounts of sugar/milk/honey/syrup, it just doesn’t work for me. I’ve even tried the add salt trick to help with the bitterness. Coffee just isn’t for me. My drink of choice is a nice cold Dr. Pepper. As a Texas-born (Louisiana native) man, it make sense. Alas, there is no service called Buy Me a Dr Pepper. Yet. ↩︎


A Spontaneous Family Road Trip

After a few long weeks of health-related issues (everyone is ok), unexpected changes to plans, and a variety of curveballs being thrown at us, we decided to take a few days off for a family vacation. We did it old school style…loading up the car and hitting the road.

With Atlanta, GA, as our final destination, we began the trek. On the way, our first stop was Montgomery, Alabama, where we ate more BBQ than we should’ve (especially our 5 year old). We decided to stay the night and continue the drive the next morning.

A woman and two children are standing in front of a brick building with a Dreamland BBQ sign above them.

Once we made it to Atlanta, it was time for lunch. We visited the excellent Ponce City Market to kill some time, shop, and eat. I don’t think we ended up buying anything outside of lunch, but it was a worthwhile visit. The kids got pizza while Kalena and I went with lamb entrees.

Collage of people eating lunch.

We knew we needed the visit the excellent Georgia Aquarium. We’ve been before in years past, but our daughter was too young to remember. She’s been begging to go and there’s no way we could’ve passed it by. Thanks to Kalena’s research and planning, we knew the perfect time to arrive. We had quite a few of the tanks/exhibits to ourselves before the crowds appeared.

A woman and two children are standing in front of a large aquarium, observing various fish and coral.

If you know anything about us, you know a trip to Atlanta most likely centers around the Braves. We know the Truist Park/Battery area well and chose a hotel close by. The Braves aren’t currently playing their best ball, but it was nice to take the kids once again (photos at end). We knew where to sit (good views for kids, shady, cost effective) which helps when you’re dealing with Atlanta heat and kids.

On the way home, we decided to take a different route, this time through Jackson/Pearl, MS. The AA Affiliate (Minor Leagues) of the Braves organization is currently in its final year in the state, and we wanted to catch a game there before they move. Thanks to their version of a going-out-of-business sale, we managed to snag a large amount of goodies (jerseys, hats, shirts, bats, balls, etc). They were also giving away 1,000 jerseys that night. Somehow, we managed to snag numbers 995, 996, 997, and 998 before they ran out.

As with most trips, you get to a point where you’re ready to be home. Fortunately, I’m sitting at our dining room table writing this while the kids are sleeping in their own beds. Normal life starts back up tomorrow, but it was nice to step away for a few days to change things up.

In one photo drop, here are a few of us enjoying some baseball.

Two children, both wearing baseball caps and t-shirts, stand smiling and giving thumbs up near the stands of a baseball stadium. A woman and a young girl are sitting in a stadium, both smiling at the camera with a crowd of spectators and various advertisements visible in the background. A family is enjoying a day at a baseball game, wearing team jerseys and eating snacks in the stands. Three people wearing Braves gear stand in front of a large World Series Champions baseball sculpture near a modern building. A blue mascot in a baseball uniform poses with two children in front of a stadium building.  A family of four, making playful faces, is seated in a stadium with many empty seats around them.

Introducing Sumo Theme for Micro.blog

As the developer of Tiny Theme for Micro.blog, I’ve had a unique seat as the platform has grown. As Micro.blog has added features, changed, and matured, so have the many great themes available. The popularity and community acceptance of Tiny Theme has consistently overwhelmed me. It has always been a great theme for people who want high level control over the look, feel, and layout of the site. Tiny Theme will continue to be supported and actively developed. But let’s talk about something new…

Sumo Theme

Today, I’m excited to introduce a new theme called Sumo. It uses a lot of the codebase of Tiny Theme, supports many of the same features, but is significantly more opinionated than Tiny Theme.

Opinionated?

Using Hugo and Micro.blog, you have the ability to manipulate and mold any theme into what you want. If you have a clear vision of where you want your site to go and the technical chops to get it there, use Tiny Theme.

I designed Tiny Theme with OTHERS in mind. I wanted to make it as flexible and functional as possible. I wanted others to be able to bend it to their liking. And I’ve been amazed at the results.

I designed Sumo Theme with ME in mind. This is a full package theme designed how I’d choose if you paid me and walked away from the computer. But, ya know, it’s free.

It’s Not Customizable?

Well, let’s not go that far. Sumo Theme is built with 3 easy customization possibilities.

  1. Skinning
  2. Font Choices
  3. Microhooks

Skinning allows you to choose your own color scheme. I’m not talking about choosing a main color and an accent color and going home. I mean you can color all kinds of stuff using CSS.

Font Choices include all stacks created by Modern Font Stacks. This mirrors the feature on Tiny Theme.

Microhooks were developed for Tiny Theme and adapted for Sumo Theme. Every Microhook works on BOTH themes.

But Can I Do More?

Of course you can, as with all themes available on Micro.blog. You can even fork it on Github if you’d like. However, this theme is not built with that in mind. The ideal user of Sumo Theme will activate it, color it, perhaps use a microhook or 2, and roll with it.

Are There More Features?

Well, of course there are. We could talk about things like speed, codebase, microhooks, font choices, and skinning for hours, but let’s leave those behind for now. Here’s a good old fashioned list of some of the other features available at launch.

  • See images (and other elements) full-width on smaller devices
  • Support for Tinylytics
  • Support for FontAwesome (no scripts or plugins needed)
  • Full suite of Typography options such as multiple blockquote styles, multiple paragraph styles, and page folds
  • Full comment system support
  • Supports popular plugins by default
  • Frequently Updated
  • Responsive Developer
  • And a lot more!

What If I Need Help?

If you need help, have a problem, or would like to report a bug (this is a 1.0 release after all), you can contact me via Micro.blog or email.

Sumo Theme is launching as version 1.0. More features and tweaks are on the roadmap, including a 1.1 release before the middle of August 2024.

How Much Does it Cost?

It’s free, of course. But you can always feel free to chip in to support development.


Episode 2: Kobos, Kindles, and Highlights

Today, I talk about my experience with Kindles (Oasis, Paperwhite) and the Kobo Libra 2. I touch on what I’m currently reading and I take a quick look at a highlighting workflow I recently built (episode 3 will dive more into that).

Transcript


Auditing Our Non-Profit's Software

I’ve been in charge of auditing my non-profit team’s software use and changing directions where we need. With some software, I have lots of leeway, with others there’s none. But it looks like we’re going to be using this set of products going forward: Quickbooks (existing), ProtonMail (from Google Workspace), DropBox (from Google Drive & Docusign), Notion (existing but consolidating lots of stuff), Todoist (from a white board).

Some of our goals in doing this are increasing privacy & security, modernization, lowering costs, and future proofing. It’s not locked in stone as of yet (still awaiting some communication from a couple of the companies), but it looks to be headed that way.


Tiny Theme 2.7: Fundamental Changes to 'More' Tag Usage

Tiny Theme has been updated to version 2.7 and includes a fundamental change to how posts can be truncated with a Read More tag. Previously, you needed to use a Summary Posts plugin (now archived). The feature is now built-in for all users. Simply add a more tag within your post and it’ll be properly truncated on your main blog page.

That’s hardly breaking news, but here is where things change. Hugo (and thus Micro.blog) has limited support for formatting and handling this style of truncated posts/summaries. Typically, all HTML formatting (links, photos, etc) would be stripped out when using that tag. Obviously, that’s not ideal. Tiny Theme will now handle that how you might expect. Your blog feed, even when using the More tag, will show all HTML as intended on the post feed even when you use more tags.


My Top 5 Flashlights to Carry

For years, I’ve been in what many call the EDC Community. Basically, that means I’m more cognizant of what I carry on a daily basis. Technically speaking, everyone has an EDC (or Every Day Carry). For most people, that includes a phone, keys, and wallet. Others take it a step further with a pocket knife or leaps and bounds further with a fully stocked sling/bag.

One of the most common extra items is a flashlight. If you’re questioning the necessity of carrying a flashlight by asking, “Why not use the flashlight on your phone?” then you likely aren’t the individual who needs to carry a flashlight. But if you find yourself needing a legitimate standalone flashlight often (perhaps due to your job) or just want to see what it’s like to carry one, this list is for you.


A Child Theme for Tiny

Tiny Theme comes fully designed out-of-the-box, but many people like to tweak things here and there. Perhaps you want to add a background or increase the width. As a quick example, I’ve designed a child theme using only 3 lines of CSS.

Child Theme for Tiny Theme for Micro.blog

I’ve added a background color, modified the page width, tweaked the margins, rounded some corners, and centered the header. You can copy and paste the code below into your Custom CSS (access it via the Design page on Micro.blog). Use it as is or modify it to your needs.

As you can see, making wholesale design changes to Tiny Theme is pretty easy.


My Top 10 Historical Fiction Novels


New - Tiny Theme 2.0 with Microhooks

I’ve been very happy with the success and development of Tiny Theme since its inception. However, there has always been one big obstacle I’ve had trouble over-coming. Basic CSS customization has always been possible, but I wanted to create a way for more advanced customizations without requiring users to over-write major elements of the theme (and thus missing out on future updates).

Introducing Microhooks

I’m calling this new feature Microhooks. It allows users to add (or modify) elements without having to over-write critical parts of Tiny Theme. For example, previously, if you wanted to add an email subscription box to the bottom of each post, you’d either have to code that in to every post OR completely over-write the single post implementation of Tiny…and if the single post implementation of Tiny ever got updated, well…good luck. Now, there’s another way.

Due to the growing popularity of Tiny Theme, I have created a documentation site that has information more current than this post.


Default Apps for 2023

There have been a bunch of “what apps am I using?” blog posts recently, inspired by an episode of Hemispheric Views. Robb Knight has a page with links to other people’s posts.


A New Plugin for Tiny Theme: Adaptive Photo Layout

When I first created Tiny Theme, I knew I wanted to allow users to create posts with more than a handful of images. While technically possible from day one, the default layout was a simple vertical stack of images. While this is to be expected on mobile devices, it’s less than elegant on larger screens.

The solution comes in the form of the Adaptive Photo Layout plugin for Tiny Theme.

Installation

  1. Go to the Plugin Page
  2. Install It

Usage

To create a gallery, you have to follow a few steps manually. This allows you to only use the adaptive photo layout when you’re sure you need it. Here’s the sample code:

<div class="adaptive_photo_layout">
	<ul>
		<li><img src="LINK TO IMAGE 1" alt="IMAGE 1 DESCRIPTION" loading="lazy"></li>
		<li><img src="LINK TO IMAGE 2" alt="IMAGE 2 DESCRIPTION" loading="lazy"></li>
		<li><img src="LINK TO IMAGE 3" alt="IMAGE 3 DESCRIPTION" loading="lazy"></li>
		<li><img src="LINK TO IMAGE 4" alt="IMAGE 4 DESCRIPTION" loading="lazy"></li>
		<li><img src="LINK TO IMAGE 5" alt="IMAGE 5 DESCRIPTION" loading="lazy"></li>
		<li></li>
	</ul>
</div>

The last empty <li></li> is suggested for formatting purposes.

There are no limits to the amount of photos you can use. As long as your code is formatted like the above, it will work. If you’d like, you can even link each image to a standalone version (or to anything else) as well.

Shortcode?

I made the intentional decision to not include a shortcode with this plugin. Shortcodes create longterm lock-in to a plugin. I wanted you to be able to switch themes and plugins in the future without your site breaking or you being required to manually remove every shortcode.

Shortcuts!

Thanks to the excellent work of Jarrod Blundy of HeyDingus.net, this plugin is launching with 2 included Shortcuts for iOS/MacOS.

Both shortcuts require you to validate your Micro.blog account upon initial use. They also give you the opportunity to view and add alt descriptions to each photo in your album. The results are then added to your clipboard. Easily paste the html into your new post/page and publish!

Jarrod did an excellent job with these plugins. Checkout his library for more shortcuts. Best of all, you can even hire him to create one for you.

Support Development

Tiny Theme and its plugins are provided free of charge to Micro.blog users. I do not receive payment from Micro.blog in any way. If you’d like to help offset expenses and ensure the future of Tiny and its plugins, please consider supporting its development.

Buy Me A Coffee

Example

With the Adaptive Photo Layout plugin, you can create albums that look great on desktop and tablet browsers. For this example, I used the iOS shortcut.

  • Kalena at beach
  • Matt and Kalena in Lithuania
  • Kalena in Mexico
  • Isla Mujeres
  • Kalena in Savannah
  • Matt and Kalena in Hawaii
  • Kalena in Breaux Bridge
  • Kalena and son at beach
  • Matt and Kalena at Truist Park
  • Kalena and son at beach
  • Kalena and son with dinosaurs
  • Kalena and daughter in San Antonio
  • Kalena and son at Minute Maid Park
  • Kalena in Pensacola
  • Matt and Kalena in Lafayette
  • Matt and Kalena and family
  • Kalena and son playing baseball
  • Kalena and son at baseball game
  • Langford family in Pensacola
  • Matt and Kalena in Oklahoma
  • Kalena holding rock

Creating a Custom Branded File Sharing Service for Free

I had a first-world file sharing dilemma. I wanted to be able to simply share files with others that didn’t require a convoluted process. I wanted to be able to set expiration dates and passwords when necessary. I wanted it to be custom branded. And here’s the kicker, it needed to be affordable.


Introducing Font Choices for Tiny Theme

When I started developing Tiny Theme, I set out with goals of (1) accomplishing everything without scripts, (2) make it as light as possible, and (3) use as few media queries as possible. To date, Tiny still has zero added scripts, is very light, and uses only 1 media query (to enable dark mode). However, shortly after releasing the theme, it became apparent that people wanted font choices. How could I enable that without adding any scripts or additional weight to the theme?

Going this route limited me to using system fonts. My first inclination was to leave the theme as is and allow users to decide if and how they wanted to customize font stacks (something you can still do). But with more requests, I realized a lot of people would prefer to have built-in options.

While attempting to build out my own capable font stacks, I came across Modern Font Stacks. It is a collection of pre-defined font stacks (with fallbacks) that have almost perfect cross compatibility with different browsers and systems. It was an easy choice to build off their work.

The next hurdle was deciding how to allow Tiny Theme users to select fonts. I could build in a sort of font selector dropdown, but that would require a settings page (which has certain Micro.blog hurdles) that could stand in the way of future updates. I also considered a separate plugin to enable the feature, but decided that was unnecessary.

Ultimately, I decided to integrate the font family choices directly into Tiny Theme. You can use Micro.blog’s built-in Custom CSS options to choose your preferred font stack from Modern Font Stacks. Visit their site for quick visual aids.

How to Use

(Requires Tiny Theme 1.8 or higher)

  1. Go to Edit CSS in your Micro.blog Design Settings
  2. Add the following code:
body {
    font-family: var(--font_system_ui);
}

The code snippet above is the default setting. To change your font stack, you can choose from the following options:

  • --font_system_ui
  • --font_transitional
  • --font_old_style
  • --font_humanist
  • --font_geometric_humanist
  • --font_classical_humanist
  • --font_neo_grotesque
  • --font_monospace_slap_serif
  • --font_monospace_code
  • --font_industrial
  • --font_rounded_sans
  • --font_slab_serif
  • --font_antique
  • --font_didone
  • --font_handwritten

For example, you could use:

body {
    font-family: var(--font_old_style);
}

If you’re familiar with web inspectors, you can easily cycle through the options to see a live preview on your site.

Target Specifics

The above example will change the fonts used on the entire site, but you may also prefer to target certain elements. This can easily be done in a very similar way. Let’s say you’d like to only change the font for Headers, here’s how:

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font_industrial);
}

Dealing with Font Weights

Some fonts have heavier and lighter weights by default. If you like a certain font choice, but think the implementation is too light or too heavy/bold, you can experiment with different weights. Modern Font Stacks gives you your options, but here’s an example specific to Tiny Theme.

body {
    font-family: var(--font_antique);
    font-weight: 100;
}

Backwards Compatibility

If you’ve previously changed your font in another way, this won’t break it. It’s only a simpler way to switch fonts to pre-defined stacks for those who want it.


My Favorite Mac Apps and Utilities

As someone who uses a Mac almost every day, there are a quite a few smaller utility-type apps that I frequently use. I decided to make a list, perhaps it’ll be useful to someone.


How to Verify your Domain on Nostr and Bluesky (for Micro.blog users)

Adding domain specific verification to Nostr and changing your Bluesky username to your own domain can be accomplished by creating .well-known text files. If you’re using Micro.blog and would like to do this, it’s pretty easy.


My Safari Extensions in 2023

Here’s a quick rundown of the Safari Extensions I keep enabled on my devices (iOS, iPadOS, and MacOS).

Wipr

For ad blocking, many people go with 1Blocker, but I prefer Wipr. It’s a no nonsense, install it, and forget it app. 1Blocker is a fantastic app that allows almost limitless customizations and settings. Wipr is a fantastic app that has no customizations or settings. There’s a place for both, but Wipr wins for me.

Baking Soda and Vinegar

Baking Soda and Vinegar are made by the same developer. Together, they change almost every video embed across the internet to use your device’s native video player. This means things like Picture-in-Picture are always available.

Stop the Madness

Stop the Madness essentially fixes broken sites and common annoyances across the internet. See full links instead of shortened URLs, hide banners on common sites, enables autocomplete on sites that have it turned off, stop link trackers, stop videos from auto-playing, and so much more. You can choose settings globally or per site.

There are other apps on my devices that have extensions available, but I have all of those disabled. In addition to Wipr, I use a paid NextDNS account for ad blocking and privacy.


How to Change the Color Scheme in Tiny Theme

I’ve been pleasantly surprised by the number of people who have chosen Tiny Theme for their micro.blog. It is built to be both simple and customizable. One of the most common changes to make to the theme is a change in color scheme.


Where Have I Been

I decided to jump on the trend of listing places visited. For my list, I’m limiting it to locations where I spent meaningful time (ex. no airport only stops).

Countries

  • United States of America 🇺🇸
  • Mexico 🇲🇽
  • El Salvador 🇸🇻
  • Honduras 🇭🇳
  • Jamaica 🇯🇲
  • Cayman Islands 🇰🇾
  • Lithuania 🇱🇹
  • Latvia 🇱🇻
  • Belarus 🇧🇾

States within the USA

  • Louisiana
  • Texas
  • Mississippi
  • Alabama
  • Florida
  • Missouri
  • Arkansas
  • Oklahoma
  • Colorado
  • Utah
  • Arizona
  • Nevada
  • California
  • Georgia
  • Tennessee
  • Kentucky
  • South Carolina
  • North Carolina
  • Wisconsin
  • New York
  • Massachusetts
  • Maryland
  • Virginia
  • Hawaii
  • Illinois
  • Kentucky
  • Washington D.C. (not a state)

I’ve spent way more time than I care to admit in Frankfurt, Germany (Interpol mixup, for real); London, England; and Seattle, Washington (USA). But they were all limited to airport adventures.


Introducing the Tiny Theme for Micro.blog

Recently, I’ve been working on a new theme for Micro.blog for my personal use. Others have expressed interest in using it on their site, so I decided to make it available for anyone. I hope you enjoy the Tiny Theme.

Tiny Theme for Micro.blog

Overview

My goal in making the theme was for it to be as functional as possible while also being lightweight and blazing fast. It doesn’t include any added scripts or custom fonts. On the CSS side, it’s fully responsive without size related media queries. In fact, the only media query used is for dark mode.

Tweaking the Design

You can easily tweak elements of the design by going to the Micro.blog Dashboard and navigating to Design → Edit CSS.

  • Use CSS variables to make wholesale changes to the colors used throughout the site.
  • Change the sizing of the entire site simply by changing the body font-size. Everything automatically adjusts to fit your preferred font-size.
  • Easily hide categories from single posts or the bio section in the header.
  • And infinitely more possibilites!

Compatibility

  • Uses Micro.blog’s built-in “Edit Footer” feature (Design → Edit Footer)
  • Works with @sod’s Conversation on Micro.Blog plugin
  • Works with @sod’s Reply by Email plugin
  • Includes tweaks for @manton’s Search page plugin
  • Includes tweaks for the default Photo page feature
  • Includes custom styling for comments (enable on the Design page)
  • Includes custom styling for the replies page (enable in Pages)
  • Includes custom styling for the archive page (enable in Pages)

Support

If you have any problems with the Tiny Theme for Micro.blog, you can contact me for help. If you’re the Github type, you can also report stuff on the repo.

Get it now

You can install the theme directly from the Micro.blog plug-ins page (login required).

If you decide to install it on your blog, let me know in the comments.