Skip to main content

Raymii.org Logo (IEC resistor symbol) logo

Quis custodiet ipsos custodes?
Home | About | All pages | RSS Feed | Gopher

Site updates, new layout

Published: 08-05-2019 | Author: Remy van Elst | Text only version of this article


Table of Contents


This site is generated with my self-written open source static site generator named ingsoc (named after 1984). I've updated the layout of the website to be less cluttered, allowing you to get to the content much faster.

Inspired by my recent gopher adventures I decided to do away with the 2 column layout (drop the sidebar with menu) and have a smaller header with essential links. On mobile this makes a huge difference in scrolling, on the desktop it looks less cluttered.

The Gopher site is just a list of articles with a nice header and a few links to the about page and other Gopherholes. I wanted to replicate that layout on the web site, but with a little bit of styling to make it look nicer than just plain text.

If you read these site update articles, please let me know. I'd like to hear your opinion on the new layout.

If you like this article, consider sponsoring me by trying out a Digital Ocean VPS. With this link you'll get $100 credit for 60 days). (referral link)

I sometimes write updates on new changes in ingsoc, those articles can be found
here. The last large layout update was over a year ago.

Mobile side by side

The previous layout was reasonably responsive, it scaled to smaller devices. The menu and sidebar appeared before the actual content on mobile, requiring you to scroll down quite a bit. The current layout has the content right there.

side by side mobile

Desktop side by side

On the desktop the sidebar with the menu and sponsors has disappeared. It's now in the header. The sponsor image is replaced by text in the articles.

This was the previous layout:

previous

This is the current layout:

current

Small improvements

The overview page now has a count:

count

If an article is updated after publishing, this is now shown, both on the site as well as the RSS feed:

lastupdate

The tags for an item are now comma seperated and the search bar has moved down:

comma

Tags: blog , cli , ingsoc , python , raymiiorg , server , site