From 13fc063eef72bf5bb8c5e4fdbe28bae188189fcc Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Tue, 5 Dec 2023 14:57:45 -0800
Subject: feat(layout): mai

---
 src/routes/+layout.svelte        | 12 ++++++++++++
 src/routes/settings/+page.svelte |  9 +++++++++
 2 files changed, 21 insertions(+)

(limited to 'src/routes')

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 95c7c678..8de5b2de 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -94,6 +94,10 @@
 	<slot />
 </div>
 
+{#if $settings.displayMai}
+	<img src="mai.png" alt="Mai Sakurajima" id="mai" />
+{/if}
+
 <style>
 	:global(html.light-theme) {
 		filter: invert(0);
@@ -139,4 +143,12 @@
 	#hover-header:hover {
 		opacity: 1;
 	}
+
+	#mai {
+		position: fixed;
+		left: 0;
+		bottom: 0;
+		height: auto;
+		width: 10vh;
+	}
 </style>
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 6aa1c16d..269fe340 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -99,6 +99,15 @@
 				By default, anime will be sorted by the number of days left until the next episode airs.
 			</SettingHint>
 		</SettingCheckboxToggle>
+
+		<br />
+
+		<SettingCheckboxToggle
+			setting="displayMai"
+			text={`Display <a href="https://anilist.co/character/127222/Mai-Sakurajima">Mai</a>`}
+		>
+			<SettingHint lineBreak>Let her remind you. It's for your own benefit.</SettingHint>
+		</SettingCheckboxToggle>
 	</details>
 
 	<p />
-- 
cgit v1.2.3