diff --git a/bun.lockb b/bun.lockb
index be03a90..ceb0b22 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/src/app.css b/src/app.css
index efc5d02..e76c539 100644
--- a/src/app.css
+++ b/src/app.css
@@ -14,7 +14,7 @@ body {
 	font-style: normal;
 }
 
-//https://stackoverflow.com/questions/14068103/disable-antialising-when-scaling-images#14068216
+/* https://stackoverflow.com/questions/14068103/disable-antialising-when-scaling-images#14068216 */
 img {
 	image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED  */
 	image-rendering: -moz-crisp-edges; /* Firefox                        */
diff --git a/src/lib/components/Meta.svelte b/src/lib/components/Meta.svelte
new file mode 100644
index 0000000..0d9c2a0
--- /dev/null
+++ b/src/lib/components/Meta.svelte
@@ -0,0 +1,22 @@
+<script>
+	import { page } from '$app/stores';
+
+	export let title = '',
+		image = '',
+		descripton = '',
+		bigImage = '';
+</script>
+
+<svelte:head>
+	<title>{title}</title>
+	<meta property="og:title" content={title} />
+	{#if bigImage.length}
+		<meta property="twitter:card" content="summary_large_image" />
+		<meta property="og:image" content={$page.url.origin + bigImage} />
+	{:else}
+		<meta property="og:image" content={$page.url.origin + (image.length ? image : '/api/avatar')} />
+	{/if}
+	{#if descripton.length}
+		<meta property="og:description" content={descripton} />
+	{/if}
+</svelte:head>
diff --git a/src/lib/emojis.js b/src/lib/emojis.js
index f51e0b9..cb9352b 100644
--- a/src/lib/emojis.js
+++ b/src/lib/emojis.js
@@ -7,5 +7,9 @@ export default {
 	typescript: '/img/emoji/typescript.svg',
 	bun: '/img/emoji/bun.svg',
 	nodejs: '/img/emoji/nodedotjs.svg',
-	coolify: '/img/emoji/coolify.png'
+	coolify: '/img/emoji/coolify.png',
+	archlinux: '/img/emoji/archlinux.svg',
+	windows10: '/img/emoji/windows10.svg',
+	apple: '/img/emoji/apple.svg',
+	ubuntu: '/img/emoji/ubuntu.svg'
 };
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 1bfa647..01de0fc 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -4,25 +4,16 @@
 	import { page } from '$app/stores';
 	import { fade } from 'svelte/transition';
 
+	import config from '$lib/config';
+
 	import Header from '$lib/components/Header.svelte';
 	import Footer from '$lib/components/Footer.svelte';
-
-	let avatarApi = '';
-
-	page.subscribe((pg) => {
-		const url = new URL(pg.url);
-		url.pathname = '/api/avatar';
-		avatarApi = url.toString();
-	});
 </script>
 
 <svelte:head>
-	<link href="https://chadthundercock.com/@cirroskais" rel="me" />
-	<link rel="icon" type="image/png" href={avatarApi} />
-	<meta property="og:title" content={$page.data.discord.username} />
+	<link href={config.FEDIVERSE} rel="me" />
+	<link rel="icon" type="image/png" href={$page.url.origin + '/api/avatar'} />
 	<meta property="og:url" content={$page.url.toString()} />
-	<meta property="og:image" content={avatarApi} />
-	<meta property="og:description" content="snow leopard that likes computers." />
 	<meta property="og:site_name" content={$page.url.hostname} />
 	<meta name="theme-color" content="#c4bef3" />
 </svelte:head>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 6fcd8b5..e06b003 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,6 +2,7 @@
 	import { page } from '$app/stores';
 	import config from '$lib/config';
 
+	import Meta from '$lib/components/Meta.svelte';
 	import SocialIcon from '$lib/components/Home/SocialIcon.svelte';
 	import HeroContainer from '$lib/components/Home/HeroContainer.svelte';
 	import ImgButton from '$lib/components/Home/Button.svelte';
@@ -15,9 +16,7 @@
 	import Bluesky from '$lib/components/Icons/Bluesky.svelte';
 </script>
 
-<svelte:head>
-	<title>{$page.data.discord?.username}/home</title>
-</svelte:head>
+<Meta title="home · cirroskais" descripton="snow leopard that likes computers" />
 
 <div class="hero w-full h-[calc(100vh-5.125rem)] rounded-lg mx-auto my-auto">
 	<div class="flex p-4 h-full rounded-lg">
diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index f8cdb16..4028313 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -3,6 +3,7 @@
 	import { page } from '$app/stores';
 	import blog from '$lib/blog';
 
+	import Meta from '$lib/components/Meta.svelte';
 	import ListedPost from '$lib/components/Blog/ListedPost.svelte';
 	import Back from '$lib/components/Icons/Back.svelte';
 	import Next from '$lib/components/Icons/Next.svelte';
@@ -35,12 +36,10 @@
 	});
 </script>
 
-<svelte:head>
-	<title>{$page.data.discord?.username}/blog</title>
-</svelte:head>
+<Meta title="blog · cirroskais" descripton="the best blog ever" />
 
 <div class="flex flex-col w-full">
-	<div class="flex flex-col my-auto space-y-7">
+	<div class="flex flex-col my-auto space-y-2">
 		<div class="grid gap-2 md:grid-rows-8 md:grid-cols-2 2xl:grid-cols-4 2xl:grid-rows-4">
 			{#key posts}
 				{#each posts as post, i}
diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte
index 73a6f60..a48f5a8 100644
--- a/src/routes/blog/[slug]/+page.svelte
+++ b/src/routes/blog/[slug]/+page.svelte
@@ -1,4 +1,5 @@
 <script>
+	import { page } from '$app/stores';
 	import { onMount } from 'svelte';
 	import { fade } from 'svelte/transition';
 
@@ -10,6 +11,8 @@
 
 	export let data;
 
+	import Meta from '$lib/components/Meta.svelte';
+
 	let markdown = '';
 	let thisPost = blog.find((post) => post.slug === data.slug);
 
@@ -29,11 +32,13 @@
 	});
 </script>
 
+<Meta title="{thisPost?.title.toLowerCase()} · cirroskais" bigImage={thisPost?.image} />
+
 <div class="flex flex-col mx-auto space-y-2 max-w-[65ch]">
 	<div class="mx-auto w-full">
 		<div
 			class="h-[10rem] w-full rounded-lg aspect-video bg-gray-500/10"
-			style="background-image: url({thisPost?.image});   
+			style="background-image: url({thisPost?.image});
             background-repeat: repeat;
             background-size: cover;"
 		>
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
index 34965ab..1a9541f 100644
--- a/src/routes/projects/+page.svelte
+++ b/src/routes/projects/+page.svelte
@@ -1,10 +1,10 @@
 <script>
 	import { page } from '$app/stores';
+
+	import Meta from '$lib/components/Meta.svelte';
 </script>
 
-<svelte:head>
-	<title>{$page.data.discord?.username}/projects</title>
-</svelte:head>
+<Meta title="projects · cirroskais" descripton="all of my projects" />
 
 <div class="flex w-full h-[calc(100vh-5.125rem)]">
 	<p class="m-auto text-2xl italic text-neutral-700">
diff --git a/static/blog/hardware.md b/static/blog/hardware.md
index 213ee11..5b8c643 100644
--- a/static/blog/hardware.md
+++ b/static/blog/hardware.md
@@ -1 +1,28 @@
-There doesn't appear to be anything here yet...
+## My Devices
+
+I currently own/administrate 3 devices. Here's their specs.
+
+### :archlinux: :windows10: Desktop (cirro-desktop)
+
+- OS: Arch Linux / Windows 10
+- Shell: bash
+- WM: i3
+- Terminal: alacritty
+- CPU: Intel i5-10400F @ 4.300GHz
+- GPU: NVIDIA GeForce RTX 2070 SUPER
+- Memory: 16 GB
+
+### :apple: Laptop (cirro-laptop)
+
+- OS: macOS 12.7.3
+- Shell: zsh
+- CPU: Intel i5-5257U @ 2.700GHz
+- GPU: Intel Iris Graphics 6100
+- Memory: 8 GB
+
+### :ubuntu: Server (gungus)
+
+- OS: Ubuntu 22.04.4 LTS
+- CPU: Intel Xeon E-2288G @ 5.000GHz
+- GPU: None
+- Memory: 128 GB
diff --git a/static/img/emoji/apple.svg b/static/img/emoji/apple.svg
new file mode 100644
index 0000000..f1c559c
--- /dev/null
+++ b/static/img/emoji/apple.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" fill="#ffffff" xmlns="http://www.w3.org/2000/svg"><title>Apple</title><path d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"/></svg>
diff --git a/static/img/emoji/archlinux.svg b/static/img/emoji/archlinux.svg
new file mode 100644
index 0000000..d36e092
--- /dev/null
+++ b/static/img/emoji/archlinux.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" fill="#1793D1" xmlns="http://www.w3.org/2000/svg"><title>Arch Linux</title><path d="M11.39.605C10.376 3.092 9.764 4.72 8.635 7.132c.693.734 1.543 1.589 2.923 2.554-1.484-.61-2.496-1.224-3.252-1.86C6.86 10.842 4.596 15.138 0 23.395c3.612-2.085 6.412-3.37 9.021-3.862a6.61 6.61 0 01-.171-1.547l.003-.115c.058-2.315 1.261-4.095 2.687-3.973 1.426.12 2.534 2.096 2.478 4.409a6.52 6.52 0 01-.146 1.243c2.58.505 5.352 1.787 8.914 3.844-.702-1.293-1.33-2.459-1.929-3.57-.943-.73-1.926-1.682-3.933-2.713 1.38.359 2.367.772 3.137 1.234-6.09-11.334-6.582-12.84-8.67-17.74zM22.898 21.36v-.623h-.234v-.084h.562v.084h-.234v.623h.331v-.707h.142l.167.5.034.107a2.26 2.26 0 01.038-.114l.17-.493H24v.707h-.091v-.593l-.206.593h-.084l-.205-.602v.602h-.091"/></svg>
diff --git a/static/img/emoji/ubuntu.svg b/static/img/emoji/ubuntu.svg
new file mode 100644
index 0000000..296ed5b
--- /dev/null
+++ b/static/img/emoji/ubuntu.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" fill="#E95420" xmlns="http://www.w3.org/2000/svg"><title>Ubuntu</title><path d="M17.61.455a3.41 3.41 0 0 0-3.41 3.41 3.41 3.41 0 0 0 3.41 3.41 3.41 3.41 0 0 0 3.41-3.41 3.41 3.41 0 0 0-3.41-3.41zM12.92.8C8.923.777 5.137 2.941 3.148 6.451a4.5 4.5 0 0 1 .26-.007 4.92 4.92 0 0 1 2.585.737A8.316 8.316 0 0 1 12.688 3.6 4.944 4.944 0 0 1 13.723.834 11.008 11.008 0 0 0 12.92.8zm9.226 4.994a4.915 4.915 0 0 1-1.918 2.246 8.36 8.36 0 0 1-.273 8.303 4.89 4.89 0 0 1 1.632 2.54 11.156 11.156 0 0 0 .559-13.089zM3.41 7.932A3.41 3.41 0 0 0 0 11.342a3.41 3.41 0 0 0 3.41 3.409 3.41 3.41 0 0 0 3.41-3.41 3.41 3.41 0 0 0-3.41-3.41zm2.027 7.866a4.908 4.908 0 0 1-2.915.358 11.1 11.1 0 0 0 7.991 6.698 11.234 11.234 0 0 0 2.422.249 4.879 4.879 0 0 1-.999-2.85 8.484 8.484 0 0 1-.836-.136 8.304 8.304 0 0 1-5.663-4.32zm11.405.928a3.41 3.41 0 0 0-3.41 3.41 3.41 3.41 0 0 0 3.41 3.41 3.41 3.41 0 0 0 3.41-3.41 3.41 3.41 0 0 0-3.41-3.41z"/></svg>
diff --git a/static/img/emoji/windows10.svg b/static/img/emoji/windows10.svg
new file mode 100644
index 0000000..2458355
--- /dev/null
+++ b/static/img/emoji/windows10.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" fill="#0078D6" xmlns="http://www.w3.org/2000/svg"><title>Windows 10</title><path d="M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.9-1.801"/></svg>