feat(footer): terms page, privacy page, about link, branding link

Author: rectifyer

projects/client/i18n/meta/en.json

@@ -7907,6 +7907,54 @@
         "android",
         "ios"
       ]
+    },
+    "page_title_terms": {
+      "default": "Terms of Use",
+      "description": "Title for the terms of use page.",
+      "exclude": [
+        "android",
+        "ios"
+      ]
+    },
+    "page_title_privacy": {
+      "default": "Privacy Policy",
+      "description": "Title for the privacy policy page.",
+      "exclude": [
+        "android",
+        "ios"
+      ]
+    },
+    "link_text_about": {
+      "default": "About",
+      "description": "Text for the about link in the footer.",
+      "exclude": [
+        "android",
+        "ios"
+      ]
+    },
+    "link_text_branding": {
+      "default": "Branding",
+      "description": "Text for the branding link in the footer.",
+      "exclude": [
+        "android",
+        "ios"
+      ]
+    },
+    "link_text_terms": {
+      "default": "Terms",
+      "description": "Text for the terms link in the footer.",
+      "exclude": [
+        "android",
+        "ios"
+      ]
+    },
+    "link_text_privacy": {
+      "default": "Privacy",
+      "description": "Text for the privacy link in the footer.",
+      "exclude": [
+        "android",
+        "ios"
+      ]
     }
   }
 }

projects/client/src/lib/sections/footer/components/PageLinks.svelte

@@ -14,18 +14,38 @@
       <span class="bold">VIP</span>
     </Link>
 
-    <Link href={UrlBuilder.feedback()} target="_blank">
+    <Link href={UrlBuilder.feedback()} target="_blank" rel="noopener noreferrer">
       <span class="bold">{m.link_text_feedback()}</span>
     </Link>
 
-    <Link href={UrlBuilder.og.support($user?.slug)} target="_blank">
+    <Link href={UrlBuilder.og.support($user?.slug)} target="_blank" rel="noopener noreferrer">
       <span class="bold">{m.link_text_support()}</span>
     </Link>
   </RenderFor>
 
-  <Link href={UrlBuilder.og.forums()} target="_blank">
+  <Link href={UrlBuilder.og.forums()} target="_blank" rel="noopener noreferrer">
     <span class="bold">{m.link_text_forums()}</span>
   </Link>
+
+  <Link href={UrlBuilder.og.about()} target="_blank" rel="noopener noreferrer">
+    <span class="bold">{m.link_text_about()}</span>
+  </Link>
+
+  <Link
+    href={UrlBuilder.og.branding()}
+    target="_blank"
+    rel="noopener noreferrer"
+  >
+    <span class="bold">{m.link_text_branding()}</span>
+  </Link>
+
+  <Link href={UrlBuilder.terms()}>
+    <span class="bold">{m.link_text_terms()}</span>
+  </Link>
+
+  <Link href={UrlBuilder.privacy()}>
+    <span class="bold">{m.link_text_privacy()}</span>
+  </Link>
 </div>
 
 <style lang="scss">
@@ -38,13 +58,5 @@
     :global(.trakt-link) {
       text-decoration: none;
     }
-
-    @include for-mobile() {
-      &.is-vip {
-        display: grid;
-        grid-template-columns: repeat(2, 1fr);
-        grid-row-gap: var(--gap-xxs);
-      }
-    }
   }
 </style>