diff --git a/bun.lockb b/bun.lockb index 1e44f84..be03a90 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/package.json b/package.json index 8683305..abcd955 100644 --- a/package.json +++ b/package.json @@ -31,6 +31,8 @@ "type": "module", "dependencies": { "@sveltejs/enhanced-img": "^0.2.0", - "svelte-markdown": "^0.4.1" + "marked": "^12.0.2", + "marked-alert": "^2.0.1", + "marked-emoji": "^1.4.0" } } diff --git a/src/lib/blog.json b/src/lib/blog.json index bcb79b8..e4385c6 100644 --- a/src/lib/blog.json +++ b/src/lib/blog.json @@ -12,6 +12,7 @@ { "slug": "test-post", "title": "Test Post", - "image": "/img/blog/test-post.gif" + "image": "/img/blog/test-post.gif", + "unlisted": true } ] diff --git a/src/lib/emojis.json b/src/lib/emojis.json new file mode 100644 index 0000000..6072738 --- /dev/null +++ b/src/lib/emojis.json @@ -0,0 +1,3 @@ +{ + "wavesmiley": "/img/emoji/wavesmiley.gif" +} diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte index cbeafed..7eeff6d 100644 --- a/src/routes/blog/+page.svelte +++ b/src/routes/blog/+page.svelte @@ -16,6 +16,7 @@ /** @param {number} index */ function loadPosts(index) { let page = Array.from(blog); + page = page.filter((_) => !_?.unlisted); page.reverse(); page = page.slice(index * 16, (index + 1) * 16); diff --git a/src/routes/blog/[slug]/+page.js b/src/routes/blog/[slug]/+page.js index 4ea6a99..d798e30 100644 --- a/src/routes/blog/[slug]/+page.js +++ b/src/routes/blog/[slug]/+page.js @@ -1,5 +1,13 @@ -export function load({ params }) { +import customEmojis from '$lib/emojis.json'; + +export async function load({ params }) { + const response = await fetch( + 'https://raw.githubusercontent.com/cirroskais/discord-blobmoji/master/map.json' + ); + let emojis = Object.assign(await response.json(), customEmojis); + return { + emojis, slug: params.slug }; } diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte index 626d4d7..1bf0819 100644 --- a/src/routes/blog/[slug]/+page.svelte +++ b/src/routes/blog/[slug]/+page.svelte @@ -1,7 +1,10 @@ @@ -38,7 +49,13 @@ {#key markdown}
- + {@html markdown}
{/key} + + diff --git a/static/blog/hello-world.md b/static/blog/hello-world.md index 213ee11..bb0c7f7 100644 --- a/static/blog/hello-world.md +++ b/static/blog/hello-world.md @@ -1 +1,3 @@ -There doesn't appear to be anything here yet... +## Introduction + +Hello, I'm cirro! I'm 17, go by he/they, and like computers. I co-own MadHouse Labs, a developer conglomerate and friend group with over 70 members. I'm also a web designer, backend developer, and a ~~pretend~~ sysadmin. diff --git a/static/blog/test-post.md b/static/blog/test-post.md index 7dae036..245f3f4 100644 --- a/static/blog/test-post.md +++ b/static/blog/test-post.md @@ -279,3 +279,34 @@ Unlike a pre-formatted code block, a code span indicates code within a normal paragraph. For example: Use the `printf()` function. + +## Custom Stuff + +### Alerts + +> test + +> [!NOTE] +> Highlights information that users should take into account, even when skimming. + +> [!TIP] +> Optional information to help a user be more successful. + +> [!IMPORTANT] +> Crucial information necessary for users to succeed. + +> [!WARNING] +> Critical content demanding immediate user attention due to potential risks. + +> [!CAUTION] +> Negative potential consequences of an action. + +### Emojis + +Emojis are completely custom, and follow Discord's emoji mapping. The emoji pack currently being used is Blobmoji. + +:cat: :robot: :tulip: :calling: :flag_us: :heart: Hello, World! + +🐱 πŸ€– 🌷 πŸ“² πŸ‡ΊπŸ‡Έ ❀️ Hello, World! + +:wavesmiley: Hello, World! diff --git a/static/img/emoji/wavesmiley.gif b/static/img/emoji/wavesmiley.gif new file mode 100644 index 0000000..38c1433 Binary files /dev/null and b/static/img/emoji/wavesmiley.gif differ