This is a text-only version of the following page on https://raymii.org:
---
Title : Site updates, new layout
Author : Remy van Elst
Date : 08-05-2019
URL : https://raymii.org/s/blog/Site_updated_new_2019_layout.html
Format : Markdown/HTML
---
This site is generated with my self-written open source static site generator
named [ingsoc][2] (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][3] 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][9] site is just a list of articles with a nice header and a few
links to the about page and other [Gopherholes][10]. 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][14]. I'd like to
hear your opinion on the new layout.
<p class="ad"> <b>Recently I removed all Google Ads from this site due to their invasive tracking, as well as Google Analytics. Please, if you found this content useful, consider a small donation using any of the options below:</b><br><br> <a href="https://leafnode.nl">I'm developing an open source monitoring app called Leaf Node Monitoring, for windows, linux & android. Go check it out!</a><br><br> <a href="https://github.com/sponsors/RaymiiOrg/">Consider sponsoring me on Github. It means the world to me if you show your appreciation and you'll help pay the server costs.</a><br><br> <a href="https://www.digitalocean.com/?refcode=7435ae6b8212">You can also sponsor me by getting a Digital Ocean VPS. With this referral link you'll get $100 credit for 60 days. </a><br><br> </p>
I sometimes write updates on new changes in ingsoc, those articles can be found
[here][1]. The last large layout update was [over a year ago][8].
### 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][4]
### 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][5]
This is the current layout:
![current][6]
### Small improvements
The overview page now has a count:
![count][11]
If an article is updated after publishing, this is now shown, both on the site
as well as the RSS feed:
![lastupdate][12]
The tags for an item are now comma seperated and the search bar has moved down:
![comma][13]
[1]: https://raymii.org/s/tags/ingsoc.html
[2]: https://raymii.org/s/software/ingsoc.html
[3]: https://raymii.org/s/tags/gopher.html
[4]: https://raymii.org/s/inc/img/2019-mobile.png
[5]: https://raymii.org/s/inc/img/2019-old.png
[6]: https://raymii.org/s/inc/img/2019-new.png
[7]: https://raymii.org/s/blog/Site_Improvements_for_accessibility.html
[8]: https://raymii.org/s/blog/Site_updates_new_layout_for_overview_pages.html
[9]: gopher://raymii.org:70
[10]: gopher://raymii.org:70/1/links/
[11]: https://raymii.org/s/inc/img/2019-no.png
[12]: https://raymii.org/s/inc/img/2019-lastupdate.png
[13]: https://raymii.org/s/inc/img/2019-comma.png
[14]: https://raymii.org/s/static/About.html
---
License:
All the text on this website is free as in freedom unless stated otherwise.
This means you can use it in any way you want, you can copy it, change it
the way you like and republish it, as long as you release the (modified)
content under the same license to give others the same freedoms you've got
and place my name and a link to this site with the article as source.
This site uses Google Analytics for statistics and Google Adwords for
advertisements. You are tracked and Google knows everything about you.
Use an adblocker like ublock-origin if you don't want it.
All the code on this website is licensed under the GNU GPL v3 license
unless already licensed under a license which does not allows this form
of licensing or if another license is stated on that page / in that software:
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
Just to be clear, the information on this website is for meant for educational
purposes and you use it at your own risk. I do not take responsibility if you
screw something up. Use common sense, do not 'rm -rf /' as root for example.
If you have any questions then do not hesitate to contact me.
See https://raymii.org/s/static/About.html for details.