-
Notifications
You must be signed in to change notification settings - Fork 26
/
index.html
60 lines (60 loc) · 4.65 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"/>
<title>Even Better Motherfucking Website</title>
<meta name="description" content="It's even more fucking perfect than the other motherfucking websites."/>
<link rel="canonical" href="http://evenbettermotherfucking.website"/>
<style>
body {margin: 5% auto; background: #f2f2f2; color: #444444; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8; text-shadow: 0 1px 0 #ffffff; max-width: 73%;}
code {background: white;}
a {border-bottom: 1px solid #444444; color: #444444; text-decoration: none;}
a:hover {border-bottom: 0;}
</style>
</head>
<body>
<header>
<h1>This is an even better motherfucking website.</h1>
<aside>It's even more fucking perfect than the other motherfucking websites. And why is that, you fuck?</aside>
</header>
<h2><strong>Hipstered domain extension and beautiful typography.</strong></h2>
<p>We all know that <a href="http://motherfuckingwebsite.com">Motherfucking Website</a> ― <em>MFW</em> ― it's grotesque pile of shit. And we also know that <a href="http://bettermotherfuckingwebsite.com">Better Motherfucking Website</a> ― <em>BMFW</em> ― improved the <i>Ass-Blastered Crap</i> into an (almost) easy-to-read masterpiece. But I made it even better! Like the other motherfucking websites, <strong>Even Better Motherfucking Website</strong> ― <em>EBMFW</em> ―, has all of the glory that the original, 'perfect-ass' website has - along with some improvements from the <em>BMFW</em>:</p>
<ul>
<li>Shit's <em>still</em> lightweight and loads fast;</li>
<li><em>Still</em> fits on all of your shitty screens;</li>
<li><em>Still</em> looks the same in all of your shitty browsers;</li>
<li>This motherfucker's <em>still</em> accessible to every asshole that visits your site;</li>
<li>Shit's <em>still</em> legible and gets your fucking point across;</li>
<li><strong>Plus a hipstered domain extension and beautiful typography.</strong></li>
</ul>
<h2>What about Comic Sans?</h2>
<p>That really hurt! Who throws a shoe? Honestly?</p>
<h2>Let it breathe even more</h2>
<blockquote>
"Look at lines 1 and 2 of some shitty website you're building. Assuming they're not married, they probably shouldn't be humping. The defaults are trash ― pick a minimum <code>line-height: 1.4</code> for body copy. Headings should be tighter. If you can't see that... piss off. If your text hits the side of the browser, fuck off forever. Have you ever seen a book like that? Yes? What a shitty book."<br/>
- <a href="http://bettermotherfuckingwebsite.com"><em>BMFW</em></a>
</blockquote>
<p>I made it even better: <code>line-height: 1.8</code></p>
<h2>A little less contrast</h2>
<blockquote>
"Black on white? How often do you see that kind of contrast in real life? Tone it down a bit, asshole."<br>
- <a href="http://bettermotherfuckingwebsite.com"><em>BMFW</em></a>
</blockquote>
<p>I made it even better: <code>background: #f2f2f2</code><br/>Because I don't care about 7 fucking lines of declarations.</p>
<h2>Yes, this continues to be fucking satirical, fuckers</h2>
<p>Like the creator of <a href="http://bettermotherfuckingwebsite.com">Better Motherfucking Website</a>, I ♥ what the creator of <a href="http://motherfuckingwebsite.com">Motherfucking Website</a> did. It's all about the message! But let's face it: would you rather have crap, or some beautifully-aligned shit?</p>
<blockquote>
"Imagine all the people..."<br>
- <em>John Lennon, Yoko's husband</em>
</blockquote>
<hr>
<h2>Epilogue</h2>
<p>Inspired by the geniuses behind <a href="http://bettermotherfuckingwebsite.com">Better Motherfucking Website</a> and <a href="http://motherfuckingwebsite.com">Motherfucking Website</a>. ☺</p>
<footer>
<p><strong>Even Better Motherfucking Website</strong> is a <a href="http://setetres.st">Seventy Three</a> Project.<br/>Open source code on <a href="https://github.com/setetres/evenbettermotherfuckingwebsite">GitHub</a>.</p>
</footer>
</body>
</html>
<!-- Copyright (C) 2021 Guilherme Pangnotta -->
<!-- License: https://github.com/setetres/evenbettermotherfuckingwebsite/blob/master/LICENSE -->