Mae's website :3
maemoon.me
personal
website
svelte
sveltekit
no longer just a blog
+28
-5
+13
-1
src/lib/global.css
+13
-1
src/lib/global.css
···
22
22
p {
23
23
font-family: 'Inter';
24
24
font-size: 1.2rem;
25
-
padding-bottom: 1em;
25
+
}
26
+
27
+
li {
28
+
font-family: 'Inter';
29
+
font-size: 1.2rem;
30
+
font-style: italic;
26
31
}
27
32
28
33
a {
29
34
font-family: 'Inter';
30
35
font-size: 1.2rem;
31
36
color: #3B4252;
37
+
font-style: normal;
32
38
}
33
39
34
40
a:focus {
···
39
45
40
46
a:hover {
41
47
color: #4C566A;
48
+
}
49
+
50
+
.section {
51
+
font-size: 1.5rem;
52
+
padding-top: 0.5em;
53
+
padding-bottom: 0.5em;
42
54
}
+10
-2
src/routes/+page.svelte
+10
-2
src/routes/+page.svelte
···
25
25
</script>
26
26
27
27
<svelte:head>
28
-
<title>Mae Moon ~ Blog</title>
28
+
<title>Mae Moon</title>
29
29
</svelte:head>
30
30
31
31
<main>
32
32
<h1>Mae Moon</h1>
33
33
<br />
34
-
<p>{message}</p>
34
+
<p>Hi! I'm Mae! I'm a highschool student living in Canada. I'm transfem and use she/her pronouns! I enjoy coding, playing video games, and music.</p>
35
+
<h2 class="section">Projects</h2>
36
+
<ul>
37
+
<li>Coming soon-ish</li>
38
+
</ul>
39
+
<h2 class="section">Contact</h2>
40
+
<p>Discord ~ cute_catgirl</p>
41
+
<p>Email ~ maemoon@proton.me</p>
42
+
<h2 class="section">Blog</h2>
35
43
<ul>
36
44
{#each data.posts as post}
37
45
<li transition:fade>
+5
-2
src/routes/post/[slug]/+page.svelte
+5
-2
src/routes/post/[slug]/+page.svelte
···
1
1
<script>
2
2
export let data;
3
-
const date = new Date(data.date);
4
-
let dateString = `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
3
+
let dateString = data.date.replaceAll('-', '/');
5
4
</script>
6
5
7
6
<svelte:head>
···
23
22
margin: 0 auto;
24
23
max-width: 750px;
25
24
padding: 2em;
25
+
}
26
+
27
+
article {
28
+
padding-bottom: 1em;
26
29
}
27
30
</style>