this repo has no description
added footer + new font
+84
-19
+15
-9
_config.ts
+15
-9
_config.ts
···
14
14
import toml from "lume/plugins/toml.ts";
15
15
16
16
// mdx plugins
17
-
import rehypeKatex from "npm:rehype-katex"
18
-
import remarkMath from "npm:remark-math"
17
+
import rehypeKatex from "npm:rehype-katex";
18
+
import remarkMath from "npm:remark-math";
19
19
20
20
// components
21
21
import Header from "./src/_components/Header.tsx";
22
22
23
23
const site = lume({
24
-
src: "./src",
24
+
src: "./src",
25
25
});
26
26
27
27
site.use(jsx_preact());
28
28
site.use(attributes());
29
29
site.use(base_path());
30
30
site.use(date());
31
-
site.use(favicon())
31
+
site.use(favicon());
32
32
site.use(katex());
33
-
site.use(mdx({
33
+
site.use(
34
+
mdx({
34
35
remarkPlugins: [remarkMath],
35
36
rehypePlugins: [rehypeKatex],
36
37
components: {
37
-
"Header": Header,
38
+
Header: Header,
38
39
},
39
-
}));
40
+
}),
41
+
);
40
42
site.use(metas());
41
43
site.use(nunjucks());
42
44
site.use(reading_info());
43
45
site.use(sass());
44
-
site.use(slugify_urls({
46
+
site.use(
47
+
slugify_urls({
45
48
lowercase: true,
46
49
alphanumeric: true,
47
50
separator: "_",
48
-
}));
51
+
}),
52
+
);
49
53
site.use(toml());
54
+
55
+
site.copy("assets");
50
56
51
57
export default site;
+2
-2
src/_components/Header.tsx
+2
-2
src/_components/Header.tsx
+8
-4
src/_includes/layouts/root.njk
+8
-4
src/_includes/layouts/root.njk
···
5
5
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
<title>{{ metas.title }} | Altagos</title>
7
7
8
-
<link rel="stylesheet" href="/assets/altagos.css">
8
+
<link rel="stylesheet" href="/altagos.css">
9
9
</head>
10
10
<body>
11
-
<main>
12
-
{{ content | safe }}
13
-
</main>
11
+
<div class="root">
12
+
<div class="content">
13
+
{{ content | safe }}
14
+
</div>
15
+
16
+
{% include "layouts/footer.njk" %}
17
+
</div>
14
18
</body>
15
19
</html>
+56
-4
src/_includes/sass/root.scss
+56
-4
src/_includes/sass/root.scss
···
1
+
@font-face {
2
+
font-family: "Recursive";
3
+
src:
4
+
local("Recursive"),
5
+
local("Recursive VF"),
6
+
url("assets/recursive_vf.woff2") format("woff2-variations");
7
+
}
8
+
1
9
:root {
2
10
--background-color: var(--arc-palette-background, #fff);
3
11
--background-extra-color: var(--arc-palette-backgroundExtra, #fff);
···
10
18
--color-hover: var(--arc-palette-hover, #0000001a);
11
19
--color-focus: var(--arc-palette-focus);
12
20
--font-size: 16px;
21
+
}
22
+
23
+
html,
24
+
body {
25
+
height: 100%;
26
+
margin: 0;
27
+
padding: 0;
13
28
}
14
29
15
30
body {
···
18
33
-webkit-font-smoothing: antialiased;
19
34
-moz-font-smoothing: antialiased;
20
35
21
-
// text-align: center;
36
+
background-color: var(--background-color);
37
+
color: var(--text-color);
38
+
}
39
+
40
+
.root {
41
+
display: flex;
42
+
flex-direction: column;
43
+
align-content: space-between;
44
+
justify-content: space-between;
22
45
46
+
// text-align: center;
23
47
max-width: 40em;
24
48
margin: auto;
49
+
//
50
+
//
51
+
height: 100%;
52
+
}
53
+
54
+
.content {
25
55
padding: 2em;
26
56
line-height: 1.5;
27
-
28
-
background-color: var(--background-color);
29
-
color: var(--text-color);
30
57
}
31
58
32
59
.header {
33
60
margin-bottom: 10px;
61
+
34
62
font-size: 4rem;
35
63
font-weight: 700;
36
64
line-height: normal;
37
65
}
38
66
67
+
.footer {
68
+
padding: 2em;
69
+
// margin-bottom: 10px;
70
+
71
+
// align-self: center;
72
+
font-family: Recursive, monospace;
73
+
font-size: small;
74
+
font-variation-settings:
75
+
"MONO" 0,
76
+
"CASL" 0.22,
77
+
"wght" 350,
78
+
"slnt" 0,
79
+
"CRSV" 1;
80
+
color: var(--color-subtle);
81
+
}
82
+
39
83
.smaller {
40
84
font-size: smaller;
85
+
font-family: Recursive, monospace;
86
+
font-variation-settings:
87
+
"MONO" 0,
88
+
"CASL" 0.1,
89
+
"wght" 400,
90
+
"slnt" 0,
91
+
"CRSV" 0.5;
92
+
41
93
color: var(--color-subtle);
42
94
}
src/assets/Recursive_VF.woff2
src/assets/Recursive_VF.woff2
This is a binary file and will not be displayed.
src/assets/altagos.sass
src/altagos.sass
src/assets/altagos.sass
src/altagos.sass