web/settings: update analytics text & add a link to more info

This commit is contained in:
wukko 2024-07-14 21:51:56 +06:00
parent f582be5d44
commit 9f649ff1db
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
3 changed files with 27 additions and 7 deletions

View file

@ -85,9 +85,10 @@
"language.preferred.title": "preferred language", "language.preferred.title": "preferred language",
"language.preferred.description": "language used for interface and content. if any text isnt translated to this language, it will be displayed in english.", "language.preferred.description": "language used for interface and content. if any text isnt translated to this language, it will be displayed in english.",
"privacy": "anonymous traffic analytics", "privacy.analytics": "anonymous traffic analytics",
"privacy.disableAnalytics.title": "opt out of private analytics", "privacy.analytics.title": "don't contribute to analytics",
"privacy.disableAnalytics.description": "enable if you don't want to be included in anonymous traffic stats. read more about this in about > privacy policy (tl;dr: nothing about you is ever stored or tracked, no cookies are used).", "privacy.analytics.description": "we use a self-hosted plausible instance for getting an approximate number of active cobalt users. no identifiable informaton about you is ever stored. all processed data is anonymized and aggregated.\n\nplausible does not use any cookies and is fully compliant with GDPR, CCPA, and PECR.",
"privacy.analytics.learnmore": "learn more about plausible's dedication to privacy.",
"advanced.debug": "debug", "advanced.debug": "debug",
"advanced.debug.title": "enable debug features", "advanced.debug.title": "enable debug features",

View file

@ -0,0 +1,7 @@
<script lang="ts">
export let href: string;
</script>
<a target="_blank" rel="noopener noreferrer" {href}>
<slot></slot>
</a>

View file

@ -3,13 +3,25 @@
import SettingsCategory from "$components/settings/SettingsCategory.svelte"; import SettingsCategory from "$components/settings/SettingsCategory.svelte";
import SettingsToggle from "$components/buttons/SettingsToggle.svelte"; import SettingsToggle from "$components/buttons/SettingsToggle.svelte";
import OuterLink from "$components/misc/OuterLink.svelte";
</script> </script>
<SettingsCategory sectionId="privacy" title={$t("settings.privacy")}> <SettingsCategory sectionId="privacy" title={$t("settings.privacy.analytics")}>
<SettingsToggle <SettingsToggle
settingContext="privacy" settingContext="privacy"
settingId="disableAnalytics" settingId="disableAnalytics"
title={$t("settings.privacy.disableAnalytics.title")} title={$t("settings.privacy.analytics.title")}
description={$t("settings.privacy.disableAnalytics.description")} description={$t("settings.privacy.analytics.description")}
/> />
<div class="subtext learn-more-plausible">
<OuterLink href="https://plausible.io/privacy-focused-web-analytics">
{$t("settings.privacy.analytics.learnmore")}
</OuterLink>
</div>
</SettingsCategory> </SettingsCategory>
<style>
.learn-more-plausible {
padding-top: 6px;
}
</style>