Site details
Assets
At the moment, this site’s CSS maximum size is 94.34Kb and the unique number of rules is 1924. Below is a chart showing the evolution of the CSS size over time.
Additionally to CSS, the site also uses a few other assets, such as:
- LaTeX processor (MathJax1)
- custom monospaced font (Jetbrains Mono)
The base CSS is heavily inspired by 58 bytes of css to look great nearly everywhere and Concrete CSS2
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 HTML3
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
![deeplink.png](https://ruivieira.dev/assets/deeplink.png)
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
![cthulhu-javascript.png](https://ruivieira.dev/assets/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.png](https://ruivieira.dev/site/images/lynx_screenshot.png)
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.
Previously this site was written as plain HTML+CSS, this is touched upon at “(Semi) handcrafted RSS”. ↩︎