web/i18n/about: replace section titles with i18n strings

web/i18n/en/about.json

@@ -12,5 +12,19 @@
     "community.twitter": "news account on twitter",
     "community.github": "github repo",
     "community.email": "support email",
-    "community.telegram": "news channel on telegram"
+    "community.telegram": "news channel on telegram",
+
+    "heading.general": "general terms",
+    "heading.licenses": "licenses",
+    "heading.summary": "best way to save what you love",
+    "heading.privacy": "leading privacy",
+    "heading.speed": "blazing speed",
+    "heading.community": "open community",
+    "heading.local": "on-device processing",
+    "heading.saving": "saving",
+    "heading.encryption": "encryption",
+    "heading.plausible": "anonymous traffic analytics",
+    "heading.cloudflare": "web privacy & security",
+    "heading.responsibility": "user responsibilities",
+    "heading.abuse": "reporting abuse"
 }

web/i18n/en/about/credits.md

@@ -1,11 +1,13 @@
 <script lang="ts">
     import { contacts, docs } from "$lib/env";
+    import { t } from "$lib/i18n/translations";
+
     import SectionHeading from "$components/misc/SectionHeading.svelte";
 </script>
 
 <section id="meowbalt">
 <SectionHeading
-    title="meowbalt"
+    title={$t("general.meowbalt")}
     sectionId="meowbalt"
 />
 
@@ -21,7 +23,7 @@ you cannot use or modify the meowbalt character design commercially or in any fo
 
 <section id="licenses">
 <SectionHeading
-    title="cobalt licenses"
+    title={$t("about.heading.licenses")}
     sectionId="licenses"
 />
 

web/i18n/en/about/general.md

@@ -1,11 +1,13 @@
 <script lang="ts">
+    import { t } from "$lib/i18n/translations";
     import { partners, contacts, docs } from "$lib/env";
+
     import SectionHeading from "$components/misc/SectionHeading.svelte";
 </script>
 
 <section id="saving">
 <SectionHeading
-    title="best way to save what you love"
+    title={$t("about.heading.summary")}
     sectionId="saving"
 />
 
@@ -16,7 +18,7 @@ no ads, trackers, or paywalls, no nonsense. just a convenient web app that works
 
 <section id="privacy">
 <SectionHeading
-    title="leading privacy"
+    title={$t("about.heading.privacy")}
     sectionId="privacy"
 />
 
@@ -33,7 +35,7 @@ all they'll see is that you're using cobalt.
 
 <section id="speed">
 <SectionHeading
-    title="blazing speed"
+    title={$t("about.heading.speed")}
     sectionId="speed"
 />
 
@@ -49,7 +51,7 @@ you're in good hands, and will get what you need within seconds.
 
 <section id="community">
 <SectionHeading
-    title="open community"
+    title={$t("about.heading.community")}
     sectionId="community"
 />
 
@@ -66,7 +68,7 @@ if your friend hosts one, just ask them for a domain and [add it in instance set
 
 <section id="local">
 <SectionHeading
-    title="on-device processing"
+    title={$t("about.heading.local")}
     sectionId="local"
 />
 

web/i18n/en/about/privacy.md

@@ -1,11 +1,13 @@
 <script lang="ts">
     import env from "$lib/env";
+    import { t } from "$lib/i18n/translations";
+
     import SectionHeading from "$components/misc/SectionHeading.svelte";
 </script>
 
 <section id="general">
 <SectionHeading
-    title="general terms"
+    title={$t("about.heading.general")}
     sectionId="general"
 />
 
@@ -16,7 +18,7 @@ these terms are applicable only when using the official cobalt instance. in othe
 
 <section id="local">
 <SectionHeading
-    title="on-device processing"
+    title={$t("about.heading.local")}
     sectionId="local"
 />
 
@@ -25,7 +27,7 @@ tools that use on-device processing work offline, locally, and never send any da
 
 <section id="saving">
 <SectionHeading
-    title="saving"
+    title={$t("about.heading.saving")}
     sectionId="saving"
 />
 
@@ -36,7 +38,7 @@ processed/tunneled files are never cached anywhere. everything is tunneled live.
 
 <section id="encryption">
 <SectionHeading
-    title="encryption"
+    title={$t("about.heading.encryption")}
     sectionId="encryption"
 />
 
@@ -46,7 +48,7 @@ temporarily stored tunnel data is encrypted using the AES-256 standard. decrypti
 {#if env.PLAUSIBLE_ENABLED}
 <section id="plausible">
 <SectionHeading
-    title="anonymous traffic analytics"
+    title={$t("about.heading.plausible")}
     sectionId="plausible"
 />
 
@@ -62,7 +64,7 @@ if you wish to opt out of anonymous analytics, you can do it in <a href="/settin
 
 <section id="cloudflare">
 <SectionHeading
-    title="web privacy & security"
+    title={$t("about.heading.cloudflare")}
     sectionId="cloudflare"
 />
 

web/i18n/en/about/terms.md

@@ -1,10 +1,11 @@
 <script lang="ts">
+    import { t } from "$lib/i18n/translations";
     import SectionHeading from "$components/misc/SectionHeading.svelte";
 </script>
 
 <section id="general">
 <SectionHeading
-    title="general terms"
+    title={$t("about.heading.general")}
     sectionId="general"
 />
 
@@ -13,7 +14,7 @@ these terms are applicable only when using the official cobalt instance. in othe
 
 <section id="saving">
 <SectionHeading
-    title="saving"
+    title={$t("about.heading.saving")}
     sectionId="saving"
 />
 
@@ -24,7 +25,7 @@ saving functionality simplifies downloading content from the internet and takes
 
 <section id="responsibility">
 <SectionHeading
-    title="responsibilities"
+    title={$t("about.heading.responsibility")}
     sectionId="responsibility"
 />
 
@@ -37,7 +38,7 @@ fair use and credits benefit everyone.
 
 <section id="abuse">
 <SectionHeading
-    title="reporting abuse"
+    title={$t("about.heading.abuse")}
     sectionId="abuse"
 />