deploy: b824fed

denysvitali · Jan 7, 2024 · cdb66af · cdb66af
1 parent 79ceaba
commit cdb66af
Showing 1 changed file with 1 addition and 3 deletions.
diff --git a/index.html b/index.html
@@ -1,6 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="theme-color" content="#ffffff"><title>The Best Motherfucking Website</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="The Best Motherfucking Website"><link rel="stylesheet" type="text/css" href="/main.css"><link rel="stylesheet" type="text/css" href="/9ed671bb58cf213bf22a4821fb067e3d.css"><!-- Yeah, here's some tracking. Do you really wanna argue on this? !-->
-<script async defer data-domain="thebestmotherfucking.website" src="https://plausible.ded2.denv.it/js/plausible.js"></script>
-<!-- Icons--><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"></head><body><h1>The <i>best</i> motherfucking website</h1><p class="st">For real.</p><h2>Styling?</h2><p> You probably build websites using vim and you think that's hardcore. You think your 4.99KB <span class="mfw">motherfuckingwebsite</span>(.com) 
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="theme-color" content="#ffffff"><title>The Best Motherfucking Website</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="The Best Motherfucking Website"><link rel="stylesheet" type="text/css" href="/main.css"><link rel="stylesheet" type="text/css" href="/9ed671bb58cf213bf22a4821fb067e3d.css"><!-- Icons--><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"></head><body><h1>The <i>best</i> motherfucking website</h1><p class="st">For real.</p><h2>Styling?</h2><p> You probably build websites using vim and you think that's hardcore. You think your 4.99KB <span class="mfw">motherfuckingwebsite</span>(.com) 
 is going to get you some award to put on your damn footer as a link. 
 You think your default font is gonna make your website run even on a toaster.</p><p>Well, guess what, you're <span class="wr">WRONG</span>, motherfucker.</p><h2>The best kick-ass website</h2><p>Let me describe the <i>real</i> perfect-ass website which still has the glory of the past <span class="mfw">motherfuckingwebsites</span>:</p><ul><li>Shit doesn't weigh a ton (in fact it's just 34.97 KB when the 27.83KB cat picture below is removed)</li><li>The page weighs exactly 63.02kB, 93.7% less than the <a href="https://google.com/">Google home page</a></li><li>Fits on your iPhone 1st gen (although it doesn't work on your 16x32 Tamagotchi, I'm sorry)</li><li>Looks <i>almost</i> the same on every screen</li><li>Every asshole that visits this website can use it without any problem <small>well, kind of</small></li><li>It's <a href="https://www.w3.org/TR/WCAG20/">accessible</a>, so everyone can enjoy it <small>but not everyone can read this - this text is Ant-Accessible</small></li><li>Shit is <i>even more</i> legible than the fucking two previous versions - and it also has a cleanish style without looking like an <a href="https://en.wikipedia.org/wiki/ARPANET">ARPANET</a> website</li><li>Doesn't load massive images or scripts. We should all care about people who still use <a href="https://en.wikipedia.org/wiki/IP_over_Avian_Carriers">IPoAC</a></li><li>Uses only free and open-source resources, like this awesome font called "Open Sans" <small>which btw weighs 15.21kB, wtf</small></li><li>It doesn't load your glorious jQuery or jQueryUI with all their fucking styles and shits. Nor Angular or any other framework. This website is proudly made with plain HTML5, CSS3 and JS. Keep it Vanilla!</li><li>Doesn't include any tracking service <small>this website does, but hey, I gotta see who visits me!</small></li><li>Images aren't forbidden, but when SVG is available <i>JUST USE IT</i>.</li><li>Use <i>some</i> fucking <span class="colored" id="rbw">colors</span>.</li><li>Links don't really need to keep that <span class="sb">shitty blue</span> the browser is giving them: nor that <span class="sv">violetish color</span> when they are marked as visited. Just give them a <a href="http://www.colorhexa.com/0077aa">nice color</a></li></ul><h2>Well guess what, motherfucker:</h2><p>This website is even better than the last <a href="http://bettermotherfuckingwebsite.com">guy</a> and the <a href="http://motherfuckingwebsite.com/">guy before him</a>.</p><p>Why?</p><ul><li>It's over a <a href="https://en.wikipedia.org/wiki/HTTPS">secure connection</a> - so nobody can spy what we're serving to you (the page might be different for everyone, pshht!).</li><li>It uses one of the most general <a href="https://en.wikipedia.org/wiki/gTLD">gTLDs</a> available out there: .website</li><li>It uses the TLD, too: thebestmotherfucking.website, check out <a href="http://domainr.com/">domainr</a> to do something cool too.</li><li>It uses the kickass <a href="https://letsencrypt.org/">Let's Encrypt</a> CA (don't you see the gorgeous lock?)</li><li>It runs on <a href="https://nginx.com/">nginx</a>: a better alternative than Apache Server <small>honestly, this whole thing runs now behind Traefik as well, but you'll never notice it</small></li><li>It uses <a href="js/jquery-3.5.1.min.js">a custom version</a> of the awesome <a href="http://jquery.com/">ultra-lightweight jQuery</a> <b>/s</b></li><li>It probably doesn't support all the web browsers, but that's the best thing - if the user's browser is outdated they will notice and maybe they will switch from <a href="https://microsoft.com/ie">the crap they uses</a> to <a href="https://mozilla.com/firefox">a much cooler browser</a></li><li>It uses some cool technologies like JavaScript <img src="/static/dd60b11e9762b6e25f6d4ce981a1eeae.svg" title="JavaScript logo" height="0.5em">, CSS3 <img src="/static/45e80336c935b524911a6d3f3767448d.svg" title="CSS3 logo" height="0.5em"> and HTML5 <img src="/static/cff75e1839f9200f5b983ebbfbaa65ee.svg" title="HTML5 Logo"></li><li>Freaks who are scared of JavaScript will feel safe here since the website doesn't need to have JS enable to be properly rendered</li><li>It supports <a href="https://en.wikipedia.org/wiki/HTTP/2">HTTP/2</a></li><li>It includes a Cache-Control header, so you don't waste your precious bandwidth if you visit the website more than once</li><li>It uses <a href="https://plausible.io/">Plausible</a>, a privacy-friendly and Open Source analytics platform (we still love you Google, don't be mad at us)</li><li>It allows universal access from every website via <a href="https://enable-cors.org/">CORS</a></li><li>It is <a href="https://www.w3.org/WAI/intro/accessibility.php">Accessible</a></li><li>It's Open Source, freely available on <a href="https://github.com/denysvitali/thebestmotherfuckingwebsite/">GitHub</a>, and everybody can contribute to it.</li><li>It uses the <a href="http://www.wtfpl.net/">WTFPL - Do What the Fuck You Want to Public License</a>, which is pretty clear on what you can and what you can't do:<p class="fakepre">0. You just DO WHAT THE FUCK YOU WANT TO.</p></li></ul><h2>Put even less contrast</h2><p>Yeah, a <span class="foufoufou">#444 is cool</span> but a <span class="foufivfoufivfoufiv">#454545 is better</span>.</p><p>We don't need to break our eyes while looking at a <span class="mfw">motherfuckingwebsite</span>.</p><h2>Size matters, yeah, but don't exaggerate</h2><p> Remember, not everybody is blind, and not everybody wants to read a fucking 2 inches letter on a 27 inches screen, 
 so keep it cool. Don't exaggerate in size, but don't make a text that is only readable by ants.</p><h2>Put some pictures</h2><div class="fancyPositioning"><div class="picture-left"><figure><img src="/static/e84d13374f0772372eaa86614800bd58.jpg" title="A nice and cute cat" alt="white and gray cat looking at you, with his yellow and green eyes"><figcaption>A cat, just to keep the context of the website.</figcaption></figure></div><div class="tleft"><p> We're not looking at a novel by Stephenie Meyer, this is a <span class="mfw">motherfuckingwebsite</span>.