The more than 10 year challenge: The blog has a new (responsive) face!

Written by - 0 comments

Published on - Listed in Personal Internet HTML


It's done! Finally! My blog finally has a new face. Since I created the blog in 2008 I changed a lot in the background; different scripts, dynamic content, blog tags, etc. But for the eye not much has happened. Until today. 11 years have passed.

Now that the new design is online, let's go into some details.

Responsive design

The design uses the Bootstrap standards and is now responsive and reacts automatically to different screen sizes. Something the old design was not capable to do because it was based on fixed table sizes. The following screenshots clearly show the difference.

Old blog in classic browser
New blog in classic browser

Using the responsive design now also allows to read the blog much better on mobile devices:

Old blog on mobile
New blog on mobile

Focus on content

By removing the header banner and scripts left and right from the content gives the eye more focus to the middle of the website: The content. This blog's goal was from the beginning to write howto's and similar articles, mainly to keep a "log book" of technical challenges. It makes senses to "zoom" right into the content. This works quite nicely now with the new responsive design, especially on the mobile view.

The side bar

The old navigation on the right hand side is now gone. Most of today's websites using responsive designs don't have any side navigation anymore. But I'm old school. Hey I created websites when frames were new! So I couldn't just simply get rid of the side navigation. But instead of using it as site navigation, it is now uses as blog tag (article tag) overview. On certain sub pages (mainly the monitoring plugins) a special sub navigation to show jump links inside the same page appears. This is handled by special include checks which look for special navigation files.

Updated documentation

I took this situation to update and unify the documentation of all monitoring plugins. On the overview of all plugins I also noted which plugins are considered EOL.

The old howto section

The articles which were created in the howto archive were written before I programmed the blog/article script. These are static files which somehow still live - 11 years later. Because most of them can still be applied today, I kept them as they are. But this means of course, that there won't be updates in that section. At least not with static content ...

All what's left to say now is: Enjoy the new blog!


Add a comment

Show form to leave a comment

Comments (newest first)

No comments yet.

RSS feed

Blog Tags:

  AWS   Android   Ansible   Apache   Apple   Atlassian   BSD   Backup   Bash   Bluecoat   CMS   Chef   Cloud   Coding   Consul   Containers   CouchDB   DB   DNS   Database   Databases   Docker   ELK   Elasticsearch   Filebeat   FreeBSD   Galera   Git   GlusterFS   Grafana   Graphics   HAProxy   HTML   Hacks   Hardware   Icinga   Influx   Internet   Java   KVM   Kibana   Kodi   Kubernetes   LVM   LXC   Linux   Logstash   Mac   Macintosh   Mail   MariaDB   Minio   MongoDB   Monitoring   Multimedia   MySQL   NFS   Nagios   Network   Nginx   OSSEC   OTRS   Office   OpenSearch   PGSQL   PHP   Perl   Personal   PostgreSQL   Postgres   PowerDNS   Proxmox   Proxy   Python   Rancher   Rant   Redis   Roundcube   SSL   Samba   Seafile   Security   Shell   SmartOS   Solaris   Surveillance   Systemd   TLS   Tomcat   Ubuntu   Unix   VMWare   VMware   Varnish   Virtualization   Windows   Wireless   Wordpress   Wyse   ZFS   Zoneminder