From fe25efae96a7be16179fd6bbca6e31a3e0695dce Mon Sep 17 00:00:00 2001
From: Visual-Dawg <vdawg@tuta.io>
Date: Fri, 15 Mar 2024 11:46:29 -0700
Subject: [PATCH] update profile pictures (#53)

Also refactors to make future PRs easier
---
 src/content/profiles.json                    | 227 +++++++++++
 src/routes/home-slices/CommunitySlice.svelte | 393 +++----------------
 src/routes/home-slices/Types.ts              |  10 +
 static/imgs/chan/joy.svg                     | 239 +----------
 static/imgs/chan/surprise.svg                | 274 +------------
 static/imgs/chan/tongueout.svg               | 259 +-----------
 static/imgs/chan/wink.svg                    | 253 +-----------
 tailwind.config.js                           |   2 +-
 8 files changed, 293 insertions(+), 1364 deletions(-)
 create mode 100644 src/content/profiles.json
 create mode 100644 src/routes/home-slices/Types.ts

diff --git a/src/content/profiles.json b/src/content/profiles.json
new file mode 100644
index 0000000..3437887
--- /dev/null
+++ b/src/content/profiles.json
@@ -0,0 +1,227 @@
+[
+	{
+		"image": "https://cdn.discordapp.com/avatars/372809091208445953/a_33fd25e26c0ba17c05566bc3179c6476.gif",
+		"class": "outline-red-500",
+		"coordinates": [187, 296],
+		"size": 172
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/444952344308744203/9ee39cd422568dad9e70319df27b2560.webp",
+		"class": "outline-yellow-500",
+		"coordinates": [735, 441],
+		"size": 164
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/419880181101232129/2f57c8e5e681c5d8608d07c83053815f.webp",
+		"class": "outline-orange-500",
+		"coordinates": [391, 615],
+		"size": 149
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/378704069726044170/415dcb2ef8d1ef635e35e1d04d523cba.webp",
+		"class": "outline-amber-500",
+		"coordinates": [568, 594],
+		"size": 120
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/623781003382751243/95435efc86709ac7e347ca205bda665e.webp",
+		"class": "outline-orange-500",
+		"coordinates": [525, 764],
+		"size": 80
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/862314649307054080/2dd9cbd31f5c53811ece2f5abdeab2bf.webp",
+		"class": "outline-cyan-400",
+		"coordinates": [648, 709],
+		"size": 128
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/967764496527532083/5dc06d112653a529ecbae3b6f4225a93.webp",
+		"class": "outline-sky-500",
+		"coordinates": [53, 399],
+		"size": 75
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/163678036401586177/0930f3f6f0839b4f9c59846e185aa8ad.webp",
+		"class": "outline-yellow-500",
+		"coordinates": [24, 341],
+		"size": 49
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/223160360461402122/c6552a1c768613bffb83bf88e4ce2632.webp",
+		"class": "outline-red-500",
+		"coordinates": [47, 86],
+		"size": 48
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/979473046404476998/c9a4af31050a785d896f7880f9d268e3.webp",
+		"class": "outline-amber-500",
+		"coordinates": [1038, 446],
+		"size": 52
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/486802226577276929/4c1cd003e9c7b7c19a858b38cca7104a.webp",
+		"class": "outline-cyan-500",
+		"coordinates": [273, 760],
+		"size": 52,
+		"quote": "\"meds\""
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/837425748435796060/248cd938377647404e3d8d1c53b639cf.webp",
+		"class": "outline-orange-500",
+		"coordinates": [648, 364],
+		"size": 80
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/480024733535174668/5453c57e69ff16f495d8dcbd597070e9.webp",
+		"class": "outline-purple-500",
+		"coordinates": [772, 651],
+		"size": 62
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/544368824842190861/1fbf29ea7ca9c2109b97af2ede3806fa.webp",
+		"class": "outline-lime-500",
+		"coordinates": [736, 277],
+		"size": 101
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/344854021166727180/5c5daa4bc6b540eab0832da1ee5c2385.webp",
+		"class": "outline-yellow-500",
+		"coordinates": [898, 364],
+		"size": 68
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/579120037034721281/c7b4341806d515f5d92bb53e322a4728.webp",
+		"class": "outline-rose-500",
+		"coordinates": [887, 159],
+		"size": 39
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/246125351464337418/10c8bb5456d1ca1cebf2edff62b7001f.webp",
+		"class": "outline-amber-500",
+		"coordinates": [1023, 552],
+		"size": 48
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/143031299152674816/4a143f00b0e014e9c3da37cd8599b106.webp",
+		"class": "outline-pink-500",
+		"coordinates": [147, 553],
+		"size": 87
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/194157962498015232/ab11cc35bd9d057769254d1d3e29e468.webp",
+		"class": "outline-amber-500 ",
+		"coordinates": [65, 643],
+		"size": 74
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/482139697796349953/ce63690cf5adb8e096b4472bc0c175e8.webp",
+		"class": "outline-stone-500 ",
+		"coordinates": [263, 653],
+		"size": 65
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/273110996938260481/5d2ea7a0ad5a29e0de5b3918bfa82ab2.webp",
+		"class": "outline-yellow-500 bg-black ",
+		"coordinates": [893, 622],
+		"size": 80,
+		"quote": "\"piss blob\""
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/231040215085481984/7f378337240110b76e6e9baa31f83670.webp",
+		"class": "outline-amber-500",
+		"coordinates": [354, 798],
+		"size": 80
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/784153590595321876/04cbb92b7fe3fea8a6cdb4e2fd8562c5.webp",
+		"class": "outline-white",
+		"coordinates": [583, 824],
+		"size": 69,
+		"quote": "Perfect being"
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/408513270916579338/bac966d3bae8ad01546ee32584917be9.webp",
+		"class": "outline-rose-300",
+		"coordinates": [275, 844],
+		"size": 40
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/860670651026767942/7122b752fa6097472f8c76cc4458e33b.webp",
+		"class": "outline-orange-500",
+		"coordinates": [939, 552],
+		"size": 48
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/520860407720837131/3e73c777553fcd67f2f17bc119b79f15.webp",
+		"class": "outline-orange-500  ",
+		"coordinates": [458, 913],
+		"size": 35
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/390226958241366016/513b77487a9fa01b1256c4dc8e1b0c55.webp",
+		"class": "outline-blue-500  ",
+		"coordinates": [858, 707],
+		"size": 45
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/594256188422488069/1e532709dbd756c172c54add8536e558.webp",
+		"class": "outline-blue-500 bg-black ",
+		"coordinates": [8, 477],
+		"size": 54
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/531392146767347712/0b5e5671e7e8eb0e4f6ec547c686667b.webp",
+		"class": "outline-orange-500 bg-stone-800",
+		"coordinates": [950, 277],
+		"size": 47
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/194584980922433536/6e4d6f981d56356b9c913d2a4e0df126.webp",
+		"class": "outline-blue-500 bg-black ",
+		"coordinates": [69, 561],
+		"size": 54
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/561863734264594452/e9d1b128f8a32849ae4e2a0d86d16fdb.webp",
+		"class": "outline-orange-500 bg-black ",
+		"coordinates": [908, 463],
+		"size": 54
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/426690378830184448/09181b1b476f221b7850702158778c1a.webp",
+		"class": "outline-blue-500 bg-black ",
+		"coordinates": [823, 184],
+		"size": 44
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/219573494713810945/5202607a6cf5e34ed705308459d0115c.webp",
+		"class": "outline-stone-900 bg-black ",
+		"coordinates": [133, 493],
+		"size": 49
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/317785409763541002/3b62b9f9fd403e8d9f8a5175b90eae8f.webp",
+		"class": "outline-blue-500 bg-black ",
+		"coordinates": [119, 202],
+		"size": 49
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/465960044094160908/db149a0d49fd80cf7caf7cc2a637e084.webp",
+		"class": "outline-yellow-500 bg-black ",
+		"coordinates": [179, 671],
+		"size": 69
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/706672850907430942/9330c50f778f6d3776da15335dfb5b3f.webp",
+		"class": "outline-stone-500 bg-black ",
+		"coordinates": [771, 818],
+		"size": 49
+	},
+	{
+		"image": "https://cdn.discordapp.com/avatars/708440359587414067/2bcdf703f69ee35c4cf39b2a89c429e8.webp",
+		"class": "outline-lime-500 bg-black ",
+		"coordinates": [1018, 123],
+		"size": 28
+	}
+]
diff --git a/src/routes/home-slices/CommunitySlice.svelte b/src/routes/home-slices/CommunitySlice.svelte
index 7971dd4..bccda09 100644
--- a/src/routes/home-slices/CommunitySlice.svelte
+++ b/src/routes/home-slices/CommunitySlice.svelte
@@ -6,342 +6,23 @@
 	import Button from '$lib/components/Button.svelte'
 	import DiscordIcon from '~icons/prime/discord'
 	import DiscordProfilePicture from '$lib/components/DiscordProfilePicture.svelte'
-	import { setContext } from 'svelte'
+	import { onMount, setContext } from 'svelte'
 	import Title from '$lib/components/Title.svelte'
 	import background from '$lib/images/community-bg.webp'
 	import amongUsGreenImage from '$lib/images/amongus/green.webp'
 	import { discordLink } from '$lib/constants.mjs'
+	import profiles from '../../content/profiles.json'
 
 	let sectionElement
 	let isDraggingChan = false
 
-	// Okay everything multiplied by 24
 	const validSizes = [16, 20, 24, 32, 40, 48, 64, 80, 96, 100, 128, 160, 240, 320, 640]
 
-	/** @type {{image: string coordinates: [number, number] containerClass: string}[], size: number, quote?: string } */
-	const profiles = [
-		{
-			// vaxry
-			image:
-				'https://cdn.discordapp.com/avatars/372809091208445953/a_33fd25e26c0ba17c05566bc3179c6476.gif?size=48',
-			coordinates: [187, 296],
-			size: 172,
-			class: 'outline-red-500'
-		},
-		{
-			// fufexan
-			image:
-				'https://cdn.discordapp.com/avatars/444952344308744203/9ee39cd422568dad9e70319df27b2560.webp',
-			coordinates: [735, 441],
-			size: 164,
-			class: 'outline-yellow-500'
-		},
-		{
-			// notashelf
-			image:
-				'https://cdn.discordapp.com/avatars/419880181101232129/2f57c8e5e681c5d8608d07c83053815f.webp',
-			coordinates: [391, 615],
-			size: 149,
-			class: 'outline-orange-500'
-		},
-		{
-			// Mathisbuilder
-			image:
-				'https://cdn.discordapp.com/avatars/378704069726044170/415dcb2ef8d1ef635e35e1d04d523cba.webp',
-			coordinates: [568, 594],
-			size: 120,
-			class: 'outline-amber-500'
-		},
-		{
-			// dani_2048
-			image:
-				'https://cdn.discordapp.com/avatars/623781003382751243/abea149ded923e8f4cd6f56bff016368.webp',
-			coordinates: [525, 764],
-			size: 80,
-			class: 'outline-orange-500'
-		},
-		{
-			// end_4
-			image:
-				'https://cdn.discordapp.com/avatars/862314649307054080/2dd9cbd31f5c53811ece2f5abdeab2bf.webp',
-			coordinates: [648, 709],
-			size: 128,
-			class: 'outline-cyan-400'
-		},
-		{
-			// liquidovski
-			image:
-				'https://cdn.discordapp.com/avatars/283259320802476042/7aa4969a2ce25638da49b54dcd862a35.webp',
-			coordinates: [65, 208],
-			size: 100,
-			class: 'outline-lime-500'
-		},
-		{
-			// roasted.cheese
-			image:
-				'https://cdn.discordapp.com/avatars/967764496527532083/5dc06d112653a529ecbae3b6f4225a93.webp',
-			coordinates: [53, 399],
-			size: 75,
-			class: 'outline-sky-500'
-		},
-		{
-			// donnan
-			image:
-				'https://cdn.discordapp.com/avatars/163678036401586177/0930f3f6f0839b4f9c59846e185aa8ad.webp?size=128',
-			coordinates: [24, 341],
-			size: 49,
-			class: 'outline-yellow-500'
-		},
-		{
-			// captainiveau
-			image:
-				'https://cdn.discordapp.com/avatars/223160360461402122/c6552a1c768613bffb83bf88e4ce2632.webp?size=128',
-			coordinates: [47, 86],
-			size: 48,
-			class: 'outline-red-500'
-		},
-		{
-			// sioodmy
-			image:
-				'https://cdn.discordapp.com/avatars/979473046404476998/c9a4af31050a785d896f7880f9d268e3.webp',
-			coordinates: [1038, 446],
-			size: 52,
-			class: 'outline-amber-500'
-		},
-		{
-			image: '/imgs/profile_pictures/_anon.webp',
-			coordinates: [-85, 566],
-			size: 40,
-			class: 'outline-sky-500'
-		},
-		{
-			// Angry snow man
-			// psidotdiamparenthesis4pt5tol4poi
-			image:
-				'https://cdn.discordapp.com/avatars/486802226577276929/4c1cd003e9c7b7c19a858b38cca7104a.webp',
-			coordinates: [273, 760],
-			size: 52,
-			quote: '"meds"',
-			class: 'outline-cyan-500'
-		},
-		{
-			// outfoxxed
-			image:
-				'https://cdn.discordapp.com/avatars/837425748435796060/248cd938377647404e3d8d1c53b639cf.webp',
-			coordinates: [648, 364],
-			size: 80,
-			class: 'outline-orange-500'
-		},
-		{
-			// kirottum
-			image:
-				'https://cdn.discordapp.com/avatars/480024733535174668/5453c57e69ff16f495d8dcbd597070e9.webp',
-			coordinates: [772, 651],
-			size: 62,
-			class: 'outline-purple-500'
-		},
-		{
-			// beardwarrior
-			image:
-				'https://cdn.discordapp.com/avatars/544368824842190861/1fbf29ea7ca9c2109b97af2ede3806fa.webp',
-			coordinates: [736, 277],
-			size: 101,
-			class: 'outline-lime-500'
-		},
-		{
-			// heisfer
-			image:
-				'https://cdn.discordapp.com/avatars/344854021166727180/0c8dd04188df26093164406cc1367f58.webp',
-			coordinates: [898, 364],
-			size: 68,
-			class: 'outline-yellow-500'
-		},
-		{
-			image: amongUsGreenImage,
-			coordinates: [873, 224],
-			size: 79,
-			class: 'outline-green-500'
-		},
-		{
-			// SimplyKyle!
-			image:
-				'https://cdn.discordapp.com/avatars/579120037034721281/c7b4341806d515f5d92bb53e322a4728.webp',
-			coordinates: [887, 159],
-			size: 39,
-			class: 'outline-rose-500'
-		},
-		{
-			// thesuncat
-			image:
-				'https://cdn.discordapp.com/avatars/246125351464337418/10c8bb5456d1ca1cebf2edff62b7001f.webp',
-			coordinates: [1023, 552],
-			size: 48,
-			class: 'outline-amber-500'
-		},
-		{
-			// flafy
-			image:
-				'https://cdn.discordapp.com/avatars/143031299152674816/4a143f00b0e014e9c3da37cd8599b106.webp',
-			coordinates: [147, 553],
-			size: 87,
-			class: 'outline-pink-500'
-		},
-		{
-			// vagahbond
-			image:
-				'https://cdn.discordapp.com/avatars/194157962498015232/ab11cc35bd9d057769254d1d3e29e468.webp',
-			coordinates: [65, 643],
-			size: 74,
-			class: 'outline-amber-500 '
-		},
-		{
-			// flick0
-			image:
-				'https://cdn.discordapp.com/avatars/482139697796349953/ce63690cf5adb8e096b4472bc0c175e8.webp',
-			coordinates: [263, 653],
-			size: 65,
-			class: 'outline-stone-500 '
-		},
-		{
-			// jacekpoz
-			image: '/imgs/profile_pictures/jacekpoz.svg',
-			coordinates: [893, 622],
-			size: 80,
-			class: 'outline-yellow-500 bg-black ',
-			quote: '"piss blob"'
-		},
-		{
-			// aylur
-			image:
-				'https://cdn.discordapp.com/avatars/231040215085481984/7f378337240110b76e6e9baa31f83670.webp',
-			coordinates: [354, 798],
-			size: 80,
-			class: 'outline-amber-500'
-		},
-		{
-			// aleph.nought
-			image:
-				'https://cdn.discordapp.com/avatars/784153590595321876/04cbb92b7fe3fea8a6cdb4e2fd8562c5.webp',
-			coordinates: [583, 824],
-			size: 69,
-			class: 'outline-white',
-			quote: 'Perfect being'
-		},
-		{
-			// jappie3
-			image:
-				'https://cdn.discordapp.com/avatars/408513270916579338/bac966d3bae8ad01546ee32584917be9.webp',
-			coordinates: [275, 844],
-			size: 40,
-			class: 'outline-rose-300'
-		},
-		{
-			// nwg.piotr
-			image:
-				'https://cdn.discordapp.com/avatars/860670651026767942/7122b752fa6097472f8c76cc4458e33b.webp',
-			coordinates: [939, 552],
-			size: 48,
-			class: 'outline-orange-500'
-		},
-		{
-			// xsty_
-			image:
-				'https://cdn.discordapp.com/avatars/520860407720837131/3e73c777553fcd67f2f17bc119b79f15.webp',
-			coordinates: [458, 913],
-			size: 35,
-			class: 'outline-orange-500  '
-		},
-		{
-			// petingoso
-			image:
-				'https://cdn.discordapp.com/avatars/390226958241366016/513b77487a9fa01b1256c4dc8e1b0c55.webp',
-			coordinates: [858, 707],
-			size: 45,
-			class: 'outline-blue-500  '
-		},
-		{
-			// eriedaberrie
-			image:
-				'https://cdn.discordapp.com/avatars/594256188422488069/1e532709dbd756c172c54add8536e558.webp',
-			coordinates: [8, 477],
-			size: 54,
-			class: 'outline-blue-500 bg-black '
-		},
-		{
-			// errornointernet
-			image:
-				'https://cdn.discordapp.com/avatars/531392146767347712/0b5e5671e7e8eb0e4f6ec547c686667b.webp',
-			coordinates: [950, 277],
-			size: 47,
-			class: 'outline-orange-500 bg-stone-800'
-		},
-		{
-			// kosslan
-			image:
-				'https://cdn.discordapp.com/avatars/194584980922433536/7bb58205667ad9a6bf2791b59b32c109.webp',
-			coordinates: [69, 561],
-			size: 54,
-			class: 'outline-blue-500 bg-black '
-		},
-		{
-			// lassebq
-			image:
-				'https://cdn.discordapp.com/avatars/561863734264594452/e9d1b128f8a32849ae4e2a0d86d16fdb.webp',
-			coordinates: [908, 463],
-			size: 54,
-			class: 'outline-orange-500 bg-black '
-		},
-		{
-			// poutineburgerman
-			image:
-				'https://cdn.discordapp.com/avatars/426690378830184448/09181b1b476f221b7850702158778c1a.webp',
-			coordinates: [823, 184],
-			size: 44,
-			class: 'outline-blue-500 bg-black '
-		},
-		{
-			// visualdawg
-			image:
-				'https://cdn.discordapp.com/avatars/219573494713810945/5202607a6cf5e34ed705308459d0115c.webp',
-			coordinates: [133, 493],
-			size: 49,
-			class: 'outline-stone-900 bg-black '
-		},
-		{
-			// wickedlyhost
-			image:
-				'https://cdn.discordapp.com/avatars/317785409763541002/279527807f4263888fa75b2d7e68daf7.webp',
-			coordinates: [119, 202],
-			size: 49,
-			class: 'outline-blue-500 bg-black '
-		},
-		{
-			// yavko
-			image:
-				'https://cdn.discordapp.com/guilds/961691461554950145/users/465960044094160908/avatars/11672d8e456e31a85a3d89b31fff913b.webp',
-			coordinates: [179, 671],
-			size: 69,
-			class: 'outline-yellow-500 bg-black '
-		},
-		{
-			// mcgoth
-			image:
-				'https://cdn.discordapp.com/avatars/706672850907430942/9330c50f778f6d3776da15335dfb5b3f.webp',
-			coordinates: [771, 818],
-			size: 49,
-			class: 'outline-stone-500 bg-black '
-		},
-		{
-			// brainless.bitch
-			image:
-				'https://cdn.discordapp.com/avatars/708440359587414067/2bcdf703f69ee35c4cf39b2a89c429e8.webp',
-			coordinates: [1018, 123],
-			size: 28,
-			class: 'outline-lime-500 bg-black '
-		},
+	/** @type {Promise<import('./Types').CommunityProfile[]>}*/
+	let allProfilesPromise = new Promise(() => {})
 
-		//
-		// Extras
+	/** @type {import('./Types').CommunityProfile[]} */
+	const extraProfiles = [
 		{
 			image: 'imgs/chan/joy.svg',
 			coordinates: [284, 533],
@@ -358,6 +39,20 @@
 			onHover: ({ detail: { srcElement } }) =>
 				!isDraggingChan && (srcElement.src = 'imgs/chan/wink.svg')
 		},
+		{
+			// jacekpoz
+			image: '/imgs/profile_pictures/jacekpoz.svg',
+			coordinates: [893, 622],
+			size: 80,
+			class: 'outline-yellow-500 bg-black ',
+			quote: '"piss blob"'
+		},
+		{
+			image: amongUsGreenImage,
+			coordinates: [873, 224],
+			size: 79,
+			class: 'outline-green-500'
+		},
 		{
 			image: '/imgs/profile_pictures/chan_1.webp',
 			coordinates: [91, 799],
@@ -375,14 +70,14 @@
 			coordinates: [1000, 744],
 			size: 32,
 			class: 'outline-cyan-500'
+		},
+		{
+			image: '/imgs/profile_pictures/_anon.webp',
+			coordinates: [-85, 566],
+			size: 40,
+			class: 'outline-sky-500'
 		}
 	]
-		.map(({ image, size, ...profile }) => ({
-			...profile,
-			size,
-			image: image + '?size=' + validSizes.find((_, index) => size <= validSizes[index])
-		}))
-		.sort(({ size: a }, { size: b }) => b - a)
 
 	setContext(contextId, {
 		biggestSize: profiles.reduce(
@@ -395,6 +90,18 @@
 		),
 		getSectionElement: () => sectionElement
 	})
+
+	onMount(() => {
+		allProfilesPromise = import('../../content/profiles.json').then(({ default: profiles }) => {
+			return [...profiles, ...extraProfiles]
+				.map(({ image, size, ...profile }) => ({
+					...profile,
+					size,
+					image: image + '?size=' + validSizes.find((_, index) => size <= validSizes[index])
+				}))
+				.sort(({ size: a }, { size: b }) => b - a)
+		})
+	})
 </script>
 
 <section
@@ -425,18 +132,20 @@
 		</a>
 	</div>
 
-	<div class="absolute w-[1024px] select-none">
-		<div class="flex h-full origin-bottom-right select-none flex-wrap gap-4">
-			{#each profiles as { onDragEnd, onDragStart, onHover, ...props }}
-				<DiscordProfilePicture
-					{...props}
-					on:dragStart={onDragStart}
-					on:dragEnd={onDragEnd}
-					on:hover={onHover}
-				/>
-			{/each}
+	{#await allProfilesPromise then allProfiles}
+		<div class="absolute w-[1024px] select-none">
+			<div class="flex h-full origin-bottom-right select-none flex-wrap gap-4">
+				{#each allProfiles as { onDragEnd, onDragStart, onHover, ...props }}
+					<DiscordProfilePicture
+						{...props}
+						on:dragStart={onDragStart}
+						on:dragEnd={onDragEnd}
+						on:hover={onHover}
+					/>
+				{/each}
+			</div>
 		</div>
-	</div>
+	{/await}
 	<img
 		src={background}
 		class="absolute top-0 -z-10 min-w-[1400px] select-none"
diff --git a/src/routes/home-slices/Types.ts b/src/routes/home-slices/Types.ts
new file mode 100644
index 0000000..323c994
--- /dev/null
+++ b/src/routes/home-slices/Types.ts
@@ -0,0 +1,10 @@
+export interface CommunityProfile {
+	image: string
+	coordinates: [number, number]
+	containerClass: string[]
+	size: number
+	quote?: string
+	onDragStart?: (event: DragEvent) => void
+	onDragEnd?: (event: DragEvent) => void
+	onHover?: (event: MouseEvent) => void
+}
diff --git a/static/imgs/chan/joy.svg b/static/imgs/chan/joy.svg
index 9afc278..fdaa6e7 100755
--- a/static/imgs/chan/joy.svg
+++ b/static/imgs/chan/joy.svg
@@ -1,238 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="55.195702mm"
-   height="50.226509mm"
-   viewBox="0 0 55.195702 50.226509"
-   version="1.1"
-   id="svg1"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
-   sodipodi:docname="joy.svg"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="mm"
-     inkscape:zoom="3.8075125"
-     inkscape:cx="89.165828"
-     inkscape:cy="109.25769"
-     inkscape:window-width="1920"
-     inkscape:window-height="1080"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1" />
-  <defs
-     id="defs1">
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter51-5"
-       x="-0.037558171"
-       y="-0.041991195"
-       width="1.0751161"
-       height="1.0839849">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.24405608"
-         id="feGaussianBlur51-9" />
-    </filter>
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter53-0"
-       x="-0.076547285"
-       y="-0.064526052"
-       width="1.1531256"
-       height="1.13197">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.24405608"
-         id="feGaussianBlur53-9" />
-    </filter>
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter52-4"
-       x="-0.14455578"
-       y="-0.11419457"
-       width="1.2901799"
-       height="1.2301751">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.24405608"
-         id="feGaussianBlur52-9" />
-    </filter>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient25"
-       id="linearGradient56"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0833182,0.17840957,-0.17840957,1.0833182,68.1168,-12.027181)"
-       x1="37.503448"
-       y1="64.628593"
-       x2="37.693779"
-       y2="57.443047" />
-    <linearGradient
-       id="linearGradient25"
-       inkscape:collect="always">
-      <stop
-         style="stop-color:#0060f2;stop-opacity:1;"
-         offset="0"
-         id="stop25" />
-      <stop
-         style="stop-color:#2be7ff;stop-opacity:1;"
-         offset="1"
-         id="stop26" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient25"
-       id="linearGradient57"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.96177466,-0.105551,0.105551,0.96177466,80.033249,4.0461172)"
-       x1="37.503448"
-       y1="64.628593"
-       x2="37.693779"
-       y2="57.443047" />
-  </defs>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-74.540718,-71.13755)">
-    <g
-       id="g96"
-       transform="translate(-4.6428008,40.58543)">
-      <path
-         style="fill:#00ffff;fill-opacity:1;stroke:#4cb6ff;stroke-width:2.685;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter51-5)"
-         d="m 81.111729,67.225617 c 0,0 1.8504,10.984846 22.469961,11.168349 26.69842,0.237603 28.86933,-14.022575 28.86933,-14.022575 0,0 -3.57314,1.720542 -4.0421,0.903392 0,0 4.01112,-5.016688 2.87298,-11.259163 0,0 -0.63553,2.702598 -3.42379,0.894575 0,0 1.25012,-2.589896 -3.30432,-5.994584 0,0 6.92504,-9.239836 -4.54348,-16.435394 0,0 1.47325,8.830328 -12.79879,8.687801 0,0 -8.28178,0.362869 -13.120501,6.265933 0,0 0.540185,-0.517891 -0.965062,-2.011337 0,0 -4.953283,2.731414 -1.9964,7.330799 -0.105743,-0.156986 -0.868322,-0.319905 -1.888088,0.963288 -1.019766,1.283193 -1.546939,4.720444 -5.135824,2.132322 -0.125961,-0.110312 -5.464383,10.905512 5.046487,13.691904 0,0 -3.181314,-2.134582 -8.040403,-2.315315 z"
-         id="path42-5"
-         sodipodi:nodetypes="cscccccccccczcccc" />
-      <path
-         style="fill:#00ffff;fill-opacity:1;stroke:#4cb6ff;stroke-width:2.685;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter53-0)"
-         d="M 110.71618,78.763355 C 96.972001,72.898082 95.430152,62.93072 95.430152,62.93072 c 0,0 -0.461566,-13.776977 14.899308,-14.045396 15.36087,-0.268419 8.9726,19.798029 8.9726,19.798029 0,0 -2.94074,8.304227 -8.58588,10.080002 z"
-         id="path44-7" />
-      <g
-         id="g90">
-        <path
-           style="fill:#00ffff;fill-opacity:1;stroke:#4cb6ff;stroke-width:2.685;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter52-4)"
-           d="m 115.08629,62.972525 c 0,0 -5.09148,4.033305 1.91508,7.23519 3.75023,1.713795 3.32631,5.807283 -0.15425,5.68464 0,0 12.79178,3.464984 9.02073,-11.432942 -2.31599,-9.149592 -8.64586,-3.296421 -10.78155,-1.486888 z"
-           id="path43-9"
-           sodipodi:nodetypes="cscscc" />
-        <path
-           style="display:inline;fill:#1be449;fill-opacity:1;stroke:#010000;stroke-width:1.18533;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 81.111729,67.225617 c 0,0 1.8504,10.984846 22.469961,11.168349 26.69842,0.237603 28.86933,-14.022575 28.86933,-14.022575 0,0 -3.57314,1.720542 -4.0421,0.903392 0,0 4.01112,-5.016688 2.87298,-11.259163 0,0 -0.63553,2.702598 -3.42379,0.894575 0,0 1.25012,-2.589896 -3.30432,-5.994584 0,0 6.92504,-9.239836 -4.54348,-16.435394 0,0 1.47325,8.830328 -12.79879,8.687801 0,0 -8.28178,0.362869 -13.120501,6.265933 0,0 0.540185,-0.517891 -0.965062,-2.011337 0,0 -4.953283,2.731414 -1.9964,7.330799 -0.105743,-0.156986 -0.868322,-0.319905 -1.888088,0.963288 -1.019766,1.283193 -1.546939,4.720444 -5.135824,2.132322 -0.125961,-0.110312 -5.464383,10.905512 5.046487,13.691904 0,0 -3.181314,-2.134582 -8.040403,-2.315315 z"
-           id="path22-2-7"
-           sodipodi:nodetypes="cscccccccccczcccc" />
-        <path
-           style="display:inline;fill:#1be449;fill-opacity:1;stroke:#010000;stroke-width:1.18533;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-           d="m 115.08629,62.972525 c 0,0 -5.09148,4.033305 1.91508,7.23519 3.75023,1.713795 3.32631,5.807283 -0.15425,5.68464 0,0 12.79178,3.464984 9.02073,-11.432942 -2.31599,-9.149592 -8.64586,-3.296421 -10.78155,-1.486888 z"
-           id="path24-5-8-6"
-           sodipodi:nodetypes="cscscc" />
-        <path
-           style="display:inline;fill:#1be449;fill-opacity:1;stroke:#010000;stroke-width:1.18533;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-           d="M 110.71618,78.763355 C 96.972001,72.898082 95.430152,62.93072 95.430152,62.93072 c 0,0 -0.461566,-13.776977 14.899308,-14.045396 15.36087,-0.268419 8.9726,19.798029 8.9726,19.798029 0,0 -2.94074,8.304227 -8.58588,10.080002 z"
-           id="path21-9-7" />
-        <path
-           style="fill:#157def;fill-opacity:1;stroke:none;stroke-width:0.245146px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-           d="m 81.11173,67.225615 c 0,0 1.8504,10.984846 22.46996,11.168349 26.69842,0.237603 28.86933,-14.022575 28.86933,-14.022575 0,0 -3.57314,1.720542 -4.0421,0.903392 0,0 4.01112,-5.016688 2.87298,-11.259163 0,0 -0.63553,2.702598 -3.42379,0.894575 0,0 1.25012,-2.589896 -3.30432,-5.994584 0,0 6.92504,-9.239836 -4.54348,-16.435394 0,0 1.47325,8.830328 -12.79879,8.687801 0,0 -8.281779,0.362869 -13.1205,6.265933 0,0 0.540185,-0.517891 -0.965062,-2.011337 0,0 -4.953283,2.731414 -1.9964,7.330799 -0.105743,-0.156986 -0.868322,-0.319905 -1.888088,0.963288 -1.019766,1.283193 -1.546939,4.720444 -5.135824,2.132322 -0.125961,-0.110312 -5.464383,10.905512 5.046487,13.691904 0,0 -3.181314,-2.134582 -8.040403,-2.315315 z"
-           id="path22-3"
-           sodipodi:nodetypes="cscccccccccczcccc" />
-        <path
-           style="fill:#1bf4ff;fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 115.34887,63.23803 c 0,0 -5.09148,4.033305 1.91508,7.23519 3.75023,1.713795 3.32632,5.807283 -0.15425,5.68464 0,0 12.79178,3.464984 9.02073,-11.432942 -2.31599,-9.149592 -8.64586,-3.296421 -10.78155,-1.486888 z"
-           id="path24-5-6"
-           sodipodi:nodetypes="cscscc" />
-        <path
-           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.3;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-           d="M 110.71618,78.763355 C 96.972002,72.898082 95.430153,62.93072 95.430153,62.93072 c 0,0 -0.461566,-13.776977 14.899307,-14.045396 15.36087,-0.268419 8.9726,19.798029 8.9726,19.798029 0,0 -2.94074,8.304227 -8.58588,10.080002 z"
-           id="path21-5" />
-        <path
-           style="fill:#1bf4ff;fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 94.864951,62.718752 c 0,0 -6.320233,2.122207 -0.752747,7.446399 4.633073,4.430612 -0.162964,5.652016 -1.920412,5.150286 0,0 11.625128,7.524499 11.386268,-6.478142 -0.16097,-9.436787 -6.077342,-7.061045 -8.713109,-6.118543 z m 3.042093,2.162416"
-           id="path24-6"
-           sodipodi:nodetypes="cscsc" />
-        <path
-           style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 110.83863,69.794932 0.89836,-0.898366 0.79635,0.855326"
-           id="path34-4"
-           sodipodi:nodetypes="ccc" />
-        <path
-           style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 106.62892,66.290836 -1.29819,-0.738089"
-           id="path35-8"
-           sodipodi:nodetypes="cc" />
-        <path
-           style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 106.02809,67.320816 -1.14337,0.4605"
-           id="path36-1"
-           sodipodi:nodetypes="cc" />
-        <path
-           style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 116.16865,66.597072 1.49301,-0.792762"
-           id="path37-2"
-           sodipodi:nodetypes="cc" />
-        <path
-           style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 116.58443,67.797154 1.19919,0.616066"
-           id="path38-9"
-           sodipodi:nodetypes="cc" />
-        <path
-           style="fill:#157def;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-           d="m 94.864951,62.718752 c 0,0 8.998139,3.357621 13.917659,-6.560232 0,0 2.97765,2.701407 0.87848,6.584832 0,0 12.00032,-5.847747 6.7862,-14.490444 0,0 -2.84881,11.315605 4.54277,13.632726 9.22397,2.891542 -1.1854,-15.659935 -1.39291,-15.6744 0,0 -29.798339,-7.904202 -24.978713,13.247126"
-           id="path23-9"
-           sodipodi:nodetypes="ccccscc" />
-        <path
-           style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.533;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-           d="m 97.720105,57.862129 c 0,0 -2.461542,1.806323 -2.436221,4.10365 0.02532,2.297315 4.324952,2.848845 4.745686,0.537049 0.42075,-2.311795 -0.745544,-4.45118 -0.745544,-4.45118"
-           id="path25-2-9-08"
-           sodipodi:nodetypes="cssc" />
-        <path
-           style="fill:none;fill-opacity:1;stroke:url(#linearGradient56);stroke-width:1.32444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none"
-           d="m 97.717092,57.867528 c 0,0 -2.461542,1.806322 -2.436221,4.10365 0.02532,2.297314 4.324953,2.848844 4.745689,0.537048 0.42075,-2.311795 -0.745547,-4.45118 -0.745547,-4.45118"
-           id="path25-2-8"
-           sodipodi:nodetypes="cssc" />
-        <path
-           style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.23256;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-           d="m 121.73718,56.341676 c 0,0 -1.66073,2.117 -1.09429,4.060825 0.56644,1.943812 4.34653,1.392001 4.15524,-0.669913 -0.19128,-2.061915 -1.68864,-3.601038 -1.68864,-3.601038"
-           id="path25-2-9-0-5"
-           sodipodi:nodetypes="cssc" />
-        <path
-           style="fill:none;fill-opacity:1;stroke:url(#linearGradient57);stroke-width:1.16718;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none"
-           d="m 121.7359,56.346973 c 0,0 -1.66073,2.116998 -1.09429,4.060824 0.56644,1.943812 4.34653,1.392 4.15524,-0.669913 -0.19127,-2.061915 -1.68863,-3.601038 -1.68863,-3.601038"
-           id="path25-2-2-0"
-           sodipodi:nodetypes="cssc" />
-        <path
-           style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 108.11348,73.834367 c 0,0 3.57824,-1.023997 6.06449,0.05696 0,0 -1.96202,2.805521 -3.06241,2.739971 -1.1004,-0.06555 -2.91441,-1.611065 -3.00208,-2.796931 z"
-           id="path60"
-           sodipodi:nodetypes="ccsc" />
-        <path
-           style="fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-           d="m 107.37273,72.677535 c -0.0617,-0.07068 4.1901,-1.67498 7.3397,-0.0547 0.25432,0.167151 -1.9285,4.053852 -3.59687,4.008463 -1.88117,-0.05117 -4.03008,-3.679411 -3.74283,-3.953763 z"
-           id="path59"
-           sodipodi:nodetypes="ccsc" />
-        <path
-           style="fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-           d="m 106.02809,67.320815 c 0,0 2.10194,-2.8531 4.7869,-0.930791"
-           id="path61" />
-      </g>
-      <path
-         style="fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 116.58443,67.797152 c 0,0 -1.16832,-2.913599 -3.2849,-1.299353"
-         id="path62" />
-    </g>
-  </g>
-</svg>
+<svg width="208.614" height="189.832" viewBox="0 0 55.196 50.227" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient xlink:href="#prefix__a" id="prefix__e" gradientUnits="userSpaceOnUse" gradientTransform="rotate(9.352 107.578 410.384) scale(1.09791)" x1="37.503" y1="64.629" x2="37.694" y2="57.443"/><linearGradient id="prefix__a"><stop offset="0" stop-color="#0060f2"/><stop offset="1" stop-color="#2be7ff"/></linearGradient><linearGradient xlink:href="#prefix__a" id="prefix__f" gradientUnits="userSpaceOnUse" gradientTransform="rotate(-6.263 77 -729.424) scale(.96755)" x1="37.503" y1="64.629" x2="37.694" y2="57.443"/><filter id="prefix__b" x="-.038" y="-.042" width="1.075" height="1.084" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".244"/></filter><filter id="prefix__c" x="-.077" y="-.065" width="1.153" height="1.132" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".244"/></filter><filter id="prefix__d" x="-.145" y="-.114" width="1.29" height="1.23" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".244"/></filter></defs><path d="M81.112 67.226s1.85 10.984 22.47 11.168c26.698.238 28.869-14.023 28.869-14.023s-3.573 1.72-4.042.904c0 0 4.011-5.017 2.873-11.26 0 0-.636 2.703-3.424.895 0 0 1.25-2.59-3.304-5.994 0 0 6.925-9.24-4.544-16.436 0 0 1.474 8.83-12.798 8.688 0 0-8.282.363-13.121 6.266 0 0 .54-.518-.965-2.011 0 0-4.953 2.731-1.996 7.33-.106-.157-.869-.32-1.889.964-1.02 1.283-1.546 4.72-5.135 2.132-.126-.11-5.465 10.906 5.046 13.692 0 0-3.181-2.135-8.04-2.315z" fill="#0ff" stroke="#4cb6ff" stroke-width="2.685" stroke-linejoin="round" filter="url(#prefix__b)" transform="translate(-79.184 -30.552)"/><path d="M110.716 78.763C96.972 72.898 95.43 62.931 95.43 62.931s-.461-13.777 14.9-14.046c15.36-.268 8.972 19.798 8.972 19.798s-2.94 8.305-8.586 10.08z" fill="#0ff" stroke="#4cb6ff" stroke-width="2.685" filter="url(#prefix__c)" transform="translate(-79.184 -30.552)"/><path d="M115.086 62.973s-5.091 4.033 1.915 7.235c3.75 1.714 3.327 5.807-.154 5.684 0 0 12.792 3.465 9.02-11.433-2.315-9.15-8.645-3.296-10.78-1.486z" fill="#0ff" stroke="#4cb6ff" stroke-width="2.685" filter="url(#prefix__d)" transform="translate(-79.184 -30.552)"/><path d="M1.928 36.673s1.85 10.985 22.47 11.169c26.699.237 28.87-14.023 28.87-14.023s-3.574 1.72-4.043.904c0 0 4.012-5.017 2.873-11.26 0 0-.635 2.703-3.423.895 0 0 1.25-2.59-3.305-5.995 0 0 6.925-9.24-4.543-16.435 0 0 1.473 8.83-12.799 8.688 0 0-8.282.363-13.12 6.266 0 0 .54-.518-.966-2.012 0 0-4.953 2.732-1.996 7.331-.106-.157-.868-.32-1.888.964-1.02 1.283-1.547 4.72-5.136 2.132-.126-.11-5.464 10.905 5.047 13.692 0 0-3.182-2.135-8.04-2.316z" fill="#1be449" stroke="#010000" stroke-width="1.185" stroke-linejoin="round"/><path d="M35.903 32.42s-5.092 4.034 1.915 7.236c3.75 1.713 3.326 5.807-.154 5.684 0 0 12.791 3.465 9.02-11.433-2.316-9.15-8.646-3.296-10.781-1.487z" fill="#1be449" stroke="#010000" stroke-width="1.185"/><path d="M31.533 48.211C17.788 42.346 16.247 32.38 16.247 32.38s-.462-13.777 14.899-14.046c15.36-.268 8.973 19.798 8.973 19.798s-2.941 8.304-8.586 10.08z" fill="#1be449" stroke="#010000" stroke-width="1.185"/><path d="M1.928 36.673s1.85 10.985 22.47 11.169c26.699.237 28.87-14.023 28.87-14.023s-3.574 1.72-4.043.904c0 0 4.012-5.017 2.873-11.26 0 0-.635 2.703-3.423.895 0 0 1.25-2.59-3.305-5.995 0 0 6.925-9.24-4.543-16.435 0 0 1.473 8.83-12.799 8.688 0 0-8.282.363-13.12 6.266 0 0 .54-.518-.966-2.012 0 0-4.953 2.732-1.996 7.331-.106-.157-.868-.32-1.888.964-1.02 1.283-1.547 4.72-5.136 2.132-.126-.11-5.464 10.905 5.047 13.692 0 0-3.182-2.135-8.04-2.316z" fill="#157def"/><path d="M36.165 32.686s-5.091 4.033 1.915 7.235c3.75 1.714 3.327 5.807-.154 5.685 0 0 12.792 3.465 9.02-11.433-2.315-9.15-8.645-3.297-10.78-1.487z" fill="#1bf4ff" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M31.533 48.211C17.788 42.346 16.247 32.38 16.247 32.38s-.462-13.777 14.899-14.046c15.36-.268 8.973 19.798 8.973 19.798s-2.941 8.304-8.586 10.08z" fill="#fff"/><path d="M15.681 32.167s-6.32 2.122-.752 7.446c4.633 4.43-.163 5.652-1.92 5.15 0 0 11.624 7.525 11.386-6.478-.161-9.437-6.078-7.06-8.714-6.118zm3.043 2.162" fill="#1bf4ff" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M31.655 39.243l.898-.899.797.856M27.445 35.739L26.147 35M26.845 36.769l-1.144.46M36.985 36.045l1.493-.793M37.4 37.245l1.2.616" fill="none" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.681 32.167s8.999 3.357 13.918-6.56c0 0 2.978 2.7.879 6.584 0 0 12-5.848 6.786-14.49 0 0-2.849 11.315 4.543 13.633 9.224 2.891-1.186-15.66-1.393-15.675 0 0-29.799-7.904-24.98 13.247" fill="#157def"/><path d="M18.537 27.31s-2.462 1.806-2.437 4.104c.026 2.297 4.325 2.849 4.746.537.42-2.312-.745-4.451-.745-4.451" fill="none" stroke="#000" stroke-width="2.533" stroke-linecap="round"/><path d="M97.717 57.868s-2.461 1.806-2.436 4.103c.025 2.297 4.325 2.849 4.746.537.42-2.312-.746-4.451-.746-4.451" fill="none" stroke="url(#prefix__e)" stroke-width="1.324" stroke-linecap="round" transform="translate(-79.184 -30.552)"/><path d="M42.554 25.79s-1.661 2.117-1.095 4.06c.567 1.944 4.347 1.392 4.156-.67-.192-2.061-1.689-3.6-1.689-3.6" fill="none" stroke="#000" stroke-width="2.233" stroke-linecap="round"/><path d="M121.736 56.347s-1.66 2.117-1.094 4.06c.566 1.945 4.346 1.393 4.155-.67-.191-2.061-1.689-3.6-1.689-3.6" fill="none" stroke="url(#prefix__f)" stroke-width="1.167" stroke-linecap="round" transform="translate(-79.184 -30.552)"/><path d="M28.93 43.282s3.578-1.024 6.064.057c0 0-1.962 2.806-3.062 2.74-1.1-.065-2.914-1.61-3.002-2.797z" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.19 42.125c-.062-.07 4.19-1.675 7.339-.054.254.167-1.929 4.054-3.597 4.008-1.881-.051-4.03-3.68-3.743-3.954z" fill="none" stroke="#000" stroke-width=".661"/><path d="M26.845 36.769s2.102-2.853 4.786-.931M37.4 37.245s-1.167-2.914-3.284-1.3" fill="none" stroke="#000" stroke-width=".661" stroke-linecap="round"/></svg>
\ No newline at end of file
diff --git a/static/imgs/chan/surprise.svg b/static/imgs/chan/surprise.svg
index 9f6317b..a09bcad 100755
--- a/static/imgs/chan/surprise.svg
+++ b/static/imgs/chan/surprise.svg
@@ -1,273 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="55.195705mm"
-   height="50.226509mm"
-   viewBox="0 0 55.195706 50.226509"
-   version="1.1"
-   id="svg1"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
-   sodipodi:docname="surprise.svg"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="mm"
-     inkscape:zoom="3.8075125"
-     inkscape:cx="89.297147"
-     inkscape:cy="109.78296"
-     inkscape:window-width="1920"
-     inkscape:window-height="1080"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1" />
-  <defs
-     id="defs1">
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter51"
-       x="-0.037558168"
-       y="-0.041991194"
-       width="1.0751161"
-       height="1.0839849">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.24405608"
-         id="feGaussianBlur51" />
-    </filter>
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter52"
-       x="-0.14455576"
-       y="-0.11419457"
-       width="1.2901799"
-       height="1.2301751">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.24405608"
-         id="feGaussianBlur52" />
-    </filter>
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter53"
-       x="-0.07654728"
-       y="-0.064526052"
-       width="1.1531256"
-       height="1.13197">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.24405608"
-         id="feGaussianBlur53" />
-    </filter>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient31"
-       id="linearGradient32"
-       x1="77.300636"
-       y1="39.613533"
-       x2="77.300636"
-       y2="39.616539"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0015904,0,0,0.95874731,-43.068978,0.94362174)" />
-    <linearGradient
-       id="linearGradient31"
-       inkscape:collect="always">
-      <stop
-         style="stop-color:#3992f3;stop-opacity:1;"
-         offset="0"
-         id="stop31" />
-      <stop
-         style="stop-color:#1bf4ff;stop-opacity:1;"
-         offset="1"
-         id="stop32" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient31"
-       id="linearGradient34"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0015904,0,0,0.95874731,-42.580495,0.94362174)"
-       x1="77.300636"
-       y1="39.613533"
-       x2="77.300636"
-       y2="39.616539" />
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient25"
-       id="linearGradient26"
-       x1="37.503448"
-       y1="64.628593"
-       x2="37.693779"
-       y2="57.443047"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0833182,0.17840957,-0.17840957,1.0833182,-5.2481461,-38.336674)" />
-    <linearGradient
-       id="linearGradient25"
-       inkscape:collect="always">
-      <stop
-         style="stop-color:#0060f2;stop-opacity:1;"
-         offset="0"
-         id="stop25" />
-      <stop
-         style="stop-color:#2be7ff;stop-opacity:1;"
-         offset="1"
-         id="stop26" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient25"
-       id="linearGradient27"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.96177466,-0.105551,0.105551,0.96177466,6.6683033,-22.263376)"
-       x1="37.503448"
-       y1="64.628593"
-       x2="37.693779"
-       y2="57.443047" />
-  </defs>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-74.540716,-71.13755)">
-    <g
-       id="g94"
-       transform="translate(68.722143,66.894923)">
-      <path
-         style="fill:#00ffff;fill-opacity:1;stroke:#4cb6ff;stroke-width:2.685;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter51)"
-         d="m 7.746783,40.916124 c 0,0 1.8504,10.984846 22.469963,11.168349 26.698422,0.237603 28.869332,-14.022575 28.869332,-14.022575 0,0 -3.57314,1.720542 -4.0421,0.903392 0,0 4.01112,-5.016688 2.87298,-11.259163 0,0 -0.63553,2.702598 -3.42379,0.894575 0,0 1.25012,-2.589896 -3.30432,-5.994584 0,0 6.92504,-9.239836 -4.543483,-16.4353943 0,0 1.473253,8.8303283 -12.798793,8.6878013 0,0 -8.281778,0.362869 -13.120499,6.265933 0,0 0.540185,-0.517891 -0.965062,-2.011337 0,0 -4.953283,2.731414 -1.9964,7.330799 -0.105743,-0.156986 -0.868322,-0.319905 -1.888088,0.963288 -1.019766,1.283193 -1.546939,4.720444 -5.135824,2.132322 -0.125961,-0.110312 -5.464383,10.905512 5.046487,13.691904 0,0 -3.181314,-2.134582 -8.040403,-2.315315 z"
-         id="path42"
-         sodipodi:nodetypes="cscccccccccczcccc" />
-      <path
-         style="fill:#00ffff;fill-opacity:1;stroke:#4cb6ff;stroke-width:2.685;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter52)"
-         d="m 41.721345,36.663032 c 0,0 -5.091479,4.033305 1.91508,7.23519 3.75023,1.713795 3.32631,5.807283 -0.15425,5.68464 0,0 12.791783,3.464984 9.020733,-11.432942 -2.31599,-9.149592 -8.645863,-3.296421 -10.781553,-1.486888 z"
-         id="path43"
-         sodipodi:nodetypes="cscscc" />
-      <path
-         style="fill:#00ffff;fill-opacity:1;stroke:#4cb6ff;stroke-width:2.685;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter53)"
-         d="M 37.351233,52.453862 C 23.607055,46.588589 22.065206,36.621227 22.065206,36.621227 c 0,0 -0.461566,-13.776977 14.899306,-14.045396 15.360876,-0.268419 8.972603,19.798029 8.972603,19.798029 0,0 -2.94074,8.304227 -8.585882,10.080002 z"
-         id="path44" />
-      <path
-         style="display:inline;fill:#1be449;fill-opacity:1;stroke:#010000;stroke-width:1.18533;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 7.746783,40.916124 c 0,0 1.8504,10.984846 22.469963,11.168349 26.698422,0.237603 28.869332,-14.022575 28.869332,-14.022575 0,0 -3.57314,1.720542 -4.0421,0.903392 0,0 4.01112,-5.016688 2.87298,-11.259163 0,0 -0.63553,2.702598 -3.42379,0.894575 0,0 1.25012,-2.589896 -3.30432,-5.994584 0,0 6.92504,-9.239836 -4.543483,-16.4353943 0,0 1.473253,8.8303283 -12.798793,8.6878013 0,0 -8.281778,0.362869 -13.120499,6.265933 0,0 0.540185,-0.517891 -0.965062,-2.011337 0,0 -4.953283,2.731414 -1.9964,7.330799 -0.105743,-0.156986 -0.868322,-0.319905 -1.888088,0.963288 -1.019766,1.283193 -1.546939,4.720444 -5.135824,2.132322 -0.125961,-0.110312 -5.464383,10.905512 5.046487,13.691904 0,0 -3.181314,-2.134582 -8.040403,-2.315315 z"
-         id="path22-2"
-         sodipodi:nodetypes="cscccccccccczcccc" />
-      <path
-         style="display:inline;fill:#1be449;fill-opacity:1;stroke:#010000;stroke-width:1.18533;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 41.721345,36.663032 c 0,0 -5.091479,4.033305 1.91508,7.23519 3.75023,1.713795 3.32631,5.807283 -0.15425,5.68464 0,0 12.791783,3.464984 9.020733,-11.432942 -2.31599,-9.149592 -8.645863,-3.296421 -10.781553,-1.486888 z"
-         id="path24-5-8"
-         sodipodi:nodetypes="cscscc" />
-      <path
-         style="display:inline;fill:#1be449;fill-opacity:1;stroke:#010000;stroke-width:1.18533;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="M 37.351233,52.453862 C 23.607055,46.588589 22.065206,36.621227 22.065206,36.621227 c 0,0 -0.461566,-13.776977 14.899306,-14.045396 15.360876,-0.268419 8.972603,19.798029 8.972603,19.798029 0,0 -2.94074,8.304227 -8.585882,10.080002 z"
-         id="path21-9" />
-      <path
-         style="fill:#157def;fill-opacity:1;stroke:none;stroke-width:0.245146px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         d="m 2.7682708,-12.13863 c 0,0 1.8503998,10.9848457 22.4699632,11.16834932 26.698418,0.23760229 28.86933,-14.02257532 28.86933,-14.02257532 0,0 -3.573145,1.720542 -4.042106,0.903392 0,0 4.011124,-5.016688 2.872987,-11.259163 0,0 -0.635532,2.702598 -3.42379,0.894575 0,0 1.250114,-2.589896 -3.304321,-5.994584 0,0 6.925039,-9.239836 -4.543485,-16.435394 0,0 1.473257,8.830328 -12.798789,8.687801 0,0 -8.281778,0.362869 -13.120499,6.265933 0,0 0.540185,-0.517891 -0.965062,-2.011337 0,0 -4.9532829,2.731414 -1.9964,7.330799 -0.105743,-0.156986 -0.868322,-0.319905 -1.888088,0.963288 -1.0197657,1.283193 -1.5469391,4.720444 -5.1358243,2.132322 -0.1259607,-0.110312 -5.464383,10.905512 5.0464873,13.6919045 0,0 -3.1813142,-2.1345825 -8.0404032,-2.3153155 z"
-         id="path22"
-         sodipodi:nodetypes="cscccccccccczcccc"
-         transform="translate(4.9785135,53.054753)" />
-      <path
-         style="fill:#1bf4ff;fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 41.983931,36.928537 c 0,0 -5.091482,4.033305 1.915076,7.23519 3.75023,1.713795 3.326315,5.807283 -0.154254,5.68464 0,0 12.791785,3.464984 9.020737,-11.432942 -2.315996,-9.149592 -8.645866,-3.296421 -10.781555,-1.486888 z"
-         id="path24-5"
-         sodipodi:nodetypes="cscscc" />
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.3;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="M 37.351234,52.453862 C 23.607056,46.588589 22.065207,36.621227 22.065207,36.621227 c 0,0 -0.461566,-13.776977 14.899306,-14.045396 15.360872,-0.268419 8.972603,19.798029 8.972603,19.798029 0,0 -2.940741,8.304227 -8.585882,10.080002 z"
-         id="path21" />
-      <path
-         style="fill:#1bf4ff;fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 21.500005,36.409259 c 0,0 -6.320233,2.122207 -0.752747,7.446399 4.633073,4.430612 -0.162964,5.652016 -1.920412,5.150286 0,0 11.625129,7.524499 11.386271,-6.478142 -0.160973,-9.436787 -6.077345,-7.061045 -8.713112,-6.118543 z m 3.042093,2.162416"
-         id="path24"
-         sodipodi:nodetypes="cscsc" />
-      <path
-         style="fill:url(#linearGradient32);fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 33.00865,37.156616 c -0.0177,0.497819 -0.60444,4.077766 1.144726,6.17621 1.900309,2.279767 3.463832,-8.609579 2.660397,-9.603751 -0.856762,-1.06016 -3.177245,-1.420138 -3.805123,3.427541 z"
-         id="path29"
-         sodipodi:nodetypes="cssc"
-         transform="translate(-0.52916667)" />
-      <path
-         style="display:inline;fill:url(#linearGradient34);fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 33.497133,37.156616 c -0.0177,0.497819 -0.60444,4.077766 1.144726,6.17621 1.900309,2.279767 3.463832,-8.609579 2.660397,-9.603751 -0.856762,-1.06016 -3.177245,-1.420138 -3.805123,3.427541 z"
-         id="path29-4"
-         sodipodi:nodetypes="cssc"
-         transform="translate(6.8427925)" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 30.675768,44.979851 0.898366,-0.898366 0.796347,0.855326"
-         id="path34"
-         sodipodi:nodetypes="ccc"
-         transform="translate(6.8427925)" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 25.774405,36.302907 24.476209,35.564818"
-         id="path35"
-         sodipodi:nodetypes="cc"
-         transform="translate(6.8427925)" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 25.820353,41.54049 -1.143367,0.4605"
-         id="path36"
-         sodipodi:nodetypes="cc"
-         transform="translate(6.8427925)" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 37.439691,36.68831 1.493007,-0.792762"
-         id="path37"
-         sodipodi:nodetypes="cc"
-         transform="translate(6.8427925)" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 36.376691,42.016828 1.199192,0.616066"
-         id="path38"
-         sodipodi:nodetypes="cc"
-         transform="translate(6.8427925)" />
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.661458;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 31.443452,47.285107 c -0.30895,-0.303188 -0.964784,0.2281 -1.011287,1.940058 -0.01227,0.451619 0.06676,1.117548 0.410049,1.216118 0.554366,0.159183 0.827326,-0.606137 0.842344,-1.608248 0.0081,-0.542463 0.03586,-1.276126 -0.241106,-1.547928 z"
-         id="path39"
-         sodipodi:nodetypes="sssss"
-         transform="translate(6.8427925)" />
-      <path
-         style="fill:#157def;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         d="m 21.500005,36.409259 c 0,0 8.998139,3.357621 13.917664,-6.560232 0,0 2.977644,2.701407 0.878475,6.584832 0,0 12.000318,-5.847747 6.786203,-14.490444 0,0 -2.627919,10.702597 4.542765,13.632726 6.634525,2.711041 -1.392911,-15.6744 -1.392911,-15.6744 0,0 -29.798336,-7.904202 -24.97871,13.247126"
-         id="path23"
-         sodipodi:nodetypes="ccccscc" />
-      <path
-         style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.61937;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 24.355159,31.552636 c 0,0 -2.461542,1.806323 -2.436221,4.10365 0.02532,2.297315 4.324952,2.848845 4.745687,0.537049 0.420747,-2.311795 -0.745545,-4.45118 -0.745545,-4.45118"
-         id="path25-2-9"
-         sodipodi:nodetypes="cssc" />
-      <path
-         style="fill:none;fill-opacity:1;stroke:url(#linearGradient26);stroke-width:1.32292;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none"
-         d="m 24.352146,31.558035 c 0,0 -2.461542,1.806322 -2.436221,4.10365 0.02532,2.297314 4.324953,2.848844 4.745688,0.537048 0.420747,-2.311795 -0.745546,-4.45118 -0.745546,-4.45118"
-         id="path25-2"
-         sodipodi:nodetypes="cssc" />
-      <path
-         style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.61937;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 48.37223,30.032183 c 0,0 -1.660728,2.117 -1.094288,4.060825 0.566438,1.943812 4.34653,1.392001 4.155243,-0.669913 -0.191277,-2.061915 -1.688639,-3.601038 -1.688639,-3.601038"
-         id="path25-2-9-0"
-         sodipodi:nodetypes="cssc" />
-      <path
-         style="fill:none;fill-opacity:1;stroke:url(#linearGradient27);stroke-width:1.32292;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none"
-         d="m 48.370954,30.03748 c 0,0 -1.660728,2.116998 -1.094288,4.060824 0.566437,1.943812 4.346531,1.392 4.155243,-0.669913 -0.191278,-2.061915 -1.688639,-3.601038 -1.688639,-3.601038"
-         id="path25-2-2"
-         sodipodi:nodetypes="cssc" />
-    </g>
-  </g>
-</svg>
+<svg width="208.614" height="189.832" viewBox="0 0 55.196 50.227" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient xlink:href="#prefix__a" id="prefix__f" x1="77.301" y1="39.614" x2="77.301" y2="39.617" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.00159 0 0 .95875 -43.069 .944)"/><linearGradient id="prefix__a"><stop offset="0" stop-color="#3992f3"/><stop offset="1" stop-color="#1bf4ff"/></linearGradient><linearGradient xlink:href="#prefix__a" id="prefix__g" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.00159 0 0 .95875 -42.58 .944)" x1="77.301" y1="39.614" x2="77.301" y2="39.617"/><linearGradient xlink:href="#prefix__b" id="prefix__h" x1="37.503" y1="64.629" x2="37.694" y2="57.443" gradientUnits="userSpaceOnUse" gradientTransform="rotate(9.352 231.727 -51.249) scale(1.09791)"/><linearGradient id="prefix__b"><stop offset="0" stop-color="#0060f2"/><stop offset="1" stop-color="#2be7ff"/></linearGradient><linearGradient xlink:href="#prefix__b" id="prefix__i" gradientUnits="userSpaceOnUse" gradientTransform="rotate(-6.263 -200.137 -72.077) scale(.96755)" x1="37.503" y1="64.629" x2="37.694" y2="57.443"/><filter id="prefix__c" x="-.038" y="-.042" width="1.075" height="1.084" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".244"/></filter><filter id="prefix__d" x="-.145" y="-.114" width="1.29" height="1.23" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".244"/></filter><filter id="prefix__e" x="-.077" y="-.065" width="1.153" height="1.132" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".244"/></filter></defs><path d="M7.747 40.916s1.85 10.985 22.47 11.168c26.698.238 28.87-14.022 28.87-14.022s-3.574 1.72-4.043.903c0 0 4.011-5.016 2.873-11.259 0 0-.636 2.703-3.424.895 0 0 1.25-2.59-3.304-5.995 0 0 6.925-9.24-4.544-16.435 0 0 1.474 8.83-12.798 8.688 0 0-8.282.362-13.12 6.265 0 0 .54-.517-.966-2.01 0 0-4.953 2.73-1.996 7.33-.106-.157-.869-.32-1.888.963-1.02 1.283-1.547 4.72-5.136 2.133-.126-.11-5.465 10.905 5.046 13.691 0 0-3.181-2.134-8.04-2.315z" fill="#0ff" stroke="#4cb6ff" stroke-width="2.685" stroke-linejoin="round" filter="url(#prefix__c)" transform="translate(-5.819 -4.243)"/><path d="M41.721 36.663s-5.091 4.033 1.915 7.235c3.75 1.714 3.327 5.808-.154 5.685 0 0 12.792 3.465 9.02-11.433-2.315-9.15-8.645-3.297-10.78-1.487z" fill="#0ff" stroke="#4cb6ff" stroke-width="2.685" filter="url(#prefix__d)" transform="translate(-5.819 -4.243)"/><path d="M37.351 52.454C23.607 46.589 22.065 36.62 22.065 36.62s-.461-13.777 14.9-14.045c15.36-.269 8.972 19.798 8.972 19.798s-2.94 8.304-8.586 10.08z" fill="#0ff" stroke="#4cb6ff" stroke-width="2.685" filter="url(#prefix__e)" transform="translate(-5.819 -4.243)"/><path d="M1.928 36.673s1.85 10.985 22.47 11.169c26.699.237 28.87-14.023 28.87-14.023s-3.574 1.72-4.043.904c0 0 4.012-5.017 2.873-11.26 0 0-.635 2.703-3.423.895 0 0 1.25-2.59-3.305-5.995 0 0 6.925-9.24-4.543-16.435 0 0 1.473 8.83-12.799 8.688 0 0-8.282.363-13.12 6.266 0 0 .54-.518-.966-2.012 0 0-4.953 2.732-1.996 7.331-.106-.157-.868-.32-1.888.964-1.02 1.283-1.547 4.72-5.136 2.132-.126-.11-5.464 10.905 5.047 13.692 0 0-3.182-2.135-8.04-2.316z" fill="#1be449" stroke="#010000" stroke-width="1.185" stroke-linejoin="round"/><path d="M35.903 32.42s-5.092 4.034 1.915 7.236c3.75 1.713 3.326 5.807-.154 5.684 0 0 12.791 3.465 9.02-11.433-2.316-9.15-8.646-3.296-10.781-1.487z" fill="#1be449" stroke="#010000" stroke-width="1.185"/><path d="M31.533 48.211C17.788 42.346 16.247 32.38 16.247 32.38s-.462-13.777 14.899-14.046c15.36-.268 8.973 19.798 8.973 19.798s-2.941 8.304-8.586 10.08z" fill="#1be449" stroke="#010000" stroke-width="1.185"/><path d="M1.928 36.673s1.85 10.985 22.47 11.169c26.699.237 28.87-14.023 28.87-14.023s-3.574 1.72-4.043.904c0 0 4.012-5.017 2.873-11.26 0 0-.635 2.703-3.423.895 0 0 1.25-2.59-3.305-5.995 0 0 6.925-9.24-4.543-16.435 0 0 1.473 8.83-12.799 8.688 0 0-8.282.363-13.12 6.266 0 0 .54-.518-.966-2.012 0 0-4.953 2.732-1.996 7.331-.106-.157-.868-.32-1.888.964-1.02 1.283-1.547 4.72-5.136 2.132-.126-.11-5.464 10.905 5.047 13.692 0 0-3.182-2.135-8.04-2.316z" fill="#157def"/><path d="M36.165 32.686s-5.091 4.033 1.915 7.235c3.75 1.714 3.327 5.807-.154 5.685 0 0 12.792 3.465 9.02-11.433-2.315-9.15-8.645-3.297-10.78-1.487z" fill="#1bf4ff" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M31.533 48.211C17.788 42.346 16.247 32.38 16.247 32.38s-.462-13.777 14.899-14.046c15.36-.268 8.973 19.798 8.973 19.798s-2.941 8.304-8.586 10.08z" fill="#fff"/><path d="M15.681 32.167s-6.32 2.122-.752 7.446c4.633 4.43-.163 5.652-1.92 5.15 0 0 11.624 7.525 11.386-6.478-.161-9.437-6.078-7.06-8.714-6.118zm3.043 2.162" fill="#1bf4ff" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M33.009 37.157c-.018.497-.605 4.077 1.144 6.176 1.9 2.28 3.464-8.61 2.66-9.604-.856-1.06-3.176-1.42-3.804 3.428z" transform="translate(-6.348 -4.243)" fill="url(#prefix__f)" stroke="#000" stroke-width=".661"/><path d="M33.497 37.157c-.018.497-.604 4.077 1.145 6.176 1.9 2.28 3.464-8.61 2.66-9.604-.857-1.06-3.177-1.42-3.805 3.428z" transform="translate(1.024 -4.243)" fill="url(#prefix__g)" stroke="#000" stroke-width=".661"/><path d="M31.7 40.737l.898-.898.797.855M26.799 32.06l-1.299-.738M26.845 37.298l-1.144.46M38.464 32.446l1.493-.793M37.4 37.774l1.2.616" fill="none" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.468 43.042c-.31-.303-.965.229-1.012 1.94-.012.452.067 1.118.41 1.217.555.159.828-.606.843-1.609.008-.542.036-1.276-.241-1.548z"/><path d="M15.681 32.167s8.999 3.357 13.918-6.56c0 0 2.978 2.7.879 6.584 0 0 12-5.848 6.786-14.49 0 0-2.628 10.702 4.543 13.633 6.634 2.71-1.393-15.675-1.393-15.675s-29.799-7.904-24.98 13.247" fill="#157def"/><path d="M18.537 27.31s-2.462 1.806-2.437 4.104c.026 2.297 4.325 2.849 4.746.537.42-2.312-.745-4.451-.745-4.451" fill="none" stroke="#000" stroke-width="2.619" stroke-linecap="round"/><path d="M24.352 31.558s-2.461 1.806-2.436 4.104c.025 2.297 4.325 2.849 4.746.537.42-2.312-.746-4.451-.746-4.451" fill="none" stroke="url(#prefix__h)" stroke-width="1.323" stroke-linecap="round" transform="translate(-5.819 -4.243)"/><path d="M42.554 25.79s-1.661 2.117-1.095 4.06c.567 1.944 4.347 1.392 4.156-.67-.192-2.061-1.689-3.6-1.689-3.6" fill="none" stroke="#000" stroke-width="2.619" stroke-linecap="round"/><path d="M48.371 30.037s-1.66 2.117-1.094 4.061c.566 1.944 4.346 1.392 4.155-.67-.191-2.062-1.689-3.6-1.689-3.6" fill="none" stroke="url(#prefix__i)" stroke-width="1.323" stroke-linecap="round" transform="translate(-5.819 -4.243)"/></svg>
\ No newline at end of file
diff --git a/static/imgs/chan/tongueout.svg b/static/imgs/chan/tongueout.svg
index ce56937..d209c6c 100755
--- a/static/imgs/chan/tongueout.svg
+++ b/static/imgs/chan/tongueout.svg
@@ -1,258 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="55.195698mm"
-   height="50.226509mm"
-   viewBox="0 0 55.195698 50.226509"
-   version="1.1"
-   id="svg1"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
-   sodipodi:docname="tongueout.svg"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="mm"
-     inkscape:zoom="0.75391217"
-     inkscape:cx="113.40844"
-     inkscape:cy="194.98293"
-     inkscape:window-width="1920"
-     inkscape:window-height="1080"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1" />
-  <defs
-     id="defs1">
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter51-5-1"
-       x="-0.037558156"
-       y="-0.041991194"
-       width="1.0751161"
-       height="1.0839849">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.24405608"
-         id="feGaussianBlur51-9-8" />
-    </filter>
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter52-4-9"
-       x="-0.14455578"
-       y="-0.11419459"
-       width="1.2901799"
-       height="1.2301752">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.24405608"
-         id="feGaussianBlur52-9-6" />
-    </filter>
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter53-0-4"
-       x="-0.076547279"
-       y="-0.064526055"
-       width="1.1531256"
-       height="1.13197">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.24405608"
-         id="feGaussianBlur53-9-3" />
-    </filter>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient31"
-       id="linearGradient68"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0015904,0,0,0.95874731,42.118933,110.0862)"
-       x1="77.300636"
-       y1="39.613533"
-       x2="77.300636"
-       y2="39.616539" />
-    <linearGradient
-       id="linearGradient31"
-       inkscape:collect="always">
-      <stop
-         style="stop-color:#3992f3;stop-opacity:1;"
-         offset="0"
-         id="stop31" />
-      <stop
-         style="stop-color:#1bf4ff;stop-opacity:1;"
-         offset="1"
-         id="stop32" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient25"
-       id="linearGradient66"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0833182,0.17840957,-0.17840957,1.0833182,80.261912,70.923785)"
-       x1="37.503448"
-       y1="64.628593"
-       x2="37.693779"
-       y2="57.443047" />
-    <linearGradient
-       id="linearGradient25"
-       inkscape:collect="always">
-      <stop
-         style="stop-color:#0060f2;stop-opacity:1;"
-         offset="0"
-         id="stop25" />
-      <stop
-         style="stop-color:#2be7ff;stop-opacity:1;"
-         offset="1"
-         id="stop26" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient25"
-       id="linearGradient67"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.96177466,-0.105551,0.105551,0.96177466,92.178361,86.997083)"
-       x1="37.503448"
-       y1="64.628593"
-       x2="37.693779"
-       y2="57.443047" />
-  </defs>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-74.54072,-71.13755)">
-    <g
-       id="g97"
-       transform="translate(-16.787912,-42.365534)">
-      <path
-         style="fill:#00ffff;fill-opacity:1;stroke:#4cb6ff;stroke-width:2.685;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter51-5-1)"
-         d="m 93.256841,150.17658 c 0,0 1.8504,10.98485 22.469959,11.16835 26.69842,0.2376 28.86933,-14.02257 28.86933,-14.02257 0,0 -3.57314,1.72054 -4.0421,0.90339 0,0 4.01112,-5.01669 2.87298,-11.25916 0,0 -0.63553,2.70259 -3.42379,0.89457 0,0 1.25012,-2.5899 -3.30432,-5.99458 0,0 6.92504,-9.23984 -4.54348,-16.4354 0,0 1.47325,8.83033 -12.79879,8.6878 0,0 -8.28178,0.36287 -13.1205,6.26594 0,0 0.54019,-0.51789 -0.96506,-2.01134 0,0 -4.95328,2.73141 -1.9964,7.3308 -0.10574,-0.15699 -0.86832,-0.31991 -1.88809,0.96329 -1.01977,1.28319 -1.546938,4.72044 -5.135823,2.13232 -0.125961,-0.11031 -5.464383,10.90551 5.046483,13.6919 0,0 -3.18131,-2.13458 -8.040399,-2.31531 z"
-         id="path42-5-6"
-         sodipodi:nodetypes="cscccccccccczcccc" />
-      <path
-         style="fill:#00ffff;fill-opacity:1;stroke:#4cb6ff;stroke-width:2.685;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter52-4-9)"
-         d="m 127.2314,145.92349 c 0,0 -5.09148,4.03331 1.91508,7.23519 3.75023,1.7138 3.32631,5.80728 -0.15425,5.68464 0,0 12.79178,3.46498 9.02073,-11.43294 -2.31599,-9.14959 -8.64586,-3.29642 -10.78155,-1.48689 z"
-         id="path43-9-0"
-         sodipodi:nodetypes="cscscc" />
-      <path
-         style="fill:#00ffff;fill-opacity:1;stroke:#4cb6ff;stroke-width:2.685;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter53-0-4)"
-         d="m 122.86129,161.71432 c -13.74418,-5.86527 -15.28603,-15.83263 -15.28603,-15.83263 0,0 -0.46156,-13.77698 14.89931,-14.0454 15.36087,-0.26842 8.9726,19.79803 8.9726,19.79803 0,0 -2.94074,8.30423 -8.58588,10.08 z"
-         id="path44-7-4" />
-      <path
-         style="display:inline;fill:#1be449;fill-opacity:1;stroke:#010000;stroke-width:1.18533;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 93.256841,150.17658 c 0,0 1.8504,10.98485 22.469959,11.16835 26.69842,0.2376 28.86933,-14.02257 28.86933,-14.02257 0,0 -3.57314,1.72054 -4.0421,0.90339 0,0 4.01112,-5.01669 2.87298,-11.25916 0,0 -0.63553,2.70259 -3.42379,0.89457 0,0 1.25012,-2.5899 -3.30432,-5.99458 0,0 6.92504,-9.23984 -4.54348,-16.4354 0,0 1.47325,8.83033 -12.79879,8.6878 0,0 -8.28178,0.36287 -13.1205,6.26594 0,0 0.54019,-0.51789 -0.96506,-2.01134 0,0 -4.95328,2.73141 -1.9964,7.3308 -0.10574,-0.15699 -0.86832,-0.31991 -1.88809,0.96329 -1.01977,1.28319 -1.546938,4.72044 -5.135823,2.13232 -0.125961,-0.11031 -5.464383,10.90551 5.046483,13.6919 0,0 -3.18131,-2.13458 -8.040399,-2.31531 z"
-         id="path22-2-7-8"
-         sodipodi:nodetypes="cscccccccccczcccc" />
-      <path
-         style="display:inline;fill:#1be449;fill-opacity:1;stroke:#010000;stroke-width:1.18533;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 127.2314,145.92349 c 0,0 -5.09148,4.03331 1.91508,7.23519 3.75023,1.7138 3.32631,5.80728 -0.15425,5.68464 0,0 12.79178,3.46498 9.02073,-11.43294 -2.31599,-9.14959 -8.64586,-3.29642 -10.78155,-1.48689 z"
-         id="path24-5-8-6-8"
-         sodipodi:nodetypes="cscscc" />
-      <path
-         style="display:inline;fill:#1be449;fill-opacity:1;stroke:#010000;stroke-width:1.18533;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 122.86129,161.71432 c -13.74418,-5.86527 -15.28603,-15.83263 -15.28603,-15.83263 0,0 -0.46156,-13.77698 14.89931,-14.0454 15.36087,-0.26842 8.9726,19.79803 8.9726,19.79803 0,0 -2.94074,8.30423 -8.58588,10.08 z"
-         id="path21-9-7-8" />
-      <path
-         style="fill:#157def;fill-opacity:1;stroke:none;stroke-width:0.245146px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         d="m 93.256842,150.17658 c 0,0 1.8504,10.98485 22.469958,11.16835 26.69842,0.2376 28.86933,-14.02258 28.86933,-14.02258 0,0 -3.57314,1.72055 -4.0421,0.9034 0,0 4.01112,-5.01669 2.87298,-11.25917 0,0 -0.63553,2.7026 -3.42379,0.89458 0,0 1.25012,-2.5899 -3.30432,-5.99459 0,0 6.92504,-9.23983 -4.54348,-16.43539 0,0 1.47325,8.83033 -12.79879,8.6878 0,0 -8.28178,0.36287 -13.1205,6.26593 0,0 0.54019,-0.51789 -0.96506,-2.01133 0,0 -4.95328,2.73141 -1.9964,7.3308 -0.10574,-0.15699 -0.86832,-0.31991 -1.88809,0.96328 -1.01976,1.2832 -1.546937,4.72045 -5.135822,2.13233 -0.125961,-0.11032 -5.464383,10.90551 5.046482,13.6919 0,0 -3.181309,-2.13458 -8.040398,-2.31531 z"
-         id="path22-3-9"
-         sodipodi:nodetypes="cscccccccccczcccc" />
-      <path
-         style="fill:#1bf4ff;fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 127.23672,146.17498 c 0,0 -5.09148,4.03331 1.91508,7.23519 3.75023,1.7138 3.32632,5.80728 -0.15425,5.68464 0,0 12.79178,3.46498 9.02073,-11.43294 -2.31599,-9.14959 -8.64586,-3.29642 -10.78155,-1.48689 z"
-         id="path24-5-6-7"
-         sodipodi:nodetypes="cscscc" />
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.3;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 122.86129,161.71432 c -13.74418,-5.86527 -15.28603,-15.83263 -15.28603,-15.83263 0,0 -0.46156,-13.77698 14.89931,-14.0454 15.36087,-0.26842 8.9726,19.79803 8.9726,19.79803 0,0 -2.94074,8.30423 -8.58588,10.08 z"
-         id="path21-5-7" />
-      <path
-         style="fill:#1bf4ff;fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 107.01006,145.66972 c 0,0 -6.32023,2.1222 -0.75274,7.4464 4.63307,4.43061 -0.16297,5.65201 -1.92042,5.15028 0,0 11.62513,7.5245 11.38627,-6.47814 -0.16097,-9.43679 -6.07734,-7.06104 -8.71311,-6.11854 z m 3.0421,2.16241"
-         id="path24-6-6"
-         sodipodi:nodetypes="cscsc" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 122.98374,153.27507 0.89836,-0.89837 0.79635,0.85533"
-         id="path34-4-4"
-         sodipodi:nodetypes="ccc" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 128.31376,149.54804 1.49301,-0.79276"
-         id="path37-2-3"
-         sodipodi:nodetypes="cc" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 128.72954,150.74812 1.19919,0.61607"
-         id="path38-9-0"
-         sodipodi:nodetypes="cc" />
-      <path
-         style="display:inline;fill:url(#linearGradient68);fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 118.19656,146.29921 c -0.0177,0.49781 -0.60444,4.07776 1.14472,6.17621 1.90031,2.27976 3.46383,-8.60958 2.6604,-9.60376 -0.85676,-1.06016 -3.17725,-1.42013 -3.80512,3.42755 z"
-         id="path29-7"
-         sodipodi:nodetypes="cssc" />
-      <path
-         style="fill:#157def;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         d="m 107.01006,145.66972 c 0,0 8.99814,3.35762 13.91766,-6.56023 -0.0322,0.12423 3.21504,3.14853 1.21067,6.66674 0,0 11.66813,-5.92966 6.45401,-14.57236 0,0 -2.75048,11.02255 4.54277,13.63273 9.21093,3.2965 -1.14741,-15.61861 -1.39291,-15.6744 0,0 -29.79834,-7.9042 -24.97871,13.24713"
-         id="path23-9-9"
-         sodipodi:nodetypes="ccccscc" />
-      <path
-         style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.533;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 109.86522,140.81309 c 0,0 -2.46155,1.80633 -2.43622,4.10365 0.0253,2.29732 4.32495,2.84885 4.74568,0.53705 0.42075,-2.31179 -0.74554,-4.45118 -0.74554,-4.45118"
-         id="path25-2-9-08-2"
-         sodipodi:nodetypes="cssc" />
-      <path
-         style="fill:none;fill-opacity:1;stroke:url(#linearGradient66);stroke-width:1.32444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none"
-         d="m 109.8622,140.81849 c 0,0 -2.46154,1.80633 -2.43622,4.10365 0.0253,2.29732 4.32496,2.84885 4.74569,0.53705 0.42075,-2.31179 -0.74555,-4.45118 -0.74555,-4.45118"
-         id="path25-2-8-5"
-         sodipodi:nodetypes="cssc" />
-      <path
-         style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.23256;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 133.88229,139.29264 c 0,0 -1.66073,2.117 -1.09429,4.06083 0.56644,1.94381 4.34653,1.392 4.15524,-0.66992 -0.19128,-2.06191 -1.68864,-3.60103 -1.68864,-3.60103"
-         id="path25-2-9-0-5-4"
-         sodipodi:nodetypes="cssc" />
-      <path
-         style="fill:none;fill-opacity:1;stroke:url(#linearGradient67);stroke-width:1.16718;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none"
-         d="m 133.88101,139.29794 c 0,0 -1.66073,2.117 -1.09429,4.06082 0.56644,1.94381 4.34653,1.392 4.15524,-0.66991 -0.19127,-2.06192 -1.68863,-3.60104 -1.68863,-3.60104"
-         id="path25-2-2-0-0"
-         sodipodi:nodetypes="cssc" />
-      <path
-         style="fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 128.72954,150.74812 c 0,0 -1.16832,-2.9136 -3.2849,-1.29936"
-         id="path62-6" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 118.33427,145.4455 -1.2982,-0.73809"
-         id="path35-5"
-         sodipodi:nodetypes="cc" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 118.38022,150.68308 -1.14337,0.4605"
-         id="path36-4"
-         sodipodi:nodetypes="cc" />
-      <path
-         style="fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 123.52728,157.0533 c 0,0 2.64152,0.53068 4.06767,-1.54766"
-         id="path68"
-         sodipodi:nodetypes="cc" />
-      <path
-         style="fill:#f339ba;fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 126.9766,156.38454 c 0,0 1.08724,0.97558 0.39701,1.64472 -0.69024,0.66914 -2.06493,-0.95688 -2.06493,-0.95688 0,0 0.83567,-0.0607 1.3715,-0.64538"
-         id="path69"
-         sodipodi:nodetypes="cscc" />
-    </g>
-  </g>
-</svg>
+<svg width="208.614" height="189.832" viewBox="0 0 55.196 50.227" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient xlink:href="#prefix__a" id="prefix__f" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.00159 0 0 .95875 42.119 110.086)" x1="77.301" y1="39.614" x2="77.301" y2="39.617"/><linearGradient id="prefix__a"><stop offset="0" stop-color="#3992f3"/><stop offset="1" stop-color="#1bf4ff"/></linearGradient><linearGradient xlink:href="#prefix__b" id="prefix__g" gradientUnits="userSpaceOnUse" gradientTransform="rotate(9.352 -393.427 526.1) scale(1.09791)" x1="37.503" y1="64.629" x2="37.694" y2="57.443"/><linearGradient id="prefix__b"><stop offset="0" stop-color="#0060f2"/><stop offset="1" stop-color="#2be7ff"/></linearGradient><linearGradient xlink:href="#prefix__b" id="prefix__h" gradientUnits="userSpaceOnUse" gradientTransform="rotate(-6.263 841.188 -798.941) scale(.96755)" x1="37.503" y1="64.629" x2="37.694" y2="57.443"/><filter id="prefix__c" x="-.038" y="-.042" width="1.075" height="1.084" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".244"/></filter><filter id="prefix__d" x="-.145" y="-.114" width="1.29" height="1.23" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".244"/></filter><filter id="prefix__e" x="-.077" y="-.065" width="1.153" height="1.132" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".244"/></filter></defs><path d="M93.257 150.177s1.85 10.984 22.47 11.168c26.698.238 28.87-14.023 28.87-14.023s-3.574 1.72-4.043.904c0 0 4.011-5.017 2.873-11.26 0 0-.636 2.703-3.424.895 0 0 1.25-2.59-3.304-5.994 0 0 6.925-9.24-4.544-16.436 0 0 1.474 8.83-12.798 8.688 0 0-8.282.363-13.12 6.266 0 0 .54-.518-.966-2.011 0 0-4.953 2.731-1.996 7.33-.106-.157-.869-.32-1.888.964-1.02 1.283-1.547 4.72-5.136 2.132-.126-.11-5.465 10.905 5.046 13.692 0 0-3.181-2.135-8.04-2.315z" fill="#0ff" stroke="#4cb6ff" stroke-width="2.685" stroke-linejoin="round" filter="url(#prefix__c)" transform="translate(-91.329 -113.503)"/><path d="M127.231 145.923s-5.091 4.034 1.915 7.236c3.75 1.713 3.327 5.807-.154 5.684 0 0 12.792 3.465 9.021-11.433-2.316-9.15-8.646-3.296-10.782-1.487z" fill="#0ff" stroke="#4cb6ff" stroke-width="2.685" filter="url(#prefix__d)" transform="translate(-91.329 -113.503)"/><path d="M122.861 161.714c-13.744-5.865-15.286-15.832-15.286-15.832s-.461-13.777 14.9-14.046c15.36-.268 8.972 19.798 8.972 19.798s-2.94 8.305-8.586 10.08z" fill="#0ff" stroke="#4cb6ff" stroke-width="2.685" filter="url(#prefix__e)" transform="translate(-91.329 -113.503)"/><path d="M1.928 36.673s1.85 10.985 22.47 11.169c26.699.237 28.87-14.023 28.87-14.023s-3.574 1.72-4.043.904c0 0 4.012-5.017 2.873-11.26 0 0-.635 2.703-3.423.895 0 0 1.25-2.59-3.305-5.995 0 0 6.925-9.24-4.543-16.435 0 0 1.473 8.83-12.799 8.688 0 0-8.282.363-13.12 6.266 0 0 .54-.518-.966-2.012 0 0-4.953 2.732-1.996 7.331-.106-.157-.868-.32-1.888.964-1.02 1.283-1.547 4.72-5.136 2.132-.126-.11-5.464 10.905 5.047 13.692 0 0-3.182-2.135-8.04-2.316z" fill="#1be449" stroke="#010000" stroke-width="1.185" stroke-linejoin="round"/><path d="M35.903 32.42s-5.092 4.034 1.915 7.236c3.75 1.713 3.326 5.807-.154 5.684 0 0 12.791 3.465 9.02-11.433-2.316-9.15-8.646-3.296-10.781-1.487z" fill="#1be449" stroke="#010000" stroke-width="1.185"/><path d="M31.533 48.211C17.788 42.346 16.247 32.38 16.247 32.38s-.462-13.777 14.899-14.046c15.36-.268 8.973 19.798 8.973 19.798s-2.941 8.304-8.586 10.08z" fill="#1be449" stroke="#010000" stroke-width="1.185"/><path d="M1.928 36.673s1.85 10.985 22.47 11.169c26.699.237 28.87-14.023 28.87-14.023s-3.574 1.72-4.043.904c0 0 4.012-5.017 2.873-11.26 0 0-.635 2.703-3.423.895 0 0 1.25-2.59-3.305-5.995 0 0 6.925-9.24-4.543-16.435 0 0 1.473 8.83-12.799 8.688 0 0-8.282.363-13.12 6.266 0 0 .54-.518-.966-2.012 0 0-4.953 2.732-1.996 7.331-.106-.157-.868-.32-1.888.964-1.02 1.283-1.547 4.72-5.136 2.132-.126-.11-5.464 10.905 5.047 13.692 0 0-3.182-2.135-8.04-2.316z" fill="#157def"/><path d="M35.908 32.672s-5.091 4.033 1.915 7.235c3.75 1.714 3.326 5.807-.154 5.685 0 0 12.792 3.465 9.02-11.433-2.315-9.15-8.645-3.297-10.78-1.487z" fill="#1bf4ff" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M31.533 48.211C17.788 42.346 16.247 32.38 16.247 32.38s-.462-13.777 14.899-14.046c15.36-.268 8.973 19.798 8.973 19.798s-2.941 8.304-8.586 10.08z" fill="#fff"/><path d="M15.681 32.167s-6.32 2.122-.752 7.446c4.633 4.43-.163 5.652-1.92 5.15 0 0 11.624 7.525 11.386-6.478-.161-9.437-6.078-7.06-8.714-6.118zm3.043 2.162" fill="#1bf4ff" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M31.655 39.772l.898-.898.797.855M36.985 36.045l1.493-.793M37.4 37.245l1.2.616" fill="none" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M118.197 146.3c-.018.497-.605 4.077 1.144 6.175 1.9 2.28 3.464-8.61 2.66-9.603-.856-1.06-3.177-1.42-3.804 3.427z" fill="url(#prefix__f)" stroke="#000" stroke-width=".661" transform="translate(-91.329 -113.503)"/><path d="M15.681 32.167s8.999 3.357 13.918-6.56c-.032.124 3.215 3.148 1.21 6.666 0 0 11.669-5.93 6.455-14.572 0 0-2.75 11.022 4.543 13.633 9.21 3.296-1.148-15.62-1.393-15.675 0 0-29.799-7.904-24.98 13.247" fill="#157def"/><path d="M18.537 27.31s-2.462 1.806-2.437 4.104c.026 2.297 4.325 2.849 4.746.537.42-2.312-.745-4.451-.745-4.451" fill="none" stroke="#000" stroke-width="2.533" stroke-linecap="round"/><path d="M109.862 140.818s-2.461 1.807-2.436 4.104c.025 2.297 4.325 2.849 4.746.537.42-2.312-.746-4.451-.746-4.451" fill="none" stroke="url(#prefix__g)" stroke-width="1.324" stroke-linecap="round" transform="translate(-91.329 -113.503)"/><path d="M42.554 25.79s-1.661 2.117-1.095 4.06c.567 1.944 4.347 1.392 4.156-.67-.192-2.061-1.689-3.6-1.689-3.6" fill="none" stroke="#000" stroke-width="2.233" stroke-linecap="round"/><path d="M133.881 139.298s-1.66 2.117-1.094 4.06c.566 1.945 4.346 1.393 4.155-.67-.191-2.061-1.689-3.6-1.689-3.6" fill="none" stroke="url(#prefix__h)" stroke-width="1.167" stroke-linecap="round" transform="translate(-91.329 -113.503)"/><path d="M37.4 37.245s-1.167-2.914-3.284-1.3" fill="none" stroke="#000" stroke-width=".661" stroke-linecap="round"/><path d="M27.006 31.942l-1.299-.738M27.052 37.18l-1.144.46" fill="none" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.199 43.55s2.641.53 4.067-1.547" fill="none" stroke="#000" stroke-width=".661" stroke-linecap="round"/><path d="M35.648 42.881s1.087.976.397 1.645c-.69.67-2.065-.957-2.065-.957s.836-.06 1.372-.645" fill="#f339ba" stroke="#000" stroke-width=".661" stroke-linecap="round"/></svg>
\ No newline at end of file
diff --git a/static/imgs/chan/wink.svg b/static/imgs/chan/wink.svg
index 70b7557..81c7e2a 100755
--- a/static/imgs/chan/wink.svg
+++ b/static/imgs/chan/wink.svg
@@ -1,252 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="55.195705mm"
-   height="50.226513mm"
-   viewBox="0 0 55.195706 50.226513"
-   version="1.1"
-   id="svg1"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
-   sodipodi:docname="wink.svg"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="mm"
-     inkscape:zoom="3.8075125"
-     inkscape:cx="89.559786"
-     inkscape:cy="109.52032"
-     inkscape:window-width="1920"
-     inkscape:window-height="1080"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1" />
-  <defs
-     id="defs1">
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter51-3"
-       x="-0.037558168"
-       y="-0.041991192"
-       width="1.0751161"
-       height="1.0839849">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.24405608"
-         id="feGaussianBlur51-8" />
-    </filter>
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter52-5"
-       x="-0.14455576"
-       y="-0.11419455"
-       width="1.2901799"
-       height="1.2301751">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.24405608"
-         id="feGaussianBlur52-6" />
-    </filter>
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter53-1"
-       x="-0.07654728"
-       y="-0.064526044"
-       width="1.1531256"
-       height="1.13197">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.24405608"
-         id="feGaussianBlur53-1" />
-    </filter>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient31"
-       id="linearGradient64"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0015904,0,0,0.95874731,-30.177903,58.544126)"
-       x1="77.300636"
-       y1="39.613533"
-       x2="77.300636"
-       y2="39.616539" />
-    <linearGradient
-       id="linearGradient31"
-       inkscape:collect="always">
-      <stop
-         style="stop-color:#3992f3;stop-opacity:1;"
-         offset="0"
-         id="stop31" />
-      <stop
-         style="stop-color:#1bf4ff;stop-opacity:1;"
-         offset="1"
-         id="stop32" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient25"
-       id="linearGradient62"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0833182,0.17840957,-0.17840957,1.0833182,0.31165329,19.26383)"
-       x1="37.503448"
-       y1="64.628593"
-       x2="37.693779"
-       y2="57.443047" />
-    <linearGradient
-       id="linearGradient25"
-       inkscape:collect="always">
-      <stop
-         style="stop-color:#0060f2;stop-opacity:1;"
-         offset="0"
-         id="stop25" />
-      <stop
-         style="stop-color:#2be7ff;stop-opacity:1;"
-         offset="1"
-         id="stop26" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient25"
-       id="linearGradient63"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.96177466,-0.105551,0.105551,0.96177466,12.228102,35.337128)"
-       x1="37.503448"
-       y1="64.628593"
-       x2="37.693779"
-       y2="57.443047" />
-  </defs>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-74.540716,-71.137548)">
-    <g
-       id="g95"
-       transform="translate(63.162344,9.2944166)">
-      <path
-         style="fill:#00ffff;fill-opacity:1;stroke:#4cb6ff;stroke-width:2.685;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter51-3)"
-         d="m 13.306582,98.516628 c 0,0 1.8504,10.984842 22.469963,11.168352 26.698422,0.2376 28.869332,-14.022578 28.869332,-14.022578 0,0 -3.57314,1.720542 -4.0421,0.903392 0,0 4.01112,-5.016688 2.87298,-11.259163 0,0 -0.63553,2.702598 -3.42379,0.894575 0,0 1.25012,-2.589896 -3.30432,-5.994584 0,0 6.92504,-9.239836 -4.543483,-16.435394 0,0 1.473253,8.830328 -12.798793,8.687801 0,0 -8.281778,0.362869 -13.120499,6.265933 0,0 0.540185,-0.517891 -0.965062,-2.011337 0,0 -4.953283,2.731414 -1.9964,7.330799 -0.105743,-0.156986 -0.868322,-0.319905 -1.888088,0.963288 -1.019766,1.283193 -1.546939,4.720444 -5.135824,2.132322 -0.125961,-0.110312 -5.464383,10.905512 5.046487,13.691906 0,0 -3.181314,-2.134584 -8.040403,-2.315317 z"
-         id="path42-1"
-         sodipodi:nodetypes="cscccccccccczcccc" />
-      <path
-         style="fill:#00ffff;fill-opacity:1;stroke:#4cb6ff;stroke-width:2.685;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter52-5)"
-         d="m 47.281144,94.263536 c 0,0 -5.091479,4.033305 1.91508,7.235194 3.75023,1.71379 3.32631,5.80728 -0.15425,5.68464 0,0 12.791783,3.46498 9.020733,-11.432946 -2.31599,-9.149592 -8.645863,-3.296421 -10.781553,-1.486888 z"
-         id="path43-0"
-         sodipodi:nodetypes="cscscc" />
-      <path
-         style="fill:#00ffff;fill-opacity:1;stroke:#4cb6ff;stroke-width:2.685;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter53-1)"
-         d="M 42.911032,110.05437 C 29.166854,104.18909 27.625005,94.221731 27.625005,94.221731 c 0,0 -0.461566,-13.776977 14.899306,-14.045396 15.360876,-0.268419 8.972603,19.798029 8.972603,19.798029 0,0 -2.94074,8.304226 -8.585882,10.080006 z"
-         id="path44-3" />
-      <path
-         style="display:inline;fill:#1be449;fill-opacity:1;stroke:#010000;stroke-width:1.18533;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 13.306582,98.516628 c 0,0 1.8504,10.984842 22.469963,11.168352 26.698422,0.2376 28.869332,-14.022578 28.869332,-14.022578 0,0 -3.57314,1.720542 -4.0421,0.903392 0,0 4.01112,-5.016688 2.87298,-11.259163 0,0 -0.63553,2.702598 -3.42379,0.894575 0,0 1.25012,-2.589896 -3.30432,-5.994584 0,0 6.92504,-9.239836 -4.543483,-16.435394 0,0 1.473253,8.830328 -12.798793,8.687801 0,0 -8.281778,0.362869 -13.120499,6.265933 0,0 0.540185,-0.517891 -0.965062,-2.011337 0,0 -4.953283,2.731414 -1.9964,7.330799 -0.105743,-0.156986 -0.868322,-0.319905 -1.888088,0.963288 -1.019766,1.283193 -1.546939,4.720444 -5.135824,2.132322 -0.125961,-0.110312 -5.464383,10.905512 5.046487,13.691906 0,0 -3.181314,-2.134584 -8.040403,-2.315317 z"
-         id="path22-2-0"
-         sodipodi:nodetypes="cscccccccccczcccc" />
-      <path
-         style="display:inline;fill:#1be449;fill-opacity:1;stroke:#010000;stroke-width:1.18533;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 47.281144,94.263536 c 0,0 -5.091479,4.033305 1.91508,7.235194 3.75023,1.71379 3.32631,5.80728 -0.15425,5.68464 0,0 12.791783,3.46498 9.020733,-11.432946 -2.31599,-9.149592 -8.645863,-3.296421 -10.781553,-1.486888 z"
-         id="path24-5-8-4"
-         sodipodi:nodetypes="cscscc" />
-      <path
-         style="display:inline;fill:#1be449;fill-opacity:1;stroke:#010000;stroke-width:1.18533;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="M 42.911032,110.05437 C 29.166854,104.18909 27.625005,94.221731 27.625005,94.221731 c 0,0 -0.461566,-13.776977 14.899306,-14.045396 15.360876,-0.268419 8.972603,19.798029 8.972603,19.798029 0,0 -2.94074,8.304226 -8.585882,10.080006 z"
-         id="path21-9-4" />
-      <path
-         style="fill:#157def;fill-opacity:1;stroke:none;stroke-width:0.245146px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         d="m 13.306584,98.516626 c 0,0 1.8504,10.984844 22.469963,11.168354 26.698418,0.2376 28.86933,-14.02258 28.86933,-14.02258 0,0 -3.573145,1.720542 -4.042106,0.903392 0,0 4.011124,-5.016688 2.872987,-11.259163 0,0 -0.635532,2.702598 -3.42379,0.894575 0,0 1.250114,-2.589896 -3.304321,-5.994584 0,0 6.925039,-9.239836 -4.543485,-16.435394 0,0 1.473257,8.830328 -12.798789,8.687801 0,0 -8.281778,0.362869 -13.120499,6.265933 0,0 0.540185,-0.517891 -0.965062,-2.011337 0,0 -4.953283,2.731414 -1.9964,7.330799 -0.105743,-0.156986 -0.868322,-0.319905 -1.888088,0.963288 -1.019765,1.283193 -1.546939,4.720444 -5.135824,2.132322 -0.125961,-0.110312 -5.464383,10.905512 5.046487,13.691908 0,0 -3.181314,-2.134586 -8.040403,-2.315319 z"
-         id="path22-4"
-         sodipodi:nodetypes="cscccccccccczcccc" />
-      <path
-         style="fill:#1bf4ff;fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 47.54373,94.529041 c 0,0 -5.091482,4.033305 1.915076,7.235199 3.75023,1.71379 3.326315,5.80728 -0.154254,5.68464 0,0 12.791785,3.46498 9.020737,-11.432951 -2.315996,-9.149592 -8.645866,-3.296421 -10.781555,-1.486888 z"
-         id="path24-5-4"
-         sodipodi:nodetypes="cscscc" />
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.3;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="M 42.911033,110.05437 C 29.166855,104.18909 27.625006,94.221731 27.625006,94.221731 c 0,0 -0.461566,-13.776977 14.899306,-14.045396 15.360872,-0.268419 8.972603,19.798029 8.972603,19.798029 0,0 -2.940741,8.304226 -8.585882,10.080006 z"
-         id="path21-7" />
-      <path
-         style="fill:#1bf4ff;fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 27.059804,94.009763 c 0,0 -6.320233,2.122207 -0.752747,7.446397 4.633073,4.43061 -0.162964,5.65202 -1.920412,5.15029 0,0 11.625129,7.5245 11.386271,-6.47814 -0.160973,-9.436791 -6.077345,-7.061049 -8.713112,-6.118547 z m 3.042093,2.162416"
-         id="path24-63"
-         sodipodi:nodetypes="cscsc" />
-      <path
-         style="display:inline;fill:url(#linearGradient64);fill-opacity:1;stroke:#000000;stroke-width:0.661458;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 45.899725,94.75712 c -0.0177,0.497819 -0.60444,4.077766 1.144726,6.17621 1.900309,2.27977 3.463832,-8.609579 2.660397,-9.603751 -0.856762,-1.06016 -3.177245,-1.420138 -3.805123,3.427541 z"
-         id="path29-4-7"
-         sodipodi:nodetypes="cssc" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 43.07836,102.58036 0.898366,-0.89837 0.796347,0.85533"
-         id="path34-5"
-         sodipodi:nodetypes="ccc" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 49.842283,94.288814 51.33529,93.496052"
-         id="path37-21"
-         sodipodi:nodetypes="cc" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 48.779283,99.617332 1.199192,0.616068"
-         id="path38-7"
-         sodipodi:nodetypes="cc" />
-      <path
-         style="fill:#157def;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         d="m 27.059804,94.009763 c 0,0 8.998139,3.357621 13.917664,-6.560232 0,0 2.977644,2.701407 0.878475,6.584832 0,0 12.000318,-5.847747 6.786203,-14.490444 0,0 -2.547078,10.512071 4.542765,13.632726 9.206656,4.052389 -1.067255,-15.504573 -1.392911,-15.6744 0,0 -29.798336,-7.904202 -24.97871,13.247126"
-         id="path23-5"
-         sodipodi:nodetypes="ccccscc" />
-      <path
-         style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.533;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 29.914958,89.15314 c 0,0 -2.461542,1.806323 -2.436221,4.10365 0.02532,2.297315 4.324952,2.848845 4.745687,0.537049 0.420747,-2.311795 -0.745545,-4.45118 -0.745545,-4.45118"
-         id="path25-2-9-7"
-         sodipodi:nodetypes="cssc" />
-      <path
-         style="fill:none;fill-opacity:1;stroke:url(#linearGradient62);stroke-width:1.32444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none"
-         d="m 29.911945,89.158539 c 0,0 -2.461542,1.806322 -2.436221,4.10365 0.02532,2.297314 4.324953,2.848844 4.745688,0.537048 0.420747,-2.311795 -0.745546,-4.45118 -0.745546,-4.45118"
-         id="path25-2-4"
-         sodipodi:nodetypes="cssc" />
-      <path
-         style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.23256;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 53.932029,87.632687 c 0,0 -1.660728,2.117 -1.094288,4.060825 0.566438,1.943812 4.34653,1.392001 4.155243,-0.669913 -0.191277,-2.061915 -1.688639,-3.601038 -1.688639,-3.601038"
-         id="path25-2-9-0-1"
-         sodipodi:nodetypes="cssc" />
-      <path
-         style="fill:none;fill-opacity:1;stroke:url(#linearGradient63);stroke-width:1.16718;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none"
-         d="m 53.930753,87.637984 c 0,0 -1.660728,2.116998 -1.094288,4.060824 0.566437,1.943812 4.346531,1.392 4.155243,-0.669913 -0.191278,-2.061915 -1.688639,-3.601038 -1.688639,-3.601038"
-         id="path25-2-2-8"
-         sodipodi:nodetypes="cssc" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 38.455849,99.049613 -1.29819,-0.738089"
-         id="path35-8-5"
-         sodipodi:nodetypes="cc" />
-      <path
-         style="display:inline;fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 37.855019,100.07959 -1.14337,0.4605"
-         id="path36-1-3"
-         sodipodi:nodetypes="cc" />
-      <path
-         style="fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 37.855019,100.07959 c 0,0 2.10194,-2.853098 4.7869,-0.930789"
-         id="path61-8" />
-      <path
-         style="fill:none;stroke:#000000;stroke-width:0.661458;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 41.308082,105.6503 4.591734,-0.0947 c 0,0 -1.306516,0.98705 -2.447646,0.96141 -1.141127,-0.0257 -2.144088,-0.86672 -2.144088,-0.86672 z"
-         id="path65" />
-    </g>
-  </g>
-</svg>
+<svg width="208.614" height="189.832" viewBox="0 0 55.196 50.227" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient xlink:href="#prefix__a" id="prefix__f" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.00159 0 0 .95875 -30.178 58.544)" x1="77.301" y1="39.614" x2="77.301" y2="39.617"/><linearGradient id="prefix__a"><stop offset="0" stop-color="#3992f3"/><stop offset="1" stop-color="#1bf4ff"/></linearGradient><linearGradient xlink:href="#prefix__b" id="prefix__g" gradientUnits="userSpaceOnUse" gradientTransform="rotate(9.352 -117.604 11.536) scale(1.09791)" x1="37.503" y1="64.629" x2="37.694" y2="57.443"/><linearGradient id="prefix__b"><stop offset="0" stop-color="#0060f2"/><stop offset="1" stop-color="#2be7ff"/></linearGradient><linearGradient xlink:href="#prefix__b" id="prefix__h" gradientUnits="userSpaceOnUse" gradientTransform="rotate(-6.263 329.071 -94.085) scale(.96755)" x1="37.503" y1="64.629" x2="37.694" y2="57.443"/><filter id="prefix__c" x="-.038" y="-.042" width="1.075" height="1.084" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".244"/></filter><filter id="prefix__d" x="-.145" y="-.114" width="1.29" height="1.23" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".244"/></filter><filter id="prefix__e" x="-.077" y="-.065" width="1.153" height="1.132" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".244"/></filter></defs><path d="M13.307 98.517s1.85 10.984 22.47 11.168c26.698.238 28.869-14.023 28.869-14.023s-3.573 1.72-4.042.904c0 0 4.01-5.017 2.873-11.26 0 0-.636 2.703-3.424.895 0 0 1.25-2.59-3.304-5.994 0 0 6.925-9.24-4.544-16.436 0 0 1.473 8.83-12.799 8.688 0 0-8.281.363-13.12 6.266 0 0 .54-.518-.965-2.011 0 0-4.953 2.731-1.997 7.33-.105-.157-.868-.32-1.888.964-1.02 1.283-1.547 4.72-5.136 2.132-.125-.11-5.464 10.906 5.047 13.692 0 0-3.181-2.135-8.04-2.315z" fill="#0ff" stroke="#4cb6ff" stroke-width="2.685" stroke-linejoin="round" filter="url(#prefix__c)" transform="translate(-11.378 -61.843)"/><path d="M47.281 94.264s-5.091 4.033 1.915 7.235c3.75 1.714 3.327 5.807-.154 5.684 0 0 12.792 3.465 9.02-11.433-2.315-9.15-8.645-3.296-10.78-1.486z" fill="#0ff" stroke="#4cb6ff" stroke-width="2.685" filter="url(#prefix__d)" transform="translate(-11.378 -61.843)"/><path d="M42.911 110.054c-13.744-5.865-15.286-15.832-15.286-15.832s-.462-13.777 14.9-14.046c15.36-.268 8.972 19.798 8.972 19.798s-2.94 8.305-8.586 10.08z" fill="#0ff" stroke="#4cb6ff" stroke-width="2.685" filter="url(#prefix__e)" transform="translate(-11.378 -61.843)"/><path d="M1.928 36.673s1.85 10.985 22.47 11.169c26.699.237 28.87-14.023 28.87-14.023s-3.574 1.72-4.043.904c0 0 4.012-5.017 2.873-11.26 0 0-.635 2.703-3.423.895 0 0 1.25-2.59-3.305-5.995 0 0 6.925-9.24-4.543-16.435 0 0 1.473 8.83-12.799 8.688 0 0-8.282.363-13.12 6.266 0 0 .54-.518-.966-2.012 0 0-4.953 2.732-1.996 7.331-.106-.157-.868-.32-1.888.964-1.02 1.283-1.547 4.72-5.136 2.132-.126-.11-5.464 10.905 5.047 13.692 0 0-3.182-2.135-8.04-2.316z" fill="#1be449" stroke="#010000" stroke-width="1.185" stroke-linejoin="round"/><path d="M35.903 32.42s-5.092 4.034 1.915 7.236c3.75 1.713 3.326 5.807-.154 5.684 0 0 12.791 3.465 9.02-11.433-2.316-9.15-8.646-3.296-10.781-1.487z" fill="#1be449" stroke="#010000" stroke-width="1.185"/><path d="M31.533 48.211C17.788 42.346 16.247 32.38 16.247 32.38s-.462-13.777 14.899-14.046c15.36-.268 8.973 19.798 8.973 19.798s-2.941 8.304-8.586 10.08z" fill="#1be449" stroke="#010000" stroke-width="1.185"/><path d="M1.928 36.673s1.85 10.985 22.47 11.169c26.699.237 28.87-14.023 28.87-14.023s-3.574 1.72-4.043.904c0 0 4.012-5.017 2.873-11.26 0 0-.635 2.703-3.423.895 0 0 1.25-2.59-3.305-5.995 0 0 6.925-9.24-4.543-16.435 0 0 1.473 8.83-12.799 8.688 0 0-8.282.363-13.12 6.266 0 0 .54-.518-.966-2.012 0 0-4.953 2.732-1.996 7.331-.106-.157-.868-.32-1.888.964-1.02 1.283-1.547 4.72-5.136 2.132-.126-.11-5.464 10.905 5.047 13.692 0 0-3.182-2.135-8.04-2.316z" fill="#157def"/><path d="M36.165 32.686s-5.091 4.033 1.915 7.235c3.75 1.714 3.327 5.807-.154 5.685 0 0 12.792 3.465 9.02-11.433-2.315-9.15-8.645-3.297-10.78-1.487z" fill="#1bf4ff" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M31.533 48.211C17.788 42.346 16.247 32.38 16.247 32.38s-.462-13.777 14.899-14.046c15.36-.268 8.973 19.798 8.973 19.798s-2.941 8.304-8.586 10.08z" fill="#fff"/><path d="M15.681 32.167s-6.32 2.122-.752 7.446c4.633 4.43-.163 5.652-1.92 5.15 0 0 11.624 7.525 11.386-6.478-.161-9.437-6.078-7.06-8.714-6.118zm3.043 2.162" fill="#1bf4ff" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M45.9 94.757c-.018.498-.605 4.078 1.144 6.176 1.9 2.28 3.464-8.61 2.66-9.603-.856-1.06-3.176-1.42-3.804 3.427z" fill="url(#prefix__f)" stroke="#000" stroke-width=".661" transform="translate(-11.378 -61.843)"/><path d="M31.7 40.737l.898-.898.797.855M38.464 32.446l1.493-.793M37.4 37.774l1.2.616" fill="none" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.681 32.167s8.999 3.357 13.918-6.56c0 0 2.978 2.7.879 6.584 0 0 12-5.848 6.786-14.49 0 0-2.547 10.512 4.543 13.633 9.206 4.052-1.068-15.505-1.393-15.675 0 0-29.799-7.904-24.98 13.247" fill="#157def"/><path d="M18.537 27.31s-2.462 1.806-2.437 4.104c.026 2.297 4.325 2.849 4.746.537.42-2.312-.745-4.451-.745-4.451" fill="none" stroke="#000" stroke-width="2.533" stroke-linecap="round"/><path d="M29.912 89.159s-2.462 1.806-2.436 4.103c.025 2.298 4.325 2.849 4.745.537.421-2.312-.745-4.45-.745-4.45" fill="none" stroke="url(#prefix__g)" stroke-width="1.324" stroke-linecap="round" transform="translate(-11.378 -61.843)"/><path d="M42.554 25.79s-1.661 2.117-1.095 4.06c.567 1.944 4.347 1.392 4.156-.67-.192-2.061-1.689-3.6-1.689-3.6" fill="none" stroke="#000" stroke-width="2.233" stroke-linecap="round"/><path d="M53.93 87.638s-1.66 2.117-1.094 4.06c.567 1.945 4.347 1.393 4.156-.67-.192-2.061-1.689-3.6-1.689-3.6" fill="none" stroke="url(#prefix__h)" stroke-width="1.167" stroke-linecap="round" transform="translate(-11.378 -61.843)"/><path d="M27.077 37.206l-1.298-.738M26.477 38.236l-1.144.461" fill="none" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/><path d="M26.477 38.236s2.102-2.853 4.787-.93" fill="none" stroke="#000" stroke-width=".661" stroke-linecap="round"/><path d="M29.93 43.807l4.591-.095s-1.306.988-2.447.962c-1.141-.026-2.144-.867-2.144-.867z" fill="none" stroke="#000" stroke-width=".661" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 7f6ebf0..48e276c 100755
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -3,7 +3,7 @@ const colors = require('tailwindcss/colors')
 
 /** @type {import('tailwindcss').Config} */
 export default {
-	content: ['./src/**/**/*.{html,js,svelte,ts}'],
+	content: ['./src/**/**/*.{html,js,svelte,ts}', './src/content/profiles.json'],
 	theme: {
 		extend: {
 			colors: { black: '#090b0c', primary: '#58E1FF', secondary: '#00A2F8' },