Micro.blog

Mtt
Mtt

I have a few things to finish, but my custom Micro.blog theme is nearly complete (see my blog). It has no added scripts, is fully responsive, the only media query is for dark mode, & it doesn’t load special fonts. Hopefully I can finish soon. I plan to make it available if there’s interest.

shep
shep

@Mtt Looks great!

Mtt
Mtt

@shep Thank you!

MitchW
MitchW

@Mtt Looks terrific and yes I'd like to try it out on my blog. Thanks!

pimoore
pimoore

@Mtt Wow, this theme is super clean and fast, great work! How did you manage to make it responsive with no screen-based media queries? Every time I had to deal with them I rhetorically questioned my will to live. 😂

Gaby
Gaby

@Mtt This looks good, nice and clean

Mtt
Mtt

@pimoore Carefully thinking through the entire layout. Fonts and Font sizes that work everywhere. Same for margins. Using “max-width” instead of “width”. No multiple columns. And a few more that I’m sure are slipping my mind.

Mtt
Mtt

@MitchW Thanks! Stay tuned (unless you want to dive in now and clone the repo).

Mtt
Mtt

@Gaby Thanks!

pimoore
pimoore

@Mtt That’s brilliant, anything that eliminates having to fuss around with different viewport sizes is a huge win. I’d be very interested in taking a look at this.

Mtt
Mtt

@pimoore Here’s the repo. I still need to prettify the code and tweak some things, but feel free to have a look.

josephaleo
josephaleo

@Mtt interested! 😀

MitchW
MitchW

@Mtt Thanks, but I am not that technical.

Mtt
Mtt

@josephaleo Noted. I’ll post when it’s done.

Mtt
Mtt

@MitchW I’ll post when it’s ready and more plug and play.

pimoore
pimoore

@Mtt Thanks, Matt. I’m already taking a deep dive in your CSS, though it’s really more of a shallow wade. ;) That’s some super clean and concise styling!

Mtt
Mtt

@pimoore Thanks. Feel free to fork or add issues you find. I’ve still got to work out the process of making it easy to install for users here. Haven’t worked that out yet. Confused by the plug-in/theme terminology.

Mtt
Mtt

@mikehaynes Thanks! Will do that tomorrow. On Micro.blog, am I supposed to add it as a plug-in or a theme (with the clone repo feature) for others to access? I assumed theme but help docs seem to maybe/perhaps/kinda say plug-in? Or maybe it’s a manual thing by Manton.

pimoore
pimoore

@Mtt I can definitely suggest adding support for @sod’s other super popular Reply by Email plug-in, though all of his are excellent.

Mtt
Mtt

@pimoore Yeah, I need to do that. Looks just as easy. Thanks.

gregmoore
gregmoore

@Mtt 😃Yay, you’re back and with yet another awesome theme to boot!

leeperry
leeperry

@Mtt Your theme looks so lightweight and clean, yet easy on the eye... I really like it. Toying with building my own, but need to understand Go and some of the components a little better.

lmika
lmika

@Mtt Looks great. Love the clean look.

josephaleo
josephaleo

@Mtt Awesome! Thanks.

Mtt
Mtt

@MitchW @pimoore @josephaleo @leeperry @lmika The theme is is now available for install. It's definitely a 1.0 product, so it might (probably will) have a few bugs.

In reply to
pimoore
pimoore

@Mtt @mitchw @josephaleo @leeperry @lmika Quick, everybody get out your red pen… 😉

Mtt
Mtt

@pimoore As long as I somehow don’t take down all of the internet because I forgot a semicolon, I’ll be happy!

leeperry
leeperry

@pimoore @Mtt @josephaleo @lmika @gregmoore @mikehaynes @MitchW @Gaby @shep I still have some css to work on tomorrow, but spent most of the night customising this on my site. It looks ace. Really clean template to work from.

Mtt
Mtt

@leeperry Awesome. I can fix that stacked Nav issue with an update tomorrow.

Mtt
Mtt

@leeperry (It’s only on mobile)

Mtt
Mtt

@leeperry I pushed out an update 1.0.3 a few minutes ago (takes up to 2 hours to get to everyone). I know you're tweaking the site so you may want to hold off, but I fixed the stacked nav on mobile, added some accessibility features, tweaked some readability stuff, and quashed a couple bugs.

leeperry
leeperry

@Mtt I've installed 1.0.3, and its not broken anything. When I customise css tonight, I'll skim through the 6 files in the custom theme to spot any changes. Still have slight menu ovelay... but I'll look at the css for that tonight too.

leeperry
leeperry

@Mtt I hadn't noticed the stack nav issue until I looked on phone, but still had it on iPhone on v1.03 fixed with

nav a { line-height: 2.3; }

leeperry
leeperry

@Mtt Probably my main addition in my custom theme beyond personal preferences was to add next / previous buttons to the pagination in list.html. You might have dealt with in 1.03, if not just let me know if you want the code.

josephaleo
josephaleo

@leeperry excited for the release. 😀

josephaleo
josephaleo

@Mtt Excellent! I’ll install during breakfast.

Mtt
Mtt

@leeperry That's essentially the fix I pushed out, but by default the theme uses a list for the nav. It looks like you've modified it to remove the list. That's no problem, but I'm guessing it's why you needed to add that line.

Mtt
Mtt

@leeperry Good catch. Just an oversight on my part. It will be included on the update I push out later today. Thanks.

Mtt
Mtt

@josephaleo Hope it goes well!

josephaleo
josephaleo

@Mtt what is the name of your theme, please?

josephaleo
josephaleo

@Mtt never mind. Found it.