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