merge: main into badges

2 files changed, 49 insertions, 202 deletions

diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte
index 227ba252..858e6aec 100644
--- a/src/routes/user/[user]/+page.svelte
+++ b/src/routes/user/[user]/+page.svelte
@@ -27,14 +27,38 @@
 {:else if userData === undefined}
 	Loading ...
 {:else}
-	<p>
-		<a href={`https://anilist.co/user/${userData.name}`} target="_blank" title={String(userData.id)}
-			>@{userData.name}</a
-		>
-		• <a href={`/user/${userData.name}/badges`}>Badge Wall</a>
-	</p>
-
-	This user has watched {(userData.statistics.anime.minutesWatched / 60 / 24).toFixed(1)} days of anime
-	and read
-	{((userData.statistics.manga.chaptersRead * 8.58) / 60 / 24).toFixed(1)} days of manga.
+	<div class="user-grid">
+		<p>
+			<a
+				href={`https://anilist.co/user/${userData.name}`}
+				target="_blank"
+				title={String(userData.id)}
+			>
+				<img src={userData.avatar.large} alt="" width="100vw" />
+			</a>
+		</p>
+
+		<div>
+			<p>
+				<a
+					href={`https://anilist.co/user/${userData.name}`}
+					target="_blank"
+					title={String(userData.id)}>@{userData.name}</a
+				>
+				• <a href={`/user/${userData.name}/badges`}>Badge Wall</a>
+			</p>
+
+			This user has watched {(userData.statistics.anime.minutesWatched / 60 / 24).toFixed(1)} days of
+			anime and read
+			{((userData.statistics.manga.chaptersRead * 8.58) / 60 / 24).toFixed(1)} days of manga.
+		</div>
+	</div>
 {/if}
+
+<style>
+	.user-grid {
+		display: flex;
+		flex-wrap: wrap;
+		column-gap: 1.5em;
+	}
+</style>
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index 276bf1ca..293a7ba5 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -8,195 +8,6 @@
 	let editMode = false;
 	let currentUserIdentity: ReturnType<typeof userIdentity>;
 
-	// const badges: Badge[] = [
-	// 	{
-	// 		post: 'https://anilist.co/activity/611973592',
-	// 		image: 'https://files.catbox.moe/6tvw17.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/611972285', image: 'https://files.catbox.moe/rn5qr5.png' },
-	// 	{ post: 'https://anilist.co/activity/611977824', image: 'https://i.imgur.com/DFkT4zB.png' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/612036793',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1136989514653519924/1144851101414326333/Badge2_26-08-23.png'
-	// 	},
-	// 	{
-	// 		post: 'https://anilist.co/activity/612273794',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1118627570074800264/1144773312468234351/DOGDAY_5_v2.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/613961295', image: 'https://files.catbox.moe/6rebg8.png' },
-	// 	{ post: 'https://anilist.co/activity/614793182', image: 'https://imgur.com/QhJbw4l.png' },
-	// 	{ post: 'https://anilist.co/activity/615002857', image: 'https://files.catbox.moe/oc8g02.png' },
-	// 	{ post: 'https://anilist.co/activity/615426233', image: 'https://files.catbox.moe/4z226e.png' },
-	// 	{ post: 'https://anilist.co/activity/615427328', image: 'https://files.catbox.moe/tqcltp.png' },
-	// 	{ post: 'https://anilist.co/activity/615920191', image: 'https://files.catbox.moe/frw5p5.png' },
-	// 	{ post: 'https://anilist.co/activity/616629257', image: 'https://files.catbox.moe/15st7d.png' },
-	// 	{ post: 'https://anilist.co/activity/617442391', image: 'https://i.imgur.com/aHkSRCz.gif' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/617445099',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1118627570074800264/1148663790452346961/chondyunbday.gif'
-	// 	},
-	// 	{
-	// 		post: 'https://anilist.co/activity/617616590',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1136989514653519924/1148678438551568444/Badge_3.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/617842237', image: 'https://i.imgur.com/Zx4uiAz.gif' },
-	// 	{ post: 'https://anilist.co/activity/618296369', image: 'https://i.imgur.com/V6UsqYI.gif' },
-	// 	{ post: 'https://anilist.co/activity/618664650', image: 'https://imgur.com/x98vT7p.png' },
-	// 	{ post: 'https://anilist.co/activity/619306471', image: 'https://i.imgur.com/GppbpqE.png' },
-	// 	{ post: 'https://anilist.co/activity/619657632', image: 'https://files.catbox.moe/barla6.png' },
-	// 	{ post: 'https://anilist.co/activity/619659847', image: 'https://i.imgur.com/e81dgSB.gif' },
-	// 	{ post: 'https://anilist.co/activity/619661657', image: 'https://i.imgur.com/S0fSeD4.gif' },
-	// 	{ post: 'https://anilist.co/activity/619664832', image: 'https://i.imgur.com/EXNQE3n.gif' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/619764622',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1118627570074800264/1151314632942817290/persona_5_3.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/620025361', image: 'https://i.imgur.com/DmEl13g.gif' },
-	// 	{ post: 'https://anilist.co/activity/620125206', image: 'https://i.imgur.com/SmzhGyu.gif' },
-	// 	{ post: 'https://anilist.co/activity/620125762', image: 'https://i.imgur.com/38I5gUM.gif' },
-	// 	{ post: 'https://anilist.co/activity/620126356', image: 'https://i.imgur.com/9I7Xggm.gif' },
-	// 	{ post: 'https://anilist.co/activity/620600819', image: 'https://i.imgur.com/nHREaUc.png' },
-	// 	{ post: 'https://anilist.co/activity/620989269', image: 'https://imgur.com/XjhyOHU.png' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/621253410',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1139717993845239849/1147701375707381760/0028HLA.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/621787546', image: 'https://i.imgur.com/tn5yVsk.gif' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/621789551',
-	// 		image: 'https://i.postimg.cc/Z5325GDx/ota-day-otaku-academia-ittle-witch-academia.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/622236894', image: 'https://i.imgur.com/vicrIfS.png' },
-	// 	{ post: 'https://anilist.co/activity/622237728', image: 'https://i.imgur.com/TLSC65A.jpg' },
-	// 	{ post: 'https://anilist.co/activity/623156563', image: 'https://files.catbox.moe/ujf0ym.png' },
-	// 	{ post: 'https://anilist.co/activity/623990926', image: 'https://files.catbox.moe/gkalwm.png' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/623995806',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1118627570074800264/1154888665638649916/monikabday.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/624542383', image: 'https://files.catbox.moe/9tzs66.png' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/624542383',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1136989514653519924/1154540564671377459/EMILIA_BADGE_2.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/624543474', image: 'https://imgur.com/WQuXh6g.png' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/624544489',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1136989514653519924/1154736156093726870/fsdfwefewfwf.png'
-	// 	},
-	// 	{
-	// 		post: 'https://anilist.co/activity/624545233',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1136989514653519924/1153606849464111134/katoubadge1.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/624548754', image: 'https://imgur.com/j5aqX5w.png' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/624549956',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1152962059126972417/1154745849465811015/Day_of_Mid_2.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/626483669', image: 'https://files.catbox.moe/lz0r48.png' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/626483669',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1118627570074800264/1156396779332456538/jojobdayb.png'
-	// 	},
-	// 	{
-	// 		post: 'https://anilist.co/activity/626770819',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1136989514653519924/1156582649779994664/kikurihiroi.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/626772329', image: 'https://i.imgur.com/P09v438.gif' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/627283326',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1118627570074800264/1157124224197083226/coffeeday2.png'
-	// 	},
-	// 	{
-	// 		post: 'https://anilist.co/activity/628202238',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1136989514653519924/1156472801457340506/rinshima1.png'
-	// 	},
-	// 	{
-	// 		post: 'https://anilist.co/activity/628202913',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1136989514653519924/1157574135069806592/Badge-1_-_01_10_23.png'
-	// 	},
-	// 	{
-	// 		post: 'https://anilist.co/activity/628305048',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1118627570074800264/1157650582094479370/SakeDay2.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/629168789', image: 'https://files.catbox.moe/0mwudd.png' },
-	// 	{ post: 'https://anilist.co/activity/629592629', image: 'https://files.catbox.moe/pyjy0z.png' },
-	// 	{ post: 'https://anilist.co/activity/629593251', image: 'https://files.catbox.moe/e9xx50.png' },
-	// 	{ post: 'https://anilist.co/activity/630084060', image: 'https://i.imgur.com/zVU0gie.gif' },
-	// 	{ post: 'https://anilist.co/activity/630462423', image: 'https://files.catbox.moe/b63wxi.png' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/630464366',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1118627570074800264/1158527481486266490/codegeass1.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/630996180', image: 'https://files.catbox.moe/ap15dx.png' },
-	// 	{ post: 'https://anilist.co/activity/631494022', image: 'https://files.catbox.moe/fw4rqx.png' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/631503062',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1118627570074800264/1158787682231660684/rize1.png'
-	// 	},
-	// 	{
-	// 		post: 'https://anilist.co/activity/632259051',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1154438205731524638/1158943217459412992/Luna_Bday2023_Axel5.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/632260829', image: 'https://files.catbox.moe/ighico.png' },
-	// 	{ post: 'https://anilist.co/activity/632311940', image: 'https://files.catbox.moe/ukv6tv.png' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/632311940',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1136989514653519924/1160915207711895593/Gintoki_2.png'
-	// 	},
-	// 	{
-	// 		post: 'https://anilist.co/activity/632407688',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1136989514653519924/1159856849735127110/Nishinoya_1.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/632832412', image: 'https://files.catbox.moe/9lk6s1.png' },
-	// 	{ post: 'https://anilist.co/activity/633710355', image: 'https://i.imgur.com/JmpriDr.gif' },
-	// 	{ post: 'https://anilist.co/activity/633710743', image: 'https://files.catbox.moe/it9d7q.png' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/633711260',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1118627570074800264/1160674827670134804/Sonia1.png'
-	// 	},
-	// 	{ post: 'https://anilist.co/activity/634118108', image: 'https://files.catbox.moe/tzudpj.png' },
-	// 	{
-	// 		post: 'https://anilist.co/activity/634119722',
-	// 		image:
-	// 			'https://cdn.discordapp.com/attachments/1085425937933418578/1162583650840354846/Mystery_Day_badge_4.png'
-	// 	}
-	// ];
-
-	// onMount(async () => {
-	// 	const id = (await user(data.username)).id;
-
-	// 	for (const badge of badges) {
-	// 		await fetch(`/api/badges-add?id=${id}`, {
-	// 			method: 'POST',
-	// 			body: JSON.stringify(badge)
-	// 		});
-	// 	}
-	// });
-
 	onMount(async () => {
 		if (data.user) {
 			currentUserIdentity = userIdentity(data.user);
@@ -258,9 +69,21 @@
 		</p>
 
 		<p>
-			<input type="text" placeholder="Image URL" name="image_url" />
-			<input type="text" placeholder="Activity URL" name="activity_url" />
-			<input type="text" placeholder="Description (Optional)" name="description" />
+			<input type="text" placeholder="Image URL" name="image_url" minlength="1" maxlength="1000" />
+			<input
+				type="text"
+				placeholder="Activity URL"
+				name="activity_url"
+				minlength="1"
+				maxlength="1000"
+			/>
+			<input
+				type="text"
+				placeholder="Description (Optional)"
+				name="description"
+				minlength="1"
+				maxlength="1000"
+			/>
 			<a href={`#`} on:click={submitBadge}>Add Badge</a>
 		</p>
 	{/if}