web: update save page i18n & add link to terms and ethics of use

now also styling <a> properly, with exceptions only when needed

web/i18n/en/save.json

@@ -1,9 +1,10 @@
 {
     "paste": "paste",
-    "pasteAndDownload": "paste and download",
+    "paste.long": "paste and download",
     "auto": "auto",
     "audio": "audio",
     "mute": "mute",
-    "inputPlaceholder": "paste the link here",
+    "input.placeholder": "paste the link here",
-    "termsNote": "by continuing you agree to terms and ethics of use"
+    "terms.note.agreement": "by continuing you agree to",
+    "terms.note.link": "terms and ethics of use"
 }

web/i18n/ru/save.json

@@ -1,9 +1,10 @@
 {
     "paste": "вставить",
-    "pasteAndDownload": "вставить и скачать",
+    "paste.long": "вставить и скачать",
     "auto": "авто",
     "audio": "аудио",
     "mute": "без звука",
-    "inputPlaceholder": "вставь ссылку сюда",
+    "input.placeholder": "вставь ссылку сюда",
-    "termsNote": "продолжая, ты соглашаешься с условиями и этикой использования"
+    "terms.note.agreement": "продолжая, ты соглашаешься с",
+    "terms.note.link": "условиями и этикой использования"
 }

web/src/components/save/Omnibox.svelte

@@ -109,7 +109,7 @@
             autocomplete="off"
             autocapitalize="off"
             maxlength="256"
-            placeholder={$t("save.inputPlaceholder")}
+            placeholder={$t("save.input.placeholder")}
             aria-label={$t("a11y.save.linkArea")}
             data-form-type="other"
         />
@@ -137,7 +137,7 @@
         <ActionButton id="paste" click={pasteClipboard}>
             <IconClipboard />
             <span id="paste-desktop-text">{$t("save.paste")}</span>
-            <span id="paste-mobile-text">{$t("save.pasteAndDownload")}</span>
+            <span id="paste-mobile-text">{$t("save.paste.long")}</span>
         </ActionButton>
     </div>
 </div>

web/src/components/settings/SettingsNavTab.svelte

@@ -44,6 +44,9 @@
         color: var(--button-text);
         border-radius: var(--border-radius);
         overflow: hidden;
+
+        text-decoration: none;
+        text-decoration-line: none;
     }
 
     .settings-tab-left {

web/src/components/sidebar/SidebarTab.svelte

@@ -62,6 +62,9 @@
         height: fit-content;
         border-radius: var(--border-radius);
         transition: transform 0.2s;
+
+        text-decoration: none;
+        text-decoration-line: none;
     }
 
     .sidebar-tab :global(svg) {

web/src/routes/+layout.svelte

@@ -202,11 +202,15 @@
     }
 
     :global(a) {
-        text-decoration: none;
+        color: inherit;
-        text-decoration-line: none;
+        text-underline-offset: 3px;
         -webkit-touch-callout: none;
     }
 
+    :global(a:visited) {
+        color: inherit;
+    }
+
     :global(svg),
     :global(img) {
         pointer-events: none;

web/src/routes/+page.svelte

@@ -15,7 +15,7 @@
         <Omnibox />
     </main>
     <div id="terms-note">
-        {$t("save.termsNote")}
+        {$t("save.terms.note.agreement")} <a href="/about">{$t("save.terms.note.link")}</a>
     </div>
 </div>