Built With
This website is built on top of multiple free and open source tools.
The source code itself is freely available on GitHub
.
Jekyll
Web browsers understand HTML
files. Humans, by comparison, have a harder time understanding them, since they’re not particularly easy for a human to read! Jekyll
lets me create a website using a human-readable file type called Markdown
, and it transforms this Markdown
into HTML
for me.
More concisely, these Markdown
files content is created using two different languages, Markdown
and Liquid
, which Jekyll
uses to carry out different jobs:
-
The
Markdown
language allows me use special symbols (like# Header
) instead ofHTML
(<h1>Header</h1>
-
The
Liquid
language allows me to perform magic, and do anything else not related to content - like specifying page metadata (like dates), or performing special operations like linking pages to one another.
TailwindCSS
Jekyll
helps me with content, however, it does not help me with the appearance of my content. For this, I rely on the TailwindCSS
library.
I love this library because I love how it feels to use.
It allows me to style my interface in an interactive way. Specifically, I can edit the appearance of say buttons, and watch the appearance change in real time without having to refresh a page.
It provides me with simple utilty classes which I can combine together to create more complex behaviour.
Having said all of that, I’ll admit that the end result is hard to read, however, this doesn’t particularly bother me because it feels so damn good.