this repo has no description
fixed stuff with extensions
+35
-29
+20
-18
src/_includes/layouts/root.njk
+20
-18
src/_includes/layouts/root.njk
···
1
1
<!DOCTYPE html>
2
2
<html lang="{{ metas.lang }}">
3
-
<head>
4
-
<meta charset="UTF-8">
5
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6
-
<title>{{ metas.title or title }} | Altagos</title>
3
+
<div class="page-container">
4
+
<head>
5
+
<meta charset="UTF-8">
6
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+
<title>{{ metas.title or title }} | Altagos</title>
7
8
8
-
<link rel="stylesheet" href="/altagos.css">
9
+
<link rel="stylesheet" href="/altagos.css">
9
10
10
-
<link rel="preload" href="/assets/highlight/tomorrow-night.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
11
-
<noscript><link rel="stylesheet" href="/assets/highlight/tomorrow-night.css"></noscript>
11
+
<link rel="preload" href="/assets/highlight/tomorrow-night.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
12
+
<noscript><link rel="stylesheet" href="/assets/highlight/tomorrow-night.css"></noscript>
12
13
13
-
<script defer src="/assets/highlight/highlight.min.js" onload="hljs.highlightAll()"></script>
14
-
</head>
15
-
<body>
16
-
<main>
17
-
{{ comp.Header({title: metas.title, note: metas.note}) | safe }}
18
-
<content>
19
-
{{ content | safe }}
20
-
</content>
21
-
</main>
14
+
<script defer src="/assets/highlight/highlight.min.js" onload="hljs.highlightAll()"></script>
15
+
</head>
16
+
<body>
17
+
<main>
18
+
{{ comp.Header({title: metas.title, note: metas.note}) | safe }}
19
+
<content>
20
+
{{ content | safe }}
21
+
</content>
22
+
</main>
22
23
23
-
{% include "layouts/footer.njk" %}
24
-
</body>
24
+
{% include "layouts/footer.njk" %}
25
+
</body>
26
+
</div>
25
27
</html>
+13
-9
src/_includes/sass/root.scss
+13
-9
src/_includes/sass/root.scss
···
15
15
}
16
16
17
17
html,
18
-
body {
18
+
body,
19
+
.page-container {
19
20
height: 100%;
21
+
width: 100%;
20
22
margin: 0;
21
23
padding: 0;
22
24
}
23
25
24
26
body {
25
-
display: flex;
26
-
flex-direction: column;
27
-
align-content: space-between;
28
-
justify-content: space-between;
29
-
30
-
margin: auto;
31
-
max-width: 650px;
32
-
33
27
background-color: var(--col-bg);
34
28
color: var(--col-fg);
35
29
···
48
42
word-wrap: break-word;
49
43
overflow-wrap: break-word;
50
44
line-height: 1.6;
45
+
}
46
+
47
+
.page-container {
48
+
display: flex;
49
+
flex-direction: column;
50
+
align-content: space-between;
51
+
justify-content: space-between;
52
+
53
+
margin: auto;
54
+
max-width: 650px;
51
55
}
52
56
53
57
main {
+2
-2
src/bettermotherfuckingwebsite.mdx
+2
-2
src/bettermotherfuckingwebsite.mdx
···
29
29
You never knew it, but it's easy to improve readability on your site. Here's how.
30
30
31
31
## Let it breathe
32
-
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 `line-height: 1.4` for body copy. Headings should be tighter. If you can't see that...piss off.
32
+
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 `line-height: 1.4` for body copy. Headings should be tighter. If you can't see that...piss off.
33
33
34
34
If your text hits the side of the browser, fuck off forever. You ever see a book like that? Yes? What a shitty book.
35
35
···
54
54
## Epilogue
55
55
Inspired by the geniuses behind [motherfuckingwebsite.com](http://motherfuckingwebsite.com/) and [txti](http://txti.es/).
56
56
57
-
This page—that isn't a total fucking eyesore—was created by me with help from him.
57
+
This page — that isn't a total fucking eyesore — was created by me with help from him.