diff options
| author | Fuwn <[email protected]> | 2023-12-05 14:57:45 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-12-05 14:57:45 -0800 |
| commit | 13fc063eef72bf5bb8c5e4fdbe28bae188189fcc (patch) | |
| tree | 98300ca00804781ae1fb27d935ec07bc44e699ff /src | |
| parent | fix(html): header fouc (diff) | |
| download | due.moe-13fc063eef72bf5bb8c5e4fdbe28bae188189fcc.tar.xz due.moe-13fc063eef72bf5bb8c5e4fdbe28bae188189fcc.zip | |
feat(layout): mai
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/Settings/SettingCheckboxToggle.svelte | 4 | ||||
| -rw-r--r-- | src/routes/+layout.svelte | 12 | ||||
| -rw-r--r-- | src/routes/settings/+page.svelte | 9 | ||||
| -rw-r--r-- | src/stores/settings.ts | 4 |
4 files changed, 26 insertions, 3 deletions
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 = () => { |