Site details

A miniature of the hermit (monk) writing at a desk (detail, f. 6v), Estoire del Saint Graal, La Queste del Saint Graal, Morte Artu (Royal MS 14 E III), France, N. (Saint-Omer or Tournai?), 48.5 x 33.5 cm, 1st quarter of the 14th century (The British Library, London)

Assets

Additionally to CSS, the site also uses a few other assets, such as:

The base CSS is heavily inspired by 58 bytes of CSS to look great nearly everywhere and Concrete CSS

The site is generated from a set of org-mode files using Emacs, which mainly performs the following tasks:

  • Gather backlinks to each page
  • Build the client-side search index
  • convert the org-mode files to HTML

Deep linking

This site implements “deep links”. This means that any section of text selected will generate a new URL which links directly to it. This link can be bookmarked or shared. Please keep in mind that this intented for transitory linking, since long-term structure of the page is not guaranteed.

### Keyword focus

Some {{{focus(keywords,page)}}} are clickable and will highlight all occurences of a certain term throughtout the page. The main use case is, for instance, code-heavy pages where a certain variable or term might benefit from standing out to understand the concepts more easily.

Privacy

No cookies are used on this site.

All site traffic statistics are captured using GoatCounter. Goatcounter is an open-source, privacy-friendly analytics site, which doesn’t use cookies and collects minimal information, just enough to produce a few useful summaries. In line with the desire for total transparency for all visitors, I’ve made the realtime stats dashboard for this site public and available at https://ruivieira-dev.goatcounter.com/. You can see for yourself which data is collected.

Please let me know if you have any concerns about this site’s privacy policy by dropping me a message at @ruivieira@mastodon.technology.

As mentioned previously, search is done 100% client-side, so no information is collected about your search queries.

The privacy record of this site can be verified independently by using Blacklight.

Javascript

{{< figure src="/assets/cthulhu-javascript.png~" alt="cthulhu-javascript.png" >}}

If you want to disable Javascript for this site, please do! It won’t affect any of the main content. All pages will work the same with or without Javascript, except the following:

All of these are simply navigation helpers and the content does not depend on this functionality.

Some sections are progressively enhanced by Javascript, but will work without it. As an example, many dates are represented by a time tag such as

<time
  datetime="2021-11-28 15:21:54 +0000 GMT"
  itemprop="datePublished">2021-11-28</time>
These are converted to a relative date by Javascript resulting in

For instance, depending on wether you have Javascript enabled or not, the above will either display “x days ago” or “2021-11-28”.

Text mode

Apart from the obvious lack of images, the vast majority of this site will also work with a text-based browser (such as lynx).

Even the code examples are quite readable (for instance, pandas dataframes are properly rendered as text tables).

Give it a go by installing lynx and running lynx https://ruivieira.dev.

Here’s how this page looks like using lynx:

Lynx screenshot.

To see other “supported” browsers (such as Internet Explorer 6, NCA Mosaic 2 and Kristall) see the Brutalist Web Design page.

Keeping up to date

Commits log

The commits log can be view in here or by clicking the hash at the top of most pages.

Mastodon bot

If you want to keep up to date and be notified when new content is added to this site, at the moment the best way is to follow the Mesozoic Mastodon bot.

This bot is part of a Git pre-push hook and will “toot” whenever changes to the site’s source are made.

Footnotes

  1. https://www.mathjax.org/↩︎

  2. https://concrete.style/ ## Navigation↩︎

  3. Previously this site was written as plain HTML+CSS, this is touched upon at “(Semi) handcrafted RSS”.↩︎