From 3b2713ca29a810daaef93c708485e2c3926ba638 Mon Sep 17 00:00:00 2001
From: cirroskais <cirroskais@madhouselabs.net>
Date: Mon, 22 Apr 2024 04:51:44 -0400
Subject: [PATCH] hello world blog post

---
 src/lib/blog.js                     |  18 ++++++++++++++++++
 src/lib/blog.json                   |  18 ------------------
 src/lib/emojis.js                   |  11 +++++++++++
 src/lib/emojis.json                 |   3 ---
 src/routes/blog/+page.svelte        |   2 +-
 src/routes/blog/[slug]/+page.js     |   2 +-
 src/routes/blog/[slug]/+page.svelte |   2 +-
 static/blog/hello-world.md          |  28 +++++++++++++++++++++++++++-
 static/img/emoji/bun.svg            |   1 +
 static/img/emoji/coolify.png        | Bin 0 -> 4072 bytes
 static/img/emoji/docker.svg         |   1 +
 static/img/emoji/javascript.svg     |   1 +
 static/img/emoji/nodedotjs.svg      |   1 +
 static/img/emoji/svelte.svg         |   1 +
 static/img/emoji/tailwindcss.svg    |   1 +
 static/img/emoji/typescript.svg     |   1 +
 16 files changed, 66 insertions(+), 25 deletions(-)
 create mode 100644 src/lib/blog.js
 delete mode 100644 src/lib/blog.json
 create mode 100644 src/lib/emojis.js
 delete mode 100644 src/lib/emojis.json
 create mode 100644 static/img/emoji/bun.svg
 create mode 100644 static/img/emoji/coolify.png
 create mode 100644 static/img/emoji/docker.svg
 create mode 100644 static/img/emoji/javascript.svg
 create mode 100644 static/img/emoji/nodedotjs.svg
 create mode 100644 static/img/emoji/svelte.svg
 create mode 100644 static/img/emoji/tailwindcss.svg
 create mode 100644 static/img/emoji/typescript.svg

diff --git a/src/lib/blog.js b/src/lib/blog.js
new file mode 100644
index 0000000..753a19c
--- /dev/null
+++ b/src/lib/blog.js
@@ -0,0 +1,18 @@
+export default [
+	{
+		slug: 'hello-world',
+		title: 'Hello, World!',
+		image: '/img/blog/hello-world.gif'
+	},
+	{
+		slug: 'hardware',
+		title: 'Hardware',
+		image: '/img/blog/hardware.gif'
+	},
+	{
+		slug: 'test-post',
+		title: 'Test Post',
+		image: '/img/blog/test-post.gif',
+		unlisted: true
+	}
+];
diff --git a/src/lib/blog.json b/src/lib/blog.json
deleted file mode 100644
index e4385c6..0000000
--- a/src/lib/blog.json
+++ /dev/null
@@ -1,18 +0,0 @@
-[
-	{
-		"slug": "hello-world",
-		"title": "Hello, World!",
-		"image": "/img/blog/hello-world.gif"
-	},
-	{
-		"slug": "hardware",
-		"title": "Hardware",
-		"image": "/img/blog/hardware.gif"
-	},
-	{
-		"slug": "test-post",
-		"title": "Test Post",
-		"image": "/img/blog/test-post.gif",
-		"unlisted": true
-	}
-]
diff --git a/src/lib/emojis.js b/src/lib/emojis.js
new file mode 100644
index 0000000..f51e0b9
--- /dev/null
+++ b/src/lib/emojis.js
@@ -0,0 +1,11 @@
+export default {
+	wavesmiley: '/img/emoji/wavesmiley.gif',
+	svelte: '/img/emoji/svelte.svg',
+	docker: '/img/emoji/docker.svg',
+	tailwind: '/img/emoji/tailwindcss.svg',
+	javascript: '/img/emoji/javascript.svg',
+	typescript: '/img/emoji/typescript.svg',
+	bun: '/img/emoji/bun.svg',
+	nodejs: '/img/emoji/nodedotjs.svg',
+	coolify: '/img/emoji/coolify.png'
+};
diff --git a/src/lib/emojis.json b/src/lib/emojis.json
deleted file mode 100644
index 6072738..0000000
--- a/src/lib/emojis.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-	"wavesmiley": "/img/emoji/wavesmiley.gif"
-}
diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index 7eeff6d..f8cdb16 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -1,7 +1,7 @@
 <script>
 	import { writable } from 'svelte/store';
 	import { page } from '$app/stores';
-	import blog from '$lib/blog.json';
+	import blog from '$lib/blog';
 
 	import ListedPost from '$lib/components/Blog/ListedPost.svelte';
 	import Back from '$lib/components/Icons/Back.svelte';
diff --git a/src/routes/blog/[slug]/+page.js b/src/routes/blog/[slug]/+page.js
index d798e30..0dd11b7 100644
--- a/src/routes/blog/[slug]/+page.js
+++ b/src/routes/blog/[slug]/+page.js
@@ -1,4 +1,4 @@
-import customEmojis from '$lib/emojis.json';
+import customEmojis from '$lib/emojis';
 
 export async function load({ params }) {
 	const response = await fetch(
diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte
index b089ece..73a6f60 100644
--- a/src/routes/blog/[slug]/+page.svelte
+++ b/src/routes/blog/[slug]/+page.svelte
@@ -5,7 +5,7 @@
 	import { marked } from 'marked';
 	import { markedEmoji } from 'marked-emoji';
 
-	import blog from '$lib/blog.json';
+	import blog from '$lib/blog';
 	import { goto } from '$app/navigation';
 
 	export let data;
diff --git a/static/blog/hello-world.md b/static/blog/hello-world.md
index bb0c7f7..d9885ae 100644
--- a/static/blog/hello-world.md
+++ b/static/blog/hello-world.md
@@ -1,3 +1,29 @@
 ## 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.
+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 ~~pretend~~ sysadmin.
+
+<em><span style="color: #c4bef3;">I love my boyfriend, too. You can't have him. He's mine.</span></em>
+
+## Backstory
+
+I first started programming around the age of 11, making bad Roblox cheats and miscellaneous Windows applications. I quickly moved to Discord userbots, regluar bots, and then finally at backend development. This is when I expressed interest in Web APIs. My first notable web project was a file hosting service, compatible with ShareX. After that, I made multiple REST APIs for data storage in old Roblox clients, which then was the catalyst for my interest in system administration. When I started to experiment with making my file uploader look _just a bit prettier_, I realized _just how important_ a good UI is, and how it can completely change the feel of a website. I'll be honest; I never really touched vanilla CSS from the get-go. Tailwind CSS has been an absolute treat to work with, and still gives me the flexibility to create what I actually want.
+
+## What I Use
+
+- :svelte: <span style="color: #FF3E00; text-underline-offset: 3px; text-decoration-line: underline;">SvelteKit</span>
+- :tailwind: <span style="color: #06B6D4; text-underline-offset: 3px; text-decoration-line: underline;">Tailwind CSS</span>
+- :docker: <span style="color: #2496ED; text-underline-offset: 3px; text-decoration-line: underline;">Docker</span>
+- :javascript: <span style="color: #F7DF1E; text-underline-offset: 3px; text-decoration-line: underline;">JavaScript</span>
+- :typescript: <span style="color: #3178C6; text-underline-offset: 3px; text-decoration-line: underline;">TypeScript</span>
+- :nodejs: <span style="color: #339933; text-underline-offset: 3px; text-decoration-line: underline;">Node.js</span>
+- :bun: <span style="color: #fbf0df; text-underline-offset: 3px; text-decoration-line: underline;">Bun</span>
+- :coolify: <span style="color: #8c52ff; text-underline-offset: 3px; text-decoration-line: underline;">Coolify</span> <a href="https://coolify.io/" style="text-underline-offset: 3px;">_(Check these guys out!)_</a>
+
+## End!
+
+Thanks for reading! If you have any feedback on the site, I would love to hear it by the way! Check out the [home page](/home) to find my socials, and
+where you can contact me.
+
+Want to read a bit more? Check out my [system specs!](/blog/hardware)
+
+:wavesmiley:
diff --git a/static/img/emoji/bun.svg b/static/img/emoji/bun.svg
new file mode 100644
index 0000000..7ef1500
--- /dev/null
+++ b/static/img/emoji/bun.svg
@@ -0,0 +1 @@
+<svg id="Bun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 70"><title>Bun Logo</title><path id="Shadow" d="M71.09,20.74c-.16-.17-.33-.34-.5-.5s-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5A26.46,26.46,0,0,1,75.5,35.7c0,16.57-16.82,30.05-37.5,30.05-11.58,0-21.94-4.23-28.83-10.86l.5.5.5.5.5.5.5.5.5.5.5.5.5.5C19.55,65.3,30.14,69.75,42,69.75c20.68,0,37.5-13.48,37.5-30C79.5,32.69,76.46,26,71.09,20.74Z"/><g id="Body"><path id="Background" d="M73,35.7c0,15.21-15.67,27.54-35,27.54S3,50.91,3,35.7C3,26.27,9,17.94,18.22,13S33.18,3,38,3s8.94,4.13,19.78,10C67,17.94,73,26.27,73,35.7Z" style="fill:#fbf0df"/><path id="Bottom_Shadow" data-name="Bottom Shadow" d="M73,35.7a21.67,21.67,0,0,0-.8-5.78c-2.73,33.3-43.35,34.9-59.32,24.94A40,40,0,0,0,38,63.24C57.3,63.24,73,50.89,73,35.7Z" style="fill:#f6dece"/><path id="Light_Shine" data-name="Light Shine" d="M24.53,11.17C29,8.49,34.94,3.46,40.78,3.45A9.29,9.29,0,0,0,38,3c-2.42,0-5,1.25-8.25,3.13-1.13.66-2.3,1.39-3.54,2.15-2.33,1.44-5,3.07-8,4.7C8.69,18.13,3,26.62,3,35.7c0,.4,0,.8,0,1.19C9.06,15.48,20.07,13.85,24.53,11.17Z" style="fill:#fffefc"/><path id="Top" d="M35.12,5.53A16.41,16.41,0,0,1,29.49,18c-.28.25-.06.73.3.59,3.37-1.31,7.92-5.23,6-13.14C35.71,5,35.12,5.12,35.12,5.53Zm2.27,0A16.24,16.24,0,0,1,39,19c-.12.35.31.65.55.36C41.74,16.56,43.65,11,37.93,5,37.64,4.74,37.19,5.14,37.39,5.49Zm2.76-.17A16.42,16.42,0,0,1,47,17.12a.33.33,0,0,0,.65.11c.92-3.49.4-9.44-7.17-12.53C40.08,4.54,39.82,5.08,40.15,5.32ZM21.69,15.76a16.94,16.94,0,0,0,10.47-9c.18-.36.75-.22.66.18-1.73,8-7.52,9.67-11.12,9.45C21.32,16.4,21.33,15.87,21.69,15.76Z" style="fill:#ccbea7;fill-rule:evenodd"/><path id="Outline" d="M38,65.75C17.32,65.75.5,52.27.5,35.7c0-10,6.18-19.33,16.53-24.92,3-1.6,5.57-3.21,7.86-4.62,1.26-.78,2.45-1.51,3.6-2.19C32,1.89,35,.5,38,.5s5.62,1.2,8.9,3.14c1,.57,2,1.19,3.07,1.87,2.49,1.54,5.3,3.28,9,5.27C69.32,16.37,75.5,25.69,75.5,35.7,75.5,52.27,58.68,65.75,38,65.75ZM38,3c-2.42,0-5,1.25-8.25,3.13-1.13.66-2.3,1.39-3.54,2.15-2.33,1.44-5,3.07-8,4.7C8.69,18.13,3,26.62,3,35.7,3,50.89,18.7,63.25,38,63.25S73,50.89,73,35.7C73,26.62,67.31,18.13,57.78,13,54,11,51.05,9.12,48.66,7.64c-1.09-.67-2.09-1.29-3-1.84C42.63,4,40.42,3,38,3Z"/></g><g id="Mouth"><g id="Background-2" data-name="Background"><path d="M45.05,43a8.93,8.93,0,0,1-2.92,4.71,6.81,6.81,0,0,1-4,1.88A6.84,6.84,0,0,1,34,47.71,8.93,8.93,0,0,1,31.12,43a.72.72,0,0,1,.8-.81H44.26A.72.72,0,0,1,45.05,43Z" style="fill:#b71422"/></g><g id="Tongue"><path id="Background-3" data-name="Background" d="M34,47.79a6.91,6.91,0,0,0,4.12,1.9,6.91,6.91,0,0,0,4.11-1.9,10.63,10.63,0,0,0,1-1.07,6.83,6.83,0,0,0-4.9-2.31,6.15,6.15,0,0,0-5,2.78C33.56,47.4,33.76,47.6,34,47.79Z" style="fill:#ff6164"/><path id="Outline-2" data-name="Outline" d="M34.16,47a5.36,5.36,0,0,1,4.19-2.08,6,6,0,0,1,4,1.69c.23-.25.45-.51.66-.77a7,7,0,0,0-4.71-1.93,6.36,6.36,0,0,0-4.89,2.36A9.53,9.53,0,0,0,34.16,47Z"/></g><path id="Outline-3" data-name="Outline" d="M38.09,50.19a7.42,7.42,0,0,1-4.45-2,9.52,9.52,0,0,1-3.11-5.05,1.2,1.2,0,0,1,.26-1,1.41,1.41,0,0,1,1.13-.51H44.26a1.44,1.44,0,0,1,1.13.51,1.19,1.19,0,0,1,.25,1h0a9.52,9.52,0,0,1-3.11,5.05A7.42,7.42,0,0,1,38.09,50.19Zm-6.17-7.4c-.16,0-.2.07-.21.09a8.29,8.29,0,0,0,2.73,4.37A6.23,6.23,0,0,0,38.09,49a6.28,6.28,0,0,0,3.65-1.73,8.3,8.3,0,0,0,2.72-4.37.21.21,0,0,0-.2-.09Z"/></g><g id="Face"><ellipse id="Right_Blush" data-name="Right Blush" cx="53.22" cy="40.18" rx="5.85" ry="3.44" style="fill:#febbd0"/><ellipse id="Left_Bluch" data-name="Left Bluch" cx="22.95" cy="40.18" rx="5.85" ry="3.44" style="fill:#febbd0"/><path id="Eyes" d="M25.7,38.8a5.51,5.51,0,1,0-5.5-5.51A5.51,5.51,0,0,0,25.7,38.8Zm24.77,0A5.51,5.51,0,1,0,45,33.29,5.5,5.5,0,0,0,50.47,38.8Z" style="fill-rule:evenodd"/><path id="Iris" d="M24,33.64a2.07,2.07,0,1,0-2.06-2.07A2.07,2.07,0,0,0,24,33.64Zm24.77,0a2.07,2.07,0,1,0-2.06-2.07A2.07,2.07,0,0,0,48.75,33.64Z" style="fill:#fff;fill-rule:evenodd"/></g></svg>
\ No newline at end of file
diff --git a/static/img/emoji/coolify.png b/static/img/emoji/coolify.png
new file mode 100644
index 0000000000000000000000000000000000000000..22d337a1e97ab8b8b349e695f95fba5c9e3f3606
GIT binary patch
literal 4072
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
F-k);5%B}za

literal 0
HcmV?d00001

diff --git a/static/img/emoji/docker.svg b/static/img/emoji/docker.svg
new file mode 100644
index 0000000..ad740ac
--- /dev/null
+++ b/static/img/emoji/docker.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" fill="#2496ED" xmlns="http://www.w3.org/2000/svg"><title>Docker</title><path d="M13.983 11.078h2.119a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.119a.185.185 0 00-.185.185v1.888c0 .102.083.185.185.185m-2.954-5.43h2.118a.186.186 0 00.186-.186V3.574a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m0 2.716h2.118a.187.187 0 00.186-.186V6.29a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.887c0 .102.082.185.185.186m-2.93 0h2.12a.186.186 0 00.184-.186V6.29a.185.185 0 00-.185-.185H8.1a.185.185 0 00-.185.185v1.887c0 .102.083.185.185.186m-2.964 0h2.119a.186.186 0 00.185-.186V6.29a.185.185 0 00-.185-.185H5.136a.186.186 0 00-.186.185v1.887c0 .102.084.185.186.186m5.893 2.715h2.118a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m-2.93 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.083.185.185.185m-2.964 0h2.119a.185.185 0 00.185-.185V9.006a.185.185 0 00-.184-.186h-2.12a.186.186 0 00-.186.186v1.887c0 .102.084.185.186.185m-2.92 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.082.185.185.185M23.763 9.89c-.065-.051-.672-.51-1.954-.51-.338.001-.676.03-1.01.087-.248-1.7-1.653-2.53-1.716-2.566l-.344-.199-.226.327c-.284.438-.49.922-.612 1.43-.23.97-.09 1.882.403 2.661-.595.332-1.55.413-1.744.42H.751a.751.751 0 00-.75.748 11.376 11.376 0 00.692 4.062c.545 1.428 1.355 2.48 2.41 3.124 1.18.723 3.1 1.137 5.275 1.137.983.003 1.963-.086 2.93-.266a12.248 12.248 0 003.823-1.389c.98-.567 1.86-1.288 2.61-2.136 1.252-1.418 1.998-2.997 2.553-4.4h.221c1.372 0 2.215-.549 2.68-1.009.309-.293.55-.65.707-1.046l.098-.288Z"/></svg>
\ No newline at end of file
diff --git a/static/img/emoji/javascript.svg b/static/img/emoji/javascript.svg
new file mode 100644
index 0000000..128bf52
--- /dev/null
+++ b/static/img/emoji/javascript.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" fill="#F7DF1E" xmlns="http://www.w3.org/2000/svg"><title>JavaScript</title><path d="M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z"/></svg>
\ No newline at end of file
diff --git a/static/img/emoji/nodedotjs.svg b/static/img/emoji/nodedotjs.svg
new file mode 100644
index 0000000..e3f5cf7
--- /dev/null
+++ b/static/img/emoji/nodedotjs.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" fill="#339933" xmlns="http://www.w3.org/2000/svg"><title>Node.js</title><path d="M11.998,24c-0.321,0-0.641-0.084-0.922-0.247l-2.936-1.737c-0.438-0.245-0.224-0.332-0.08-0.383 c0.585-0.203,0.703-0.25,1.328-0.604c0.065-0.037,0.151-0.023,0.218,0.017l2.256,1.339c0.082,0.045,0.197,0.045,0.272,0l8.795-5.076 c0.082-0.047,0.134-0.141,0.134-0.238V6.921c0-0.099-0.053-0.192-0.137-0.242l-8.791-5.072c-0.081-0.047-0.189-0.047-0.271,0 L3.075,6.68C2.99,6.729,2.936,6.825,2.936,6.921v10.15c0,0.097,0.054,0.189,0.139,0.235l2.409,1.392 c1.307,0.654,2.108-0.116,2.108-0.89V7.787c0-0.142,0.114-0.253,0.256-0.253h1.115c0.139,0,0.255,0.112,0.255,0.253v10.021 c0,1.745-0.95,2.745-2.604,2.745c-0.508,0-0.909,0-2.026-0.551L2.28,18.675c-0.57-0.329-0.922-0.945-0.922-1.604V6.921 c0-0.659,0.353-1.275,0.922-1.603l8.795-5.082c0.557-0.315,1.296-0.315,1.848,0l8.794,5.082c0.57,0.329,0.924,0.944,0.924,1.603 v10.15c0,0.659-0.354,1.273-0.924,1.604l-8.794,5.078C12.643,23.916,12.324,24,11.998,24z M19.099,13.993 c0-1.9-1.284-2.406-3.987-2.763c-2.731-0.361-3.009-0.548-3.009-1.187c0-0.528,0.235-1.233,2.258-1.233 c1.807,0,2.473,0.389,2.747,1.607c0.024,0.115,0.129,0.199,0.247,0.199h1.141c0.071,0,0.138-0.031,0.186-0.081 c0.048-0.054,0.074-0.123,0.067-0.196c-0.177-2.098-1.571-3.076-4.388-3.076c-2.508,0-4.004,1.058-4.004,2.833 c0,1.925,1.488,2.457,3.895,2.695c2.88,0.282,3.103,0.703,3.103,1.269c0,0.983-0.789,1.402-2.642,1.402 c-2.327,0-2.839-0.584-3.011-1.742c-0.02-0.124-0.126-0.215-0.253-0.215h-1.137c-0.141,0-0.254,0.112-0.254,0.253 c0,1.482,0.806,3.248,4.655,3.248C17.501,17.007,19.099,15.91,19.099,13.993z"/></svg>
\ No newline at end of file
diff --git a/static/img/emoji/svelte.svg b/static/img/emoji/svelte.svg
new file mode 100644
index 0000000..3d74d6a
--- /dev/null
+++ b/static/img/emoji/svelte.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" fill="#FF3E00" xmlns="http://www.w3.org/2000/svg"><title>Svelte</title><path d="M10.354 21.125a4.44 4.44 0 0 1-4.765-1.767 4.109 4.109 0 0 1-.703-3.107 3.898 3.898 0 0 1 .134-.522l.105-.321.287.21a7.21 7.21 0 0 0 2.186 1.092l.208.063-.02.208a1.253 1.253 0 0 0 .226.83 1.337 1.337 0 0 0 1.435.533 1.231 1.231 0 0 0 .343-.15l5.59-3.562a1.164 1.164 0 0 0 .524-.778 1.242 1.242 0 0 0-.211-.937 1.338 1.338 0 0 0-1.435-.533 1.23 1.23 0 0 0-.343.15l-2.133 1.36a4.078 4.078 0 0 1-1.135.499 4.44 4.44 0 0 1-4.765-1.766 4.108 4.108 0 0 1-.702-3.108 3.855 3.855 0 0 1 1.742-2.582l5.589-3.563a4.072 4.072 0 0 1 1.135-.499 4.44 4.44 0 0 1 4.765 1.767 4.109 4.109 0 0 1 .703 3.107 3.943 3.943 0 0 1-.134.522l-.105.321-.286-.21a7.204 7.204 0 0 0-2.187-1.093l-.208-.063.02-.207a1.255 1.255 0 0 0-.226-.831 1.337 1.337 0 0 0-1.435-.532 1.231 1.231 0 0 0-.343.15L8.62 9.368a1.162 1.162 0 0 0-.524.778 1.24 1.24 0 0 0 .211.937 1.338 1.338 0 0 0 1.435.533 1.235 1.235 0 0 0 .344-.151l2.132-1.36a4.067 4.067 0 0 1 1.135-.498 4.44 4.44 0 0 1 4.765 1.766 4.108 4.108 0 0 1 .702 3.108 3.857 3.857 0 0 1-1.742 2.583l-5.589 3.562a4.072 4.072 0 0 1-1.135.499m10.358-17.95C18.484-.015 14.082-.96 10.9 1.068L5.31 4.63a6.412 6.412 0 0 0-2.896 4.295 6.753 6.753 0 0 0 .666 4.336 6.43 6.43 0 0 0-.96 2.396 6.833 6.833 0 0 0 1.168 5.167c2.229 3.19 6.63 4.135 9.812 2.108l5.59-3.562a6.41 6.41 0 0 0 2.896-4.295 6.756 6.756 0 0 0-.665-4.336 6.429 6.429 0 0 0 .958-2.396 6.831 6.831 0 0 0-1.167-5.168Z"/></svg>
\ No newline at end of file
diff --git a/static/img/emoji/tailwindcss.svg b/static/img/emoji/tailwindcss.svg
new file mode 100644
index 0000000..9b913cd
--- /dev/null
+++ b/static/img/emoji/tailwindcss.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" fill="#06B6D4" xmlns="http://www.w3.org/2000/svg"><title>Tailwind CSS</title><path d="M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z"/></svg>
\ No newline at end of file
diff --git a/static/img/emoji/typescript.svg b/static/img/emoji/typescript.svg
new file mode 100644
index 0000000..8aceaad
--- /dev/null
+++ b/static/img/emoji/typescript.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" fill="#3178C6" xmlns="http://www.w3.org/2000/svg"><title>TypeScript</title><path d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z"/></svg>
\ No newline at end of file