-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
169 lines (169 loc) · 5.24 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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!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>The Mother-Loving Website</title>
<meta
name="description"
content="The Mother-Loving websites."
/>
<style>
body {
margin: 5% auto;
font-family: sans-serif;
font-size: 16px;
line-height: 1.6;
max-width: 80%;
}
</style>
</head>
<body>
<header>
<h1>Welcome to The Mother-Loving website.</h1>
<p>
It's inspired by
<a href="#inspired-by">these other mother-loving websites.</a>
</p>
</header>
<main>
<section>
<h2><strong>You've seen those other mother-loving websites.</strong></h2>
<p>
We all know that
<a
href="https://motherfuckingwebsite.com"
target="_blank"
>
Motherforking Website</a
>, it's a gross pile of shirt. And we also know that
<a
href="http://bettermotherfuckingwebsite.com"
target="_blank"
>
Better Motherforking Website </a
>improved the Gas-Blastered Crap into an (almost) easy-to-read
masterpiece.
</p>
</section>
<section>
<h2>
But I made it even better! Like the other mother-forking websites,
</h2>
<strong>The Mother-Loving Website</strong>, has all of the
benefits of the original, 'perfect blast' website and has some
improvements from the
<a
href="https://bettermotherfuckingwebsite.com"
target="_blank"
>Better Motherforking Website</a
>
and even the
<a
href="https://evenbettermotherfucking.website/"
target="_blank"
>Even Better Motherforking Website</a
>:
<ul>
<li>It's still lightweight and loads fast</li>
<li>Still fits on all of your shoddy screens</li>
<li>Still looks the same in all of your shoddy browsers</li>
<li>
This mother-lover's still accessible to every blast hole that visits
your site
</li>
<li>It's still legible and gets your forking point across</li>
<li><strong>Plus a .io domain extension,</strong></li>
<li><strong>Beautiful typography.</strong></li>
<li>
<strong>Simplified the CSS rules further.</strong>
</li>
<li>
<strong
>and you can actually show this one to your kids or
employer.</strong
>
</li>
</ul>
</section>
<h2>I let it breathe even more</h2>
<blockquote>
"Look at lines 1 and 2 of some shirty website you're building. Assuming
they're not married, they probably shouldn't be humming. 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... prance off. If your
text hits the side of the browser, fork off forever. Have you ever seen
a book like that? Yes? What a shirty book." -
<a
href="http://bettermotherfuckingwebsite.com"
target="_blank"
>Better Motherforking Website</a
>
</blockquote>
<p>I made it even better: <code>line-height: 1.6</code></p>
<h2>Yes, this continues to be a forking joke, mother-forkers</h2>
<p>
Like the creator of
<a
href="https://evenbettermotherfucking.website"
target="_blank"
>Even Better Motherforking Website</a
>
&
<a
href="http://bettermotherfuckingwebsite.com"
target="_blank"
>Better Motherforking Website</a
>, I love what the creator of
<a
href="https://motherfuckingwebsite.com"
target="_blank"
>Motherforking Website</a
>
did. It's all about the message! But let's face it: would you rather
have crab, or some beautifully-aligned shirt?
</p>
<hr />
<h2 id="inspired-by">Inspired by</h2>
<p>
Inspired by the geniuses behind
<a
href="https://evenbettermotherfucking.website"
target="_blank"
>Even Better Motherforking Website</a
>,
<a
href="http://bettermotherfuckingwebsite.com"
target="_blank"
>Better Motherforking Website</a
>, and
<a
href="https://motherfuckingwebsite.com"
target="_blank"
>Motherforking Website</a
>.
</p>
</main>
<footer>
<p>
<strong>The Mother-Loving Website</strong> is a
<a
href="https://habitualgenesis.com"
target="_blank"
>Habitual Genesis</a
>
Project. Open source code on
<a
href="https://github.com/olitreadwell/my-motherloving-website"
target="_blank"
>GitHub</a
>.
</p>
</footer>
</body>
</html>
<!-- Copyright (C) 2023 Oli Treadwell -->
<!-- License: https://github.com/olitreadwell/my-motherloving-website/blob/master/LICENSE -->