My personal website
emmeline.tngl.io/
asdfasdfsadf
+19
-16
+6
main.pup
+6
main.pup
···
42
42
_pg_thought("forge-vs-fabric", "(Neo)Forge vs Fabric"),
43
43
// _pg_thought("ipads-brainrot-and-socialmedia", "iPads, Brainrot, and Social Media"),
44
44
_pg_thought("modern-minecraft", "Modern Minecraft"),
45
+
[
46
+
id: "buttons",
47
+
url: "/buttons/",
48
+
page: "buttons.html",
49
+
title: "Buttons"
50
+
],
45
51
];
46
52
47
53
let friend_buttons = [
-7
pages/index.html
-7
pages/index.html
···
71
71
<li><a href="https://ygopro.org/yugioh-card-maker/">Yu-Gi-Oh! Card Maker</a> - Easily the best YGO card maker I've found. Props to my friend, Sock, for making it!</li>
72
72
<li><a href="https://flexbox.malven.co/">Flexbox Cheatsheet</a> - Visual cheatsheet for Flexbox, I use this every time I use flexboxes.</li>
73
73
</ul>
74
-
75
-
<h3>Buttons</h3>
76
-
<hr>
77
-
<p>My Circle:</p>
78
-
${site.buttons.friends}
79
-
<p>Misc:</p>
80
-
${site.buttons.misc}
+2
-8
static/style.css
+2
-8
static/style.css
···
1
-
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&family=Oxygen+Mono&display=swap');
2
-
3
1
:root {
4
2
/* palette */
5
3
/* greys */
···
41
39
--c-accent: var(--p-light-green);
42
40
43
41
/* text */
44
-
--t-font: 'Onest', Arial, serif;
45
-
--t-post-font: Garamond, 'Times New Roman', var(--t-font);
46
-
--t-mono-font: 'Oxygen Mono', monospace;
47
-
--t-h-font: 'Oxygen Mono', var(--t-post-font);
42
+
--t-font: serif;
43
+
--t-mono-font: monospace;
48
44
--t-font-weight: 400;
49
45
--t-font-style: normal;
50
46
--t-font-size: 18px;
···
85
81
}
86
82
87
83
header {
88
-
font-family: var(--t-h-font);
89
84
padding-bottom: var(--l-body-padding);
90
85
}
91
86
92
87
footer {
93
-
font-family: var(--t-h-font);
94
88
padding-top: var(--l-body-padding);
95
89
}
96
90