Hey Loura!

🐸 Lillihub (an unofficial web/PWA client for Micro.blog)

Here’s what’s new:

  1. Rename/delete notebooks
  2. Move notes to different notebooks
  3. Copy notes and export to Markdown/HTML
  4. Optional note auto-save
  5. Auto-save on new posts and editing existing blog posts

🎊🥳🐸 Lillihub Update 🐸🥳🎊

Besides bug fixes, here’s what’s new:

  1. Private notes can have titles and tags (Lillihub only)
  2. Access private note versioning
  3. The timeline now mimics Micro.blog by default (this can be changed under settings)
  4. Links to notes and bookshelves in the slide out menu

screen shot of lillihub ui showing the private notes edit ui with instructions on how to add titles and tags.

screen shot of lillihub ui showing the private note in the previous image displayed

Enjoy!

I’m eating m&m’s, watching an animal crossing playthrough on youtube, and messing around with code. Next up is dinner, a Just Dance battle with my daughter, and then working in my journal 🥰

Auto-generated description: A social media interface featuring a feed with posts and user interactions, displaying a left sidebar with navigation options.

Got a little more coding time in today and played around with Micro.blog’s private notes. I implemented some basic tag functionality using YAML frontmatter in the notes. It’s only been a couple of hours and I’m already really liking it. (Note: this is not in production yet)

screenshot of lillihub UI with the private notes feature

I had some time to play with code today (which I find relaxing). I’m thinking that I like conversations indented a bit on Lillihub. I have quite a few changes/updates that may go out in a month or two.

Auto-generated description: A social media app interface.

I’ve been having fun with some Lillihub updates. No promises if/when these will go out, there is a lot of testing and tweaking to be done 👩‍💻

screenshot of Lillihub timeline screenshot of Lillihub comment box with @mention dropdown screenshot of Lillihub notebook page with notes about code

Auto-generated description: A tablet with an attached stylus displays an e-book reader application with text and comments, resting on a textured surface.

I pulled out my old e-ink tablet and I’ve been having a lot of fun using it. I’ve even used it somewhat successfully as a monitor while coding on visual studio. Also, Lillihub isn’t half bad black and white. P. S. Applying screen protectors isn’t my strong suit 😂

It’s been just over two weeks since I updated 🐸 Lillihub. The analytics so far:

Analytics from lillihub for the last 30 days.

Which is good, since a few more people are using it. I’m keeping an eye on the free tier limits. Based on the logs, the CPU time per request limit was hit a few times. Probably large image uploads.

Big update to 🐸 Lillihub! 🥳 You will need to re-login before using it. I’ll do a longer post with the changes. Speak up if you see any issues. If you like the split of convos and posts you can re-enable it under settings. UI redesign, backend rewrite and more! Whew! 😆

I’ve been slowly working on a major 🐸 Lillihub, a micro.blog client, update and wanted to check-in and see if there were any suggestions/ideas out there while I get the release ready. No guarantee I’ll be able to implement any of them 😄

Here is a sneak peak of the UI changes:

screenshot of Lillihub ui on a phone screen

I’ve been using some shoelace web components in my Lillihub project. However, I am not using npm, or using a build step, and I don’t want external links. I just want a source file without a bunch of imports. Luckily I found this command line tool for compiling a node.js module. 😎

I’m thinking about making some design changes for Lillihub 🐸. I was playing around with this option (on the left) this weekend. It still has some color, but the UI is minimal. Nothing set in stone yet…

side by side screenshot of the Lillihub UI. The new style, on the left, is minimal. The old style, on the right, is retro and colorful

I have some free time this weekend for the first time in a while. Getting in some much needed Lillihub development time.

screenshot of UI updates on Lillihub.

An fun 🐸 Lillihub update I put in yesterday. The editor now previews an image while you write. I find it helpful to see the image while writing alt descriptions 😊

screenshot of lillihub’s editor showing the image preview

My favorite thing about my side project, Lillihub , is you don’t need JavaScript.

Besides the reply box not auto-clearing, the fancy markdown editor for posts (both which work with textareas), and photo swiping it’s not that noticable without it.

🐸 Lillihub update:

You will need to reset your settings.

Improvements:

  • Editor previews images inline
  • Editor supports browser spell check
  • Login on homepage
  • Added logout

Bugs:

  • Editor drag/drop/copy images has been fixed
  • Editor full screen dark mode fixed.

And this lovely test post should not crosspost from Lillihub

I’m working on some Lillihub tweaks 👩‍💻. I wanted to add a marker at the end of all the new posts since that last time Lillihub was viewed, but I’m having trouble with the wording. Any suggestions? “Already seen posts” seems a bit wordy and off…

Screenshot of Lillihub UI. At the bottom of the screen is a marker that says “Already seen posts”

A 🐸 Lillihub update to celebrate 1 month 🥳. Check it out, it’s a fun way to view your Micro.blog timeline.

  • Conversations don’t repeat as you page
  • Comments from people you follow are highlighted
  • Photo page for a user now has a grid view
  • Comment threads now have a collapse at the bottom

Oh hey.. double update day for 🐸 Lillihub. Is that a checkmark I see on PWA? I believe it is 🤩

Super minimal right now, but you should be able to “install” Lillihub if your device supports it. Hopefully it works for IPhone users. Let me know if it doesn’t

screenshot of the goolgle Lighthouse score for Lillihub.  Perfomance is listed at 96/100, Accessibility 91/100, Best Practices at 100/100 and PWA checked off.

Quick 🐸 Lillihub, a Micro.blog web client, update:

  • Dark Theme can be enabled. Turn it on under “Settings”
  • Bug fix: videos not showing.
  • Limit the # of comments streamed to 25 for performance. Configure the default under “Settings”. The “View Post” action still displays all.

Did you know you can filter content out of the Micro.blog timeline and comments using the 🐸 Lillihub client? Go to “Settings” and save a list of terms. Note: the list is saved on the browser so if you are using Lillihub on multiple devices you will need to configure it on each device.

Screenshot of Lillihub timeline view. There is a cutoff post with an image and below that, the focus of the image, a post that says “content was filtered out.” in lightened text.

Lillihub Update 🐸:

  • Photos now swipe on both large and small screens.
  • Post titles now show, when they exist, on the “My Blog” -> “Posts” area.
  • Better date display (when JavaScript enabled)
  • Tagmoji list is now on the “New Post” page.

I’m thinking of adding the users blog/website url (if any) above the post timestamp on Lillihub. On one hand, I think highlighting a users domain is nice, on the other I worry it is too busy looking. 🤔. Thoughts?

screenshot of Lillihub UI focusing on a post. The post has the user avatar, text and an image of a plant with green and pink leaves.

Want to try out a new Micro.blog web client? You’re in luck! I’d like to introduce Lillihub 🐸. It’s a delightful web app to view your timeline, make posts and keep up with conversations. You can even manage your books and bookmarks. Enjoy! 😁

screenshot of the Lillihub Micro.blog web client. Shows timeline screen with navigation bar and the top and a colorful rainbow sidebar menu. The main column of text is a post about autumn with a picture of road with trees along the side with fall colors.

I managed to borrow an old MacBook Pro. Now I’ll be able to test my website themes and Lillihub properly 🤩

I’m ready for some beta testers. If you’re interested in trying out and giving feedback on my micro.blog client send me an email at loura@hey.com ☺️. The video was taken on my surface duo2 which is a bit wider than a normal cellphone.

Turns out you can use Hey’s workflow feature as a lightweight Kanban board for a hobby project.

screenshot of a Kanban board using Hey email workflow feature. There are five columns and a series of tasks inside them.

Made some progress enhancing the posting UI today. The web client is also responsive to device size and has and dark/light mode.

two screenshots side by side showing a micro.blog client post page. One is with a light UI and one with a dark UI.

Phase one of my not so super secret project, a Micro.blog web client, is complete! No frameworks; just hand-rolled HTML5/CSS on the front and deno in the back. Now it’s time to add a tiny bit of JS to smooth a couple things out. Then, maybe… beta testing?