_____ _ / ____| | Sebastien LOVERGNE | (___ | | /projects.txt \___ \| | /awesome.txt ____) | |____ /blogroll.txt |_____/|______| /rss.xml =========================================================================== My Personal Site =========================================================================== This page is about : https://lovergne.dev/ Repository: github.com/theBigRoomXXL/lovergne.dev[1] I started this project in the summer of 2023 as a way to experiment with a more minimalistic stack and design for the web. This site is organized like a zettelkasten[2]: everything that I write is a self-contained note that links to other resources. A tag system is used to categorize the notes into different pages of the site (awesome, blogroll, projects), and each note has its own page with a unique URL. I use Astro for static site generation, and there are no other dependencies (well, technically, there is normalize.css[3] for CSS reset, but it's so small it doesn't really count!). The site was originally hosted on my homelab, but I moved it to GitHub Pages so that I could close all public-facing services on my homelab. There are a lot of little things I like about this site: • Light and Fast: The landing page is currently only 32KB (fonts and logo included!), which means it's blazingly fast™. • Fully Accessible: Built with semantic HTML and accessibility in mind. • It's Beautiful: Well, at least I think so. And I really love my little isometric logo. • Dark/Light Theme: Based on `prefers-color-scheme`. • Print Support: With a minimal secondary stylesheet (see print.css[4]). I don't think anyone else cares about that, but I like it. • RSS Feed Support. And finally, the thing I like the most is that every page is also rendered as a plain text file! Just click on the little Want Some ASCII?[5] button at the bottom of the page, and you'll get the plain text version. This is a useless but lovely feature. It started when I was playing with ASCII diagram characters[6] to render tables and then read the OpenSSH regreSSHion report[7] and though " what if I used the same plain text formatting but using more advanced unicode characters?". After that it turned into a deep-dive into Unicode and hacks like bold and italic formatting using mathematical characters[8]. This was also an opportunity to work with Abstract Syntax Trees[9] to parse the markdow, which was something that piqued my curiosity for a long time. [1] https://github.com/theBigRoomXXL/lovergne.dev [2] https://en.wikipedia.org/wiki/Zettelkasten [3] https://csstools.github.io/normalize.css/11.0.0/normalize.css [4] https://github.com/TheBigRoomXXL/lovergne.dev/blob/main/public/print.css [5] /archive/lovergne-dev.txt [6] https://gist.github.com/dsample/79a97f38bf956f37a0f99ace9df367b9 [7] https://www.qualys.com/2024/07/01/cve-2024-6387/regresshion.txt [8] https://en.wikipedia.org/wiki/Mathematical_Alphanumeric_Symbols [9] https://en.wikipedia.org/wiki/Abstract_syntax_tree game-dev >> ─────────────────────────────────────────────────────────────────────────── The bottom of every page is padded so readers can maintain a consistent eyeline You can navigate to /awesome.txt, /blogroll.txt and /rss.xml