Tullio Facchinetti

I finally removed all the Javascript from this site

by Tullio Facchinetti

Categories: article lang_en article_en


According with my love for minimalism and uncluttered solutions, I finally managed to reorganize this website to remove all the Javascript-based parts and plugins.

This website is generated using the well-known static website generator Hugo.

The most “structured” content, such as the list of theses, projects, reviews, etc. is generated by Python scripts that I wrote to fetch information from some CSV files and to produce the Markdown content by means of Jinjia2 templates. The generated files become then part of the website and are converted into webpages by Hugo.

The original website

The previous version of the website was using a customized Hugo theme derived from Hugo Bootstrap, which in turns is based on the widely used Bootstrap framework from Twitter and the JQuery library. The main features that I used from Boostrap were labels, some beautiness here and there, and - most importantly - the menu, based on the Boostrap navbar-expand-md class, and the sidebar.

The “weight” of the website was still acceptable, by I disliked the need to point to external website for the CSSs and the JQuery packages. Moreover, the upgrade from Boostrap 3 to 4 was not that easy, and now there is Bootstrap 5 to chase…

Overall, a good moment to think about a different solution.

Bootstrap out, pure CSS in

The goal was to use the simplest possible layout which would be adequate to browsers on both computers and smartphones, without Javascript (as much as possible), and possibly using CSS only.

The current organization of the website is the result of using the Hugo Bearblog theme, with the necessary customizations (CSS, templates, Hugo partials, etc.), and a reorganization of some content.

The menu is a pure list of links. The number of items was reduced to unclutter the head of the page. On the other hand, the sidebar has gone. Highlights, list of recently updated pages, and the list of categories have been moved to the bottom of the page.

A result that I am quite happy of.


Highlights

  • Students and theses
  • Publications
  • Thesis topics
  • Curated awesome list of CLI apps
  • Last updates (English)

  • Students and theses ()
  • Students and theses - English ()
  • Learn enough C to survive ()
  • Workflow for writing theses collaboratively ()
  • Guidelines for theses and presentations ()
  • Projects ()
  • Shortcuts for Bash ()
  • Last updates (Italian)

  • Risultati FdI 21-25 Novembre 2022 ()
  • Studenti e tesi ()
  • Risultati FdI 29 Settembre 2022 ()
  • Risultati FdI 02 Settembre 2022 ()
  • Risultati FdI 28 Luglio 2022 ()
  • Risultati FdI 29 Giugno 2022 ()
  • Interfacciamento client-server con il simulatore di propagazione del calore Energy2D ()
  • List of categories

    article article_en article_it C courses fdi lang_en lang_it latex programming project research results robotics software teaching thesis tips