Responsive Redesign
If the website looks a little different now, that is because it is. Given that I am an unemployed burden on society I decided to spend some time wrangling CSS to make the website design more responsive. Here are some of the changes:
- On phones and mobile the sidebar should show up at the bottom, not the side
- The "RecentChanges" link has moved from the top to the sidebar
- On large screens the website will now look centred in a field of stars, as opposed to clinging to the left
Given that responsive design has been mainstream for over five years, I guess it is finally time that I learned about CSS Grid and media queries.
There are a bunch of problems that I did not bother to fix:
- Code blocks still expand to the side in mobile mode. The flyouts are probably inappropriate in 2022, but I did not have a better idea.
- Embedded pictures are overflowing their frames, especially on smaller screens.
- The mobile version of the sidebar has no separators between the links.
- I opted not to bother with a full retheming, so the website is still ugly.
In non-design news, I also played around with the tagging structure to get rid of a bunch of infrequently-used tags.
The big remaining problem is getting the website onto SSL using Let's Encrypt. I have an idea of how I might get this working on freeshell.org, but it means the site will be more fragile and break. Without SSL the site will be downvoted by Google and other search engines. This website is stupid but it is my legacy to the world. When I am gone then it would be nice if it was still accessible, but that will probably not be the case with SSL.
If you note problems with the responsiveness then please email me and let me know.