Files for my website
bwc9876.dev
Evil fonts
+42
-4
+20
package-lock.json
+20
package-lock.json
···
11
11
"@astrojs/mdx": "^4.3.13",
12
12
"@astrojs/rss": "^4.0.15",
13
13
"@astrojs/sitemap": "^3.7.0",
14
+
"@fontsource/charis-sil": "^5.2.7",
15
+
"@fontsource/maple-mono": "^5.2.6",
14
16
"@iconify-json/bi": "^1.2.7",
15
17
"@iconify-json/file-icons": "^1.2.2",
16
18
"@iconify-json/mdi": "^1.2.1",
···
656
658
],
657
659
"engines": {
658
660
"node": ">=18"
661
+
}
662
+
},
663
+
"node_modules/@fontsource/charis-sil": {
664
+
"version": "5.2.7",
665
+
"resolved": "https://registry.npmjs.org/@fontsource/charis-sil/-/charis-sil-5.2.7.tgz",
666
+
"integrity": "sha512-qbaXZFD9f54j2ZFqe2+3MES2TeotlGuEHE5v8PlS+nsDPts7L9g87zlKogZdnuVyZV4XY0z306ejthJykweWLw==",
667
+
"license": "OFL-1.1",
668
+
"funding": {
669
+
"url": "https://github.com/sponsors/ayuhito"
670
+
}
671
+
},
672
+
"node_modules/@fontsource/maple-mono": {
673
+
"version": "5.2.6",
674
+
"resolved": "https://registry.npmjs.org/@fontsource/maple-mono/-/maple-mono-5.2.6.tgz",
675
+
"integrity": "sha512-+VAD7z8nyTkaiz2/Ww639Z5Kp/YJIL4dNMQxydqSMafNb5nKxFeoRq6W3g9WJ04IcBjdBmn0dKFNk90lyz7K+w==",
676
+
"license": "OFL-1.1",
677
+
"funding": {
678
+
"url": "https://github.com/sponsors/ayuhito"
659
679
}
660
680
},
661
681
"node_modules/@iconify-json/bi": {
+4
-2
package.json
+4
-2
package.json
···
16
16
"@astrojs/mdx": "^4.3.13",
17
17
"@astrojs/rss": "^4.0.15",
18
18
"@astrojs/sitemap": "^3.7.0",
19
+
"@fontsource/charis-sil": "^5.2.7",
20
+
"@fontsource/maple-mono": "^5.2.6",
19
21
"@iconify-json/bi": "^1.2.7",
20
22
"@iconify-json/file-icons": "^1.2.2",
21
23
"@iconify-json/mdi": "^1.2.1",
···
28
30
"markdown-it": "^14.1.0",
29
31
"sanitize-html": "^2.17.0",
30
32
"sharp": "^0.34.5",
31
-
"typescript": "^5.9.3",
32
-
"slugify": "^1.6.6"
33
+
"slugify": "^1.6.6",
34
+
"typescript": "^5.9.3"
33
35
},
34
36
"devDependencies": {
35
37
"@types/markdown-it": "^14.1.2",
+18
-2
src/styles/style.css
+18
-2
src/styles/style.css
···
1
1
/* Breakpoint Queries, Using Bootstrap's */
2
-
2
+
@import "@fontsource/maple-mono";
3
+
@import "@fontsource/charis-sil";
3
4
/* Smallest: 576px */
4
5
5
6
@custom-media --sm (width >=576px);
···
35
36
36
37
/* Color Aliases */
37
38
39
+
h1,
40
+
h2,
41
+
h3,
42
+
h4,
43
+
h5,
44
+
h6,
45
+
pre,
46
+
code,
47
+
nav a {
48
+
font-family: "Maple Mono", monospace;
49
+
}
50
+
51
+
:root {
52
+
font-family: "Charis", sans-serif;
53
+
}
54
+
38
55
/* Spacing Scale, Major Third */
39
56
:root {
40
57
/* 1rem = 16px */
41
-
font-family: sans-serif;
42
58
--scale: 1.25;
43
59
--small: calc(1rem * pow(var(--scale), -1));
44
60
--half: calc(1rem * pow(var(--scale), -0.5));