timonla/timonla.github.io

GitHub hosted personal website

timonla.github.io's Issues

Improve scrollbar styling

Make it fit the theme. Slimmer and dark.

Footer is shown below the bottom of the screen on mobile

Better syntax highlighting for C#

Jekyll uses rogue as the default syntax highlighter. It does not work that well for C# code because variable names and types get the same className.

Find a better solution or actually implement a better lexer for rogue.
See:
rouge-ruby/rouge#43
https://github.com/rouge-ruby/rouge/blob/master/docs/LexerDevelopment.md

Fix TDD for iX post icons

The folder and file icons used in the directory trees, don't show on linux:

Create table of contents

For longer blog posts such as the diet review it's difficult to navigate through the entire document.
Figure out a solution to display a table of content next to the content column with links to the different subheadings, if the window is wide enough, otherwise maybe on top of the post.

Add tags

The blog posts have very different topics. It's not such a big issue with the number of posts still being manageable but people should be able to filter the blog posts by some tags that I set for each post.

Use labels in bike packing setup images

Put number labels into the pictures of https://github.com/timonla/timonla.github.io/blob/master/_posts/2021-08-27-bike-packing-setup.md so that the image subtitles are easier to read.

Fix max width for the content div

For too narrow windows, a horizontal scroll bar will appear instead of the content column reacting to the changed width. Problematic on the home view and the blog entries.

Hide tables in blog posts

In longer posts with a lot of tables such as the diet review, they can take up quite a lot of space but might not be interesting for everyone. Implement a solution that automatically hides all tables by default and only displays them on the click of a button.

Improve mobile menu size

The menu button and the menu items are too small on mobile screens. I think the entire header could be higher.

Use mailto link on mobile

I created a function to copy the mail address from the footer instead of using the "standard" mailto:... link. This decision was made because I think that the time for mail programs on desktop is largely over. On mobile this link is more useful though, since everyone has an email app on mobile. Implement a check if the viewing device is a mobile device and change the link accordingly.

Create mobile friendly nav-bar

Right now the nav-bar is only responsive to a certain extend. If the page width gets to narrow, there might not be enough space available, especially with more menu points to be added. Make the nav-bar switch to a collapsable side-nav from certain width.