aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools
diff options
context:
space:
mode:
authorFuwn <[email protected]>2023-11-12 23:56:21 -0800
committerFuwn <[email protected]>2023-11-12 23:56:21 -0800
commita307e061110e6b42367c7a7cfcbedb0359d0a25d (patch)
tree2d37f09b56f1d48b0d0abe7cd54e0aa7aea20755 /src/lib/Tools
parentfeat(wrapped): border-radius for images (diff)
downloaddue.moe-a307e061110e6b42367c7a7cfcbedb0359d0a25d.tar.xz
due.moe-a307e061110e6b42367c7a7cfcbedb0359d0a25d.zip
feat(wrapped): optional watermark
Diffstat (limited to 'src/lib/Tools')
-rw-r--r--src/lib/Tools/Wrapped.svelte11
1 files changed, 11 insertions, 0 deletions
diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte
index bbec5ad5..bc20f274 100644
--- a/src/lib/Tools/Wrapped.svelte
+++ b/src/lib/Tools/Wrapped.svelte
@@ -24,6 +24,7 @@
let maxAbbreviateLength = 40;
let transparency = false;
let darkTheme = true;
+ let watermark = false;
onMount(async () => {
if (user !== undefined) {
@@ -300,6 +301,9 @@
{/if}
</div>
</div>
+ {#if watermark}
+ <div class="category-grid pure-category" id="watermark">due.moe/wrapped</div>
+ {/if}
</div>
<br />
@@ -311,6 +315,9 @@
<ul>
<li>
+ <input type="checkbox" bind:checked={watermark} /> Enable watermark
+ </li>
+ <li>
<a href={'#'} on:click={() => screenshot(true)}>Generate dark themed image</a>
</li>
<li>
@@ -426,4 +433,8 @@
ol {
margin: 0 !important;
}
+
+ #watermark {
+ color: rgb(61, 180, 242) !important;
+ }
</style>