random fixes
Bi-Rabittoh andronacomarco@gmail.com
Fri, 09 Apr 2021 18:26:35 +0200
6 files changed,
30 insertions(+),
26 deletions(-)
M
config.toml
→
config.toml
@@ -1,6 +1,6 @@
# primary config base_url = "https://bi-rabittoh.github.io" -title = "Bi-Rabittoh's Site" +title = "BiRabittoh's Site" default_language = "en" minify_html = true
M
content/blog/modern-web-bloat.md
→
content/blog/modern-web-bloat.md
@@ -16,17 +16,18 @@ where the popular Linux influencer [Luke Smith](https://lukesmith.xyz)
talked about the effort of looking up a Chicken Parmesan recipe in 2021 without having any adblock or privacy extensions enabled. -I decided to build this website on [`zola`](https://www.getzola.org/), -which is a modern engine for static sites! I was inspired by [lonami](https://lonami.dev/) -and I actually forked [his code](https://github.com/LonamiWebs/lonamiwebs.github.io) -to make [mine](https://github.com/Bi-Rabittoh/birabittoh.github.io). I -think our websites are a good example of how clean and fast a webpage -should be. +That's because most modern websites take a lot of time to load framework +files, ads and trackers. While that's kinda functional, I think we +should change our habits and start making simple websites again. + +In fact, I thought about creating this blog (and article) when I saw +[Lonami](https://lonami.dev/)'s minimal website and immediately noticed +how fast and clean it feels. Yeah, this looks like a first world problem and it probably is, but it's not as subtle as you think. I'm actually convinced that the internet -*could* actually benefit from this way of thinking, and that's what I'm -going to talk about in this first article. +**could** actually benefit from this way of thinking, and that's what I'm +going to talk about.@@ -63,21 +64,21 @@ This plethora of uses is possible today because of the existence of
various libraries and frameworks that simplify JavaScript and CSS and make them easier to develop complicated websites with. This is good for basic web users who just want functional websites, and -great for developers since they can easily code complicated code inside -the browser, making it the perfect cross-platform wet dream we all have. +great for developers since they can easily code advanced functions +inside the browser, which makes them work in every OS. Sadly, this brings us to the problem: any modern website has become a burden for any browser to load, since our browser needs to download and -parse through each library used and often fill the page contents as you +parse through each library and often fill the page content as you scroll through. In his video, Luke Smith found that a simple Chicken Parmesan recipe -would take up to 5-10 megabytes, which doesn't sound like a lot, but it +would take up to _5-10 megabytes_, which doesn't sound like a lot, but it actually is. It's easier to understand it if you think about it with video-games; any game on 16-bit[^gaming-storage] consoles and earlier, including full-fledged 30+ hour adventures like _Final Fantasy 6_ and _Chrono -Trigger_, weighs less than that one single recipe webpage. +Trigger_, weighs less than one single recipe page. The solution@@ -98,7 +99,9 @@ and CSS for your website: this ensures your pages will load instantly
and be compatible even with the oldest of browsers! If you like this philosophy, you can check out other projects that aim -for a simpler and faster web, like these: +for a simpler and faster web, like these ones: +* [zola](https://www.getzola.org/), a simple and modern static site +engine; * [based.cooking](https://based.cooking/), a modern recipe website based on collaboration via GitHub; * [wiby.me](https://wiby.me/), a search engine that aims to only index
M
deploy.sh
→
deploy.sh
@@ -6,7 +6,7 @@ git checkout gh-pages
# Forgetting to exclude `.git` has costed me several days worth of work and over 30 commits :))) find . -maxdepth 1 -not -name '.' -not -name '.git' -not -name 'public' -exec rm -r {} \; mv public/* . -echo "birabittoh.dev" > CNAME +#echo "birabittoh.dev" > CNAME rmdir public/ git add . git commit -m "Deploy site"
M
static/style.css
→
static/style.css
@@ -104,7 +104,7 @@ font-family: serif;
font-size: 2.5em; font-weight: lighter; font-variant-caps: small-caps; - border-bottom: 4px double #000; + border-bottom: 4px double #bcb6ae; } h3 {
M
templates/blog.html
→
templates/blog.html
@@ -1,7 +1,7 @@
{% extends "base.html" %} {% block content %} -<h2 class="title">{{ section.title }}</h2> +<h1 class="title">{{ section.title }}</h1> <p id="welcome" onclick="pls_stop()">Welcome to my blog!</p> <p>I will post about anything I find interesting or noteworthy, be it
M
templates/index.html
→
templates/index.html
@@ -1,15 +1,16 @@
{% extends "base.html" %} {% block content %} -<h1>BiRabittoh's Site</h1> -<p>Welcome to my personal website and blog! I'll try to post here -about whatever comes across my mind in a specific moment, so that -people may read it when I become famous in 80+ years or so.</p> +<h1 class="title">BiRabittoh's Site</h1> +<p>Welcome to my personal website!</p> + +<p>I'll write about whatever comes to mind, mainly technology and art, +so that people can read it when I get famous in 80 years or so.</p> <h2 id="about">About me</h2> <p>Italian male <span id="age"><noscript>born in 1998</noscript></span>. -I have been programming +I've been programming <span id="programming"><noscript>since 2016</noscript></span> and I love it.</p>@@ -21,8 +22,8 @@ <p>While Italian is my main language, I can read and write perfect
English. I'm a fast learner on any kind of programming language as long as it follows human logic.</p> -<p>BiRabittoh comes from the japanese pronunciation of "B-Rabbit", as -said in +<p>The name BiRabittoh comes from the Japanese pronunciation of +"B-Rabbit", as said in <i><a href="https://en.wikipedia.org/wiki/Pandora_Hearts">Pandora Hearts</a></i>, which was the first anime I watched on the internet.</p>@@ -30,7 +31,7 @@ <h2 id="projects">Project contributions</h2>
<ul> <li> <a href="https://github.com/Render96/Render96ex">Render96ex</a>: -writing a translation for this <i>Super Mario 64</i> port. +working on the translation for this <i>Super Mario 64</i> port. </li> <li> <a href="https://github.com/nxengine/nxengine-evo">nxengine-evo</a>: