Migrate to bi-rabittoh.flounder.online
Marco Andronaco andronacomarco@gmail.com
Wed, 05 May 2021 17:46:03 +0200
23 files changed,
13 insertions(+),
466 deletions(-)
D
blog/atom.xml
@@ -1,103 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?> -<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"> - <channel> - <title>BiRabittoh's Blog</title> - <link>https://bi-rabittoh.github.io/blog/</link> - <description>A minimal website where I post stuff I'm passionate about.</description> - <generator>Zola</generator> - <language>en</language> - <atom:link href="https://bi-rabittoh.github.io/blog/atom.xml" rel="self" type="application/rss+xml"/> - <lastBuildDate>Fri, 09 Apr 2021 15:00:00 +0000</lastBuildDate> - <item> - <title>Modern web bloat</title> - <author>BiRabittoh</author> - <pubDate>Fri, 09 Apr 2021 15:00:00 +0000</pubDate> - <link>https://bi-rabittoh.github.io/blog/modern-web-bloat/</link> - <guid>https://bi-rabittoh.github.io/blog/modern-web-bloat/</guid> - <description><p>This is it. My first blog post; I guess I just became a boomer.</p> -<h2 id="inspiration">Inspiration</h2> -<p>Some time ago I stumbled upon <a href="https://odysee.com/@Luke:7/a-demonstration-of-modern-web-bloat:f">this video</a>, -where the popular Linux influencer <a href="https://lukesmith.xyz">Luke Smith</a> -talked about the effort of looking up a Chicken Parmesan recipe in 2021 -without having any adblock or privacy extensions enabled.</p> -<p>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.</p> -<p>In fact, I thought about creating this blog (and article) when I saw -<a href="https://lonami.dev/">Lonami</a>'s minimal website and immediately noticed -how fast and clean it feels.</p> -<p>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 -<strong>could</strong> actually benefit from this way of thinking, and that's what I'm -going to talk about. </p> -<h2 id="the-problem">The problem</h2> -<p>In the early days of the internet, it was common for webpages to be -written using only HTML, so we had very ugly but functional websites.</p> -<p>As technology went on, sites needed to get more modern-looking and -<em>interactive</em>; that's why CSS and JavaScript were introduced into the -mix, allowing for dynamic websites that could actually change based -on user input.</p> -<p>As of nowadays, a lot more stuff went into the mix, to the point where -the browser is now the most common program we use in our OS: you can, in -fact, use it for doing things that 15+ years ago required external -programs, like:</p> -<ul> -<li>playing music and video,</li> -<li>reading PDF files,</li> -<li>doing office work,</li> -<li>checking e-mail,</li> -<li>cloud storage,</li> -<li>etc...</li> -</ul> -<p>I guess people just find it more comfortable if they can do everything -with a single program, and they're not to blame for that. This <em>is</em> -the easiest approach for unexperienced people: just have a program that -does everything, instead of having to learn how to use a bunch of -different software.</p> -<p>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 advanced functions -inside the browser, which makes them work in every OS.</p> -<p>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 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 <em>5-10 megabytes</em>, which doesn't sound like a lot, but it -actually is.</p> -<p>It's easier to understand it if you think about it with video-games; -any game on 16-bit<sup class="footnote-reference"><a href="#gaming-storage">1</a></sup> consoles and earlier, including -full-fledged 30+ hour adventures like <em>Final Fantasy 6</em> and <em>Chrono -Trigger</em>, weighs less than one single recipe page.</p> -<h2 id="the-solution">The solution</h2> -<p>Well, I don't think this &quot;problem&quot; is getting solved soon, as new -frameworks for web development are constantly being introduced. Sadly, -it's a one-way train, but if you're a web-dev you could actually make a -difference yourself!</p> -<p>I mean, this can not apply to all websites. Some of them just <em>NEED</em> to -be as responsive and interactive as they are; most of them actually just -became bloated at a certain time period (probably mid-2000s) when having -a flashy website was cool and different from what everyone else had.</p> -<p>Nowadays you can be different than other websites by using plain HTML -and CSS for your website: this ensures your pages will load instantly -and be compatible even with the oldest of browsers!</p> -<p>If you like this philosophy, you can check out other projects that aim -for a simpler and faster web, like these ones:</p> -<ul> -<li><a href="https://www.getzola.org/">zola</a>, a simple and modern static site -engine;</li> -<li><a href="https://based.cooking/">based.cooking</a>, a modern recipe website based -on collaboration via GitHub;</li> -<li><a href="https://wiby.me/">wiby.me</a>, a search engine that aims to only index -classic style webpages.</li> -</ul> -<h2 id="footnotes">Footnotes</h2> -<div class="footnote-definition" id="gaming-storage"><sup class="footnote-definition-label">1</sup> -<p>As stated in <a href="https://blogs.umass.edu/Techbytes/2014/02/10/history-of-gaming-storage/#attachment_2827">this article</a>.</p> -</div> -</description> - </item> - </channel> -</rss>
D
blog/index.html
@@ -1,38 +0,0 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta name=description content="BiRabittoh's official website"><meta name=viewport content="width=device-width, initial-scale=1.0, user-scalable=yes"><title> BiRabittoh's Blog </title><link rel=stylesheet href=/style.css><body><article><nav class=sections><ul class=left><li><a href=/>birabittoh's site</a><li><a href=/blog class=selected>blog</a></ul><div class=right><a href=https://github.com/Bi-Rabittoh><img src=/img/github.svg alt=github></a><a href=/blog/atom.xml><img src=/img/rss.svg alt=rss></a></div></nav><main><h1 class=title>BiRabittoh's Blog</h1><p id=welcome onclick=pls_stop()>Welcome to my blog!<p>I will post about anything I find interesting or noteworthy, be it related to irl stuff or the tech world. I hope someone can read this and maybe find it inspiring? If you do, feel free to let me know.<hr><ul><li><a href=https://bi-rabittoh.github.io/blog/modern-web-bloat/>Modern web bloat</a><span class=dim> [mod tech; 'tips, 'vent] </span></ul><script> - const WELCOME_EN = 'Welcome to my blog!' - const WELCOME_IT = 'Benvenuto al mio blog!' - const APOLOGIES = "sorry i'll stop" - const REWRITE_DELAY = 5000 - const CHAR_DELAY = 30 - const welcome = document.getElementById('welcome') - - let deleting = true - let english = false - let stopped = false - - const pls_stop = () => { - stopped = true - welcome.innerHTML = APOLOGIES - } - - const begin_rewrite = () => { - if (stopped) { - // now our visitor is angry :( - } else if (deleting) { - if (welcome.innerHTML == '…') { - deleting = false - } else { - welcome.innerHTML = welcome.innerHTML.slice(0, -1) || '…' - } - setTimeout(begin_rewrite, CHAR_DELAY) - } else { - let text = english ? WELCOME_EN : WELCOME_IT - welcome.innerHTML = text.slice(0, welcome.innerHTML.length + 1) - deleting = welcome.innerHTML.length == text.length - english = deleting - english - setTimeout(begin_rewrite, deleting ? REWRITE_DELAY : CHAR_DELAY) - } - } - - setTimeout(begin_rewrite, REWRITE_DELAY) -</script></main><footer><div><p>Please use email for business inquiries <a href=mailto:andronacomarco@gmail.com><img src=/img/mail.svg alt=mail></a></div></footer></article><p class=abyss>owo what's this
D
blog/modern-web-bloat/index.html
@@ -1,1 +0,0 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta name=description content="BiRabittoh's official website"><meta name=viewport content="width=device-width, initial-scale=1.0, user-scalable=yes"><title> Modern web bloat | BiRabittoh's Blog </title><link rel=stylesheet href=/style.css><body><article><nav class=sections><ul class=left><li><a href=/>birabittoh's site</a><li><a href=/blog class=selected>blog</a></ul><div class=right><a href=https://github.com/Bi-Rabittoh><img src=/img/github.svg alt=github></a><a href=/blog/atom.xml><img src=/img/rss.svg alt=rss></a></div></nav><main><h1 class=title>Modern web bloat</h1><div class=time><p>04/09/2021 15:00</div><p>This is it. My first blog post; I guess I just became a boomer.<h2 id=inspiration>Inspiration</h2><p>Some time ago I stumbled upon <a href=https://odysee.com/@Luke:7/a-demonstration-of-modern-web-bloat:f>this video</a>, where the popular Linux influencer <a href=https://lukesmith.xyz>Luke Smith</a> talked about the effort of looking up a Chicken Parmesan recipe in 2021 without having any adblock or privacy extensions enabled.<p>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.<p>In fact, I thought about creating this blog (and article) when I saw <a href=https://lonami.dev/>Lonami</a>'s minimal website and immediately noticed how fast and clean it feels.<p>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 <strong>could</strong> actually benefit from this way of thinking, and that's what I'm going to talk about.<h2 id=the-problem>The problem</h2><p>In the early days of the internet, it was common for webpages to be written using only HTML, so we had very ugly but functional websites.<p>As technology went on, sites needed to get more modern-looking and <em>interactive</em>; that's why CSS and JavaScript were introduced into the mix, allowing for dynamic websites that could actually change based on user input.<p>As of nowadays, a lot more stuff went into the mix, to the point where the browser is now the most common program we use in our OS: you can, in fact, use it for doing things that 15+ years ago required external programs, like:<ul><li>playing music and video,<li>reading PDF files,<li>doing office work,<li>checking e-mail,<li>cloud storage,<li>etc...</ul><p>I guess people just find it more comfortable if they can do everything with a single program, and they're not to blame for that. This <em>is</em> the easiest approach for unexperienced people: just have a program that does everything, instead of having to learn how to use a bunch of different software.<p>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 advanced functions inside the browser, which makes them work in every OS.<p>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 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 <em>5-10 megabytes</em>, which doesn't sound like a lot, but it actually is.<p>It's easier to understand it if you think about it with video-games; any game on 16-bit<sup class=footnote-reference><a href=#gaming-storage>1</a></sup> consoles and earlier, including full-fledged 30+ hour adventures like <em>Final Fantasy 6</em> and <em>Chrono Trigger</em>, weighs less than one single recipe page.<h2 id=the-solution>The solution</h2><p>Well, I don't think this "problem" is getting solved soon, as new frameworks for web development are constantly being introduced. Sadly, it's a one-way train, but if you're a web-dev you could actually make a difference yourself!<p>I mean, this can not apply to all websites. Some of them just <em>NEED</em> to be as responsive and interactive as they are; most of them actually just became bloated at a certain time period (probably mid-2000s) when having a flashy website was cool and different from what everyone else had.<p>Nowadays you can be different than other websites by using plain HTML and CSS for your website: this ensures your pages will load instantly and be compatible even with the oldest of browsers!<p>If you like this philosophy, you can check out other projects that aim for a simpler and faster web, like these ones:<ul><li><a href=https://www.getzola.org/>zola</a>, a simple and modern static site engine;<li><a href=https://based.cooking/>based.cooking</a>, a modern recipe website based on collaboration via GitHub;<li><a href=https://wiby.me/>wiby.me</a>, a search engine that aims to only index classic style webpages.</ul><h2 id=footnotes>Footnotes</h2><div class=footnote-definition id=gaming-storage><sup class=footnote-definition-label>1</sup><p>As stated in <a href=https://blogs.umass.edu/Techbytes/2014/02/10/history-of-gaming-storage/#attachment_2827>this article</a>.</div></main><footer><div><p>Please use email for business inquiries <a href=mailto:andronacomarco@gmail.com><img src=/img/mail.svg alt=mail></a></div></footer></article><p class=abyss>owo what's this
D
humans.txt
@@ -1,13 +0,0 @@
-/* TEAM */ - Web Designer: Marco Andronaco - Contact: andronacomarco@gmail.com - From: Italy - - -/* SITE */ - Last update: 09/04/2021 - Language: English - Doctype: HTML5 - Standards: HTML5, CSS3 - IDE: geany, vscode - Software: zola, git
D
img/bitcoin.svg
@@ -1,1 +0,0 @@
-<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m0 0.11328v23.887h24v-23.887h-24zm12.006 1.8926c0.11209 0.033328 0.48143 0.12698 0.82031 0.20703 0.33888 0.080048 0.6603 0.18376 0.71484 0.23242 0.05453 0.048696-0.043672 0.64906-0.2168 1.332-0.17313 0.68299-0.31445 1.2887-0.31445 1.3477 0 0.059055 0.2763 0.16297 0.61523 0.23242l0.61523 0.12891 0.11133-0.39648c0.060089-0.21764 0.21039-0.8178 0.33203-1.334 0.1597-0.67748 0.27466-0.93855 0.41406-0.9375 0.24008 0.0018181 1.4891 0.33087 1.5723 0.41406 0.050829 0.050815-0.32113 1.8584-0.52734 2.5605-0.045218 0.15394 0.18933 0.32297 0.9707 0.70117 1.8064 0.87433 2.5189 1.8801 2.3984 3.3809-0.097221 1.2111-0.72483 2.1901-1.6582 2.582l-0.39648 0.16602 0.57227 0.42773c0.3143 0.23459 0.70463 0.67549 0.86719 0.98047 0.25465 0.47866 0.28743 0.68258 0.24414 1.4824-0.087988 1.6267-0.94982 3.0147-2.2207 3.5801-0.53324 0.23718-0.85964 0.29102-1.877 0.29492-0.67777 0.00261-1.4627-0.039234-1.7441-0.089844l-0.51172-0.091797-0.34375 1.418c-0.38387 1.5739-0.30145 1.5026-1.4355 1.2051-0.45446-0.11922-0.70898-0.24975-0.70898-0.36523-1e-6 -0.099015 0.14179-0.73678 0.31445-1.418 0.17263-0.68117 0.29553-1.2519 0.27539-1.2676-0.096503-0.074974-1.1386-0.29108-1.2051-0.25-0.041726 0.025794-0.20666 0.60316-0.36719 1.2832-0.16054 0.68005-0.32768 1.2923-0.36914 1.3594-0.063803 0.10324-0.97044-0.058133-1.6875-0.29883-0.10061-0.033773-0.039114-0.45887 0.20898-1.4395 0.25521-1.0085 0.31179-1.415 0.20898-1.4785-0.077969-0.048199-0.85141-0.26432-1.7207-0.48047-1.7949-0.44631-1.6949-0.28957-1.0703-1.6816 0.19174-0.42736 0.39169-0.77614 0.44531-0.77539 0.053667 7.98e-4 0.39914 0.080154 0.76562 0.17773 0.8154 0.21702 1.0653 0.11258 1.2324-0.51953 0.9615-3.6378 1.8726-7.5908 1.8086-7.8457-0.090604-0.36099-0.57321-0.64505-1.3027-0.76172-0.28404-0.045426-0.54476-0.15792-0.58008-0.25-0.035368-0.09216 0.031635-0.55676 0.14844-1.0332 0.16937-0.6911 0.25138-0.85438 0.41211-0.80664 0.64674 0.192 3.2579 0.81563 3.2871 0.78516 0.019162-0.020012 0.18277-0.66079 0.36523-1.4258 0.27482-1.1522 0.36826-1.3823 0.53711-1.332zm0.82812 5.459c-0.17474-0.027616-0.29564-0.028466-0.32422 0.0039062-0.04506 0.05109-0.23043 0.70172-0.41211 1.4473-0.18168 0.74555-0.35804 1.4513-0.39258 1.5664-0.066013 0.2201 0.34243 0.37637 1.5508 0.5957 0.69204 0.12562 1.6574 0.035391 2.1035-0.19531 0.41057-0.21231 0.79851-1.1201 0.66406-1.5527-0.16237-0.52246-0.51741-0.90846-1.1152-1.207-0.53238-0.26589-1.55-0.57537-2.0742-0.6582zm-1.625 5.123c-0.092514 0.092514-0.90687 3.5672-0.85547 3.6504 0.05292 0.08562 1.3809 0.39133 2.4082 0.55274 0.49647 0.078007 1.5086-0.059613 1.9473-0.26367 0.74819-0.34804 1.0024-1.4093 0.52148-2.1875-0.32704-0.52917-1.4143-1.0926-2.8418-1.4746-0.6328-0.16932-1.1635-0.29357-1.1797-0.27734z" fill="#f7931a"/></svg>
D
img/blog.svg
@@ -1,1 +0,0 @@
-<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h24v24h-24z" fill="#ffd42a"/><path d="m4.3798828 3.2031253v17.5429697h.3300781v.02539l9.5214841.02539c3.053951-.000657 5.388032-2.412856 5.388672-5.388672-.002-1.758264-.861448-3.405041-2.302735-4.412109.342272-.718853.521034-1.5046075.523438-2.3007821.000439-2.9765791-1.956398-5.4373652-5.263672-5.453125zm9.3671872 5.4921875c0 .5426468-.301504 1.1445316-.890625 1.1445316h-4.3085933v-2.3906254h3.6874993c.994988 0 1.511719.4922044 1.511719 1.2460939zm-5.1992183 5.3144532h5.3769523c.859901 0 1.601563.186308 1.601563 1.398438 0 1.05122-.894502 1.193359-1.410156 1.193359h-5.5683593z" fill="#fff"/></svg>
D
img/github.svg
@@ -1,1 +0,0 @@
-<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(1.25 0 0 -1.25 0 24.000017)"><path d="m0 0h19.2v19.2h-19.2z" fill="#231f20"/><path d="m9.5992071 18.182809c-4.8593401 0-8.7992071-3.939867-8.7992071-8.8002882 0-3.8880019 2.5212314-7.186082 6.0181186-8.3502689.4402848-.0804834.6007292.1912353.6007292.4246098 0 .2085329-.00733.7622646-.011917 1.4964332-2.4477697-.531585-2.9642205 1.1798527-2.9642205 1.1798527-.400309 1.0167041-.977269 1.2873595-.977269 1.2873595-.7989955.5456284.0605.5348209.0605.5348209.8832738-.06215 1.3478687-.907034 1.3478687-.907034.7849434-1.3446237 2.0598821-.9562039 2.5612079-.7309328.079933.5683159.3068546.956204.5585992 1.176076-1.9539972.2220354-4.0084796.9772691-4.0084796 4.349361 0 .9605218.3430447 1.7460048.9059614 2.3613278-.09075.222576-.3927465 1.117189.085892 2.328914 0 0 .739027.23662 2.4202146-.902175.7017553.195562 1.4548256.292802 2.2030376.296038.7471399-.0037 1.5002099-.100476 2.2030469-.296038 1.680106 1.138795 2.41751.902175 2.41751.902175.480261-1.211725.178274-2.106338.08754-2.328914.563998-.615323.90488-1.400806.90488-2.3613278 0-3.3807361-2.057719-4.1246306-4.018197-4.3423393.316031-.2717371.597485-.8087212.597485-1.6298634 0-1.1760668-.01082-2.1252491-.01082-2.4137338 0-.2355378.158281-.50942908.605047-.4235373 3.494188 1.1663502 6.013265 4.4622762 6.013265 8.3491964 0 4.8604212-3.940408 8.8002882-8.8008204 8.8002882" fill="#fff" fill-rule="evenodd"/></g></svg>
D
img/humans.svg
@@ -1,1 +0,0 @@
-<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h24v24h-24z" fill="#37c837"/><path d="m4.5263671 3.2031249v17.5937501h4.1679687v-6.710938h6.6113282v6.710938h4.167969v-17.5937501h-4.167969v6.7128904h-6.6113282v-6.7128904z" fill="#fff"/></svg>
D
img/mail.svg
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> - <rect fill="#c0f" width="24" height="24" /> - <g fill="#fff"> - <path d="M4,17 v-8 l8,4 l8,-4 v8 z" /> - <path d="M4,7 h16 l-8,4 z" /> - </g> -</svg>
D
img/rss.svg
@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> - <rect fill="#e77717" width="24" height="24" /> - <g fill="#fff"> - <path d="M4,4 q16,0 16,16 h-3 q0,-13 -13,-13" /> - <path d="M4,10 q10,0 10,10 h-3 q0,-7 -7,-7" /> - <circle cx="6" cy="18" r="2" /> - </g> -</svg>
D
img/telegram.svg
@@ -1,1 +0,0 @@
-<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m0 1028.3622h24v24h-24z" fill="#37abc8" transform="translate(0 -1028.3622)"/><path d="m4.1226283 10.770906l15.7547437-6.0337319-3.240336 14.5256519-4.804639-3.352073-2.2347147 3.240337-1.8995092-5.921996z" fill="#fff" fill-rule="evenodd"/></svg>
D
img/utils.svg
@@ -1,1 +0,0 @@
-<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m0 1028.3622h24v24h-24z" fill="#c87137" transform="translate(0 -1028.3622)"/><g fill="#fff" transform="matrix(.70710678 .70710678 -.70710678 .70710678 13.649459 -3.565031)"><rect height="9" ry="1" width="4" x="7.358542" y="15"/><path d="m11.880329 2.8609832c-.260185 0-.165264.5457464-.390625.6757813-.165223.095335-.572266 0-.572266 0l-.03516-.037109c-.190506-.2010879-.222999-.5-.5-.5h-1.9999997c-.277 0-.5.223-.5.5 0 0-.3195149.10562-.4853869.1269531-.4891233.062907-1.0237921-.188598-1.4794561 0-.7873435.3258792-1.382563 1.0686674-1.808594 1.8066407-.2533681.4388857-.392578 1.46875-.392578 1.46875 0 0 .4718811-.3157448.732422-.4238281.5435106-.225471 1.1166556-.4570358 1.705078-.4570313.4199184.0000032.8533479.1158479 1.216797.3261719.2091858.1210535.511718.5136718.511718.5136718v5.6386714c0 .277.223.5.5.5h1.9999997c.277001 0 .5-.223.5-.5v-6.4277338c0 0 .465368-.108963.654297 0 .273655.1578275.158704.8203124.47461.8203124h2.132812c.234322 0 .496094-.4980468.496094-.4980468v-3.0429688c0 0-.259135-.4902344-.490234-.4902344z"/></g></svg>
M
index.html
→
index.html
@@ -1,5 +1,13 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta name=description content="BiRabittoh's official website"><meta name=viewport content="width=device-width, initial-scale=1.0, user-scalable=yes"><title> BiRabittoh's Site </title><link rel=stylesheet href=/style.css><body><article><nav class=sections><ul class=left><li><a href=/ class=selected>birabittoh's site</a><li><a href=/blog>blog</a></ul><div class=right><a href=https://github.com/Bi-Rabittoh><img src=/img/github.svg alt=github></a><a href=/blog/atom.xml><img src=/img/rss.svg alt=rss></a></div></nav><main><h1 class=title>BiRabittoh's Site</h1><p>Welcome to my personal website!<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.<h2 id=about>About me</h2><p>Italian male <span id=age><noscript>born in 1998</noscript></span>. I've been programming <span id=programming><noscript>since 2016</noscript></span> and I love it.<p>I enjoy art in every form, including video-games, as well as every kind of humor. I usually hang around on Discord while programming stuff I'll probably never actually get finished.<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>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.<h2 id=projects>Project contributions</h2><ul><li><a href=https://github.com/Render96/Render96ex>Render96ex</a>: working on the translation for this <i>Super Mario 64</i> port.<li><a href=https://github.com/nxengine/nxengine-evo>nxengine-evo</a>: fixing the italian translation for <i>Cave Story</i>.<li><a href=#>URhythm</a>: ???</ul><p>If you're curious about my other projects, feel free to check out my <a href=https://github.com/Bi-Rabittoh>GitHub</a>.<h2 id=contact>Contact</h2><p>If you use Discord you can add me (<a href=https://discordapp.com/users/132123740724002816/>Bi-Rabittoh#5566</a>) and chat about anything.<p>You can also send me an email to <a href=mailto:andronacomarco@gmail.com>andronacomarco@gmail.com</a> and I will try to reply as soon as I can.</p><script> - now = (new Date()).getFullYear(); - document.getElementById("age").innerHTML = "aged " + (now - 1998); - document.getElementById("programming").innerHTML = "for " + (now - 2016) + " years"; -</script></main><footer><div><p>Please use email for business inquiries <a href=mailto:andronacomarco@gmail.com><img src=/img/mail.svg alt=mail></a></div></footer></article><p class=abyss>owo what's this+<!doctype html> +<html lang="en"> + <head> + <meta charset="utf-8" /> + <meta name="description" content="BiRabittoh's personal capsule, where I write about my projects and just talk about whatever comes to mind." /> + <meta name="author" content="BiRabittoh" /> + <meta http-equiv="refresh" content="0; URL='https://bi-rabittoh.flounder.online'" /> + <title>BiRabittoh's Capsule</title> + </head> + <body style="margin: 0; padding: 0; text-align: center; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); font-family: Arial, Helvetica, sans-serif; font-size: 16pt;"> + If you can see this, <a href="https://bi-rabittoh.flounder.online">click here</a>. + </body> +</html>
D
robots.txt
@@ -1,3 +0,0 @@
-User-agent: * -Allow: / -Sitemap: https://bi-rabittoh.github.io/sitemap.xml
D
sitemap.xml
@@ -1,28 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?> -<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> - <url> - <loc>https://bi-rabittoh.github.io/</loc> - </url> - <url> - <loc>https://bi-rabittoh.github.io/blog/</loc> - </url> - <url> - <loc>https://bi-rabittoh.github.io/blog/modern-web-bloat/</loc> - <lastmod>2021-04-09T15:00:00Z</lastmod> - </url> - <url> - <loc>https://bi-rabittoh.github.io/category/</loc> - </url> - <url> - <loc>https://bi-rabittoh.github.io/category/tech/</loc> - </url> - <url> - <loc>https://bi-rabittoh.github.io/tags/</loc> - </url> - <url> - <loc>https://bi-rabittoh.github.io/tags/tips/</loc> - </url> - <url> - <loc>https://bi-rabittoh.github.io/tags/vent/</loc> - </url> -</urlset>
D
style.css
@@ -1,253 +0,0 @@
-/* main */ -body { - background-color: #000; - margin: 0; - color: #bcb6ae; -} - -article { - background-color: #0b0b0f; -} - -nav, main, footer div { - max-width: 720px; - margin: 0 auto; -} - -main { - padding: 10px 20px; - border-radius: 4px; - background-color: #171820; - box-shadow: 0 0 10px #1c1c1c; -} - -/* navigation */ -nav.sections { - padding-top: 20px; - display: flex; - justify-content: space-between; -} - -nav.sections ul { - list-style-type: none; - margin: 0; - padding: 0; - margin-bottom: 8px; -} - -nav.sections li { - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; - display: inline; - margin: 0 -2px; - font-size: 1.3em; -} - -nav.sections .left a { - color: #666; - border-bottom: solid 2px #A8A8A8; - padding: 0 16px 0 0; -} - -nav.sections .left a.selected, nav.sections .left a:hover { - color: #df861d; - border-bottom: solid 2px #df861d ; -} - -nav.sections img { - margin: 0 4px; -} - -.left { - justify-self: flex-start; -} - -.right { - justify-self: flex-end; -} - -/* footer */ -footer { - margin-top: 32px; - min-height: 64px; -} - -footer p { - font-style: italic; - color: #666; - font-family: serif; -} - -footer img { - display: inline-block; - vertical-align: middle; -} - -.abyss { - text-align: center; - color: #000; -} - -/* headers */ -h1, h2 { - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; - font-size: 200%; - font-weight: lighter; - text-transform: capitalize; - padding-bottom: 10px; - border-bottom: 1px solid #bcb6ae; - text-align: center; -} - -h1.title { - text-align: center; - font-family: serif; - font-size: 2.5em; - font-weight: lighter; - font-variant-caps: small-caps; - border-bottom: 4px double #bcb6ae; -} - -h3 { - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; - font-size: larger; - font-weight: lighter; - text-decoration: underline; -} - -h1:not(.title):hover .anchor, h2:hover .anchor, h3:hover .anchor, h4:hover .anchor, h5:hover .anchor, h6:hover .anchor { - opacity: 1; -} - -.anchor { - float: left; - padding-right: 0.4ch; - margin-left: -1.3ch; - opacity: 0; - transition: opacity 150ms; -} - -/* body */ -p, li, dl, summary { - font-family: Tahoma, Geneva, sans-serif; - font-size: 1.1em; - line-height: 1.5; -} - -img { - max-width: 100%; -} - -.dim { - color: #999; - font-size: smaller; -} - -a { - text-decoration: none; - color: #df861d; - border-bottom: 0 dashed rgba(0, 0, 0, 0); - transition: color 300ms, border-bottom 300ms; -} - -a:hover { - color: #ce7a1b; - border-bottom: 1px solid #b73717; -} - -blockquote { - border-left: 4px solid #777; - padding-left: 8px; - font-style: italic; - color: #bcb6ae; -} - - - -dl img { - margin-bottom: -0.4em; - margin-right: 0.6em; -} - -dd { - margin-bottom: 1em; -} - -div.time { - text-align: right; - font-style: italic; - color: #777; - font-size: 0.9em; -} - -div.time p { - line-height: 0.5; -} - -hr { - border: 0; - border-bottom: 2px dashed #aaa; -} - -sub { - font-size: small; -} - -/* code */ -code { - font-weight: bold; - font-size: large; - background-color: #0b0b0f; - white-space: pre; -} - -pre code { - font-weight: normal; - font-size: 1em; - background: none; -} - -pre { - background-color: #0b0b0f; - padding: 4px; - overflow: auto; - max-height: 480px; -} - -kbd { - padding: 3px 5px; - font: 0.9em monospace; - color: #fafafa; - background-color: #333; - border: 1px solid #222; - border-radius: 4px; - box-shadow: 0 2px 0 #222; -} - -/* tables */ -table { - border-collapse: collapse; -} - -th { - background-color: #f7f7e8; -} - -th, td { - padding: 0.5em; - border: 1px solid #aaa; -} - -tr:nth-child(even) { - background-color: #f7f7e8; -} - -/* special */ -::-moz-selection { - background-color: #FFAA00; - color: #000000; -} - -::selection { - background-color: #FFAA00; - color: #000000; -}