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/lib/Settings/SettingCheckboxToggle.svelte |  4 ++--
 src/routes/+layout.svelte                     | 12 ++++++++++++
 src/routes/settings/+page.svelte              |  9 +++++++++
 src/stores/settings.ts                        |  4 +++-
 4 files changed, 26 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/lib/Settings/SettingCheckboxToggle.svelte b/src/lib/Settings/SettingCheckboxToggle.svelte
index 58eeacc9..73a4e831 100644
--- a/src/lib/Settings/SettingCheckboxToggle.svelte
+++ b/src/lib/Settings/SettingCheckboxToggle.svelte
@@ -40,11 +40,11 @@
 
 {#if disabled}
 	<strike>
-		{text}
+		{@html text}
 	</strike>
 	<slot />
 {:else}
-	{text}
+	{@html text}
 	<slot />
 {/if}
 
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 />
diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index a194f6c3..28f55f32 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -22,6 +22,7 @@ export interface Settings {
 	disableOutOfDateVolumeWarning: boolean;
 	displayPlannedAnime: boolean;
 	displayFurigana: boolean;
+	displayMai: boolean;
 }
 
 const defaultSettings: Settings = {
@@ -44,7 +45,8 @@ const defaultSettings: Settings = {
 	guessMethod: 'median',
 	disableOutOfDateVolumeWarning: false,
 	displayPlannedAnime: true,
-	displayFurigana: false
+	displayFurigana: false,
+	displayMai: true
 };
 
 const createStore = () => {
-- 
cgit v1.2.3