Mae's website :3 maemoon.me
personal website svelte sveltekit
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

no longer just a blog

+28 -5
+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
··· 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
··· 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>