Dev Diary 0004 - Week of October 23rd

Job Related

Vacation week 🥳

General

I had high hopes for a productive vacation. I wanted to repaint my home office and decorate it. I wanted to get journaling done, go on walks, do some shopping, and work on my side projects... Life decided I needed an infected wisdom tooth that I now need to get removed. Which prompted some high anxiety moments. Add in two sick children and I didn't really get much accomplished.

Side Project - Lillihub

I did get some progress done on Lillihub. I've gone through and put in documentation, refactored and simplified where it makes sense and got it running locally. I've been using the Deno Playground Editor up until this point. I just need to flesh out the README.md and then I'll send out the update to my beta testers.

I did adjust the menu/action button area for posts. I liked having it above the comments but I could only fit at most four actions before it didn't work for smaller screen sizes. I could go with icons... and that does seem like the UI trend everywhere. But I like buttons spelled out for me. That way I don't need to guess what action is associated with the button.

I also added in a "Photos" page when viewing the profile of a user. It makes a nice little grid and then you can click the image to go to the post itself.

A couple other things I squeezed in:

• Blockquote styling
• All posts have a "Quote" button which takes you to the editor with the post text already in a blockquote
• All posts now have a "View Post" link that takes you to the single post view in Lillihub - which has the comments auto expanded
• Fixed the bug on managing bookmark tags
• Reduced the image size requested from the micro.blog CDN in an effort to make pages more friendly to those with poor network quality.
• Added an indicator next to a username if you are not following them. The action toggle also has a "Follow User" button in this case.
• Added link to user website on profile page.
• Fixed bug when uploading an image without JS turned on. It wouldn't redirect back to the page.

• Making image quality a setting. That way people who want large images coming over the network can.
• I still want to make multiple image posts side-scroll on small screens. It's challenging since there is no fixed format multiple images come over. Could be a sequence of image tags, or images in separate paragraphs or something else....
• Make the editing experience a bit better.
• Add in a "last seen" divider on the timeline & conversations page, so you can know where you last left off
• Add in a "new post" indicator (for those with JS) if there are new posts to see
• A couple of issues: iframe issue in iOS action bar, autocorrect in markdown editor, word count in editor, and mention page crashing sometimes.

details {
   position: absolute;    
   z-index: 5;    
   margin-left: -92px;
}
.details-content {
  margin-left: -129px;
  width: 200px;
}

<details>
  <summary>Actions</summary>
  <div class="details-content">
    <button>Hello World</button>
  </div>
</details>