Site details

Assets

This site’s CSS size is 84.1Kb. This, however, includes the following dependencies:

• LaTeX processor (MathJax¹)
• custom monospaced font (Jetbrains Mono)
• custom serif font (Vollkorn)

The base CSS is heavily inspired by 58 bytes of css to look great nearly everywhere.

The CSS evolution (size, number of rules, etc) can be tracked over at Project Wallace.

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²

Navigation

Search

The site is searchable from here. The search page also allows for query string searches using the q keyword, for instance:

/search.html?q=statistics

This allows you to add a custom search engine to most modern browsers, such as Firefox or Chrome.

Search is done 100% client-side, so there’s absolutely no information collected regarding your search queries.

Highlighting of terms is also possible just adding the query parameter ?h=... to any page. For instance, to highlight the term privacy on this page, simply go to

/site-details.html?h=privacy

or click here.

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

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:

• The link graph page
• The earch page
• Deep linking
• Keyword focus

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

2021-11-28

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:

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.