From 3140dab99dd6d7ba27b4452e8d8d9134d401428a Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Mon, 24 Feb 2025 19:00:42 -0800
Subject: [PATCH] Move Minecraft brand disclaimer to bottom of footer (#3302)

* Move Minecraft brand disclaimer to bottom of footer

* Add careers link back to footer

* Intl extract

---------

Co-authored-by: Jai Agrawal <18202329+Geometrically@users.noreply.github.com>
---
 apps/frontend/src/layouts/default.vue      | 20 ++++++++++++++------
 apps/frontend/src/locales/en-US/index.json |  3 +++
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index 0055eb4c9..733ffc451 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -479,13 +479,12 @@
       <OrganizationCreateModal ref="modal_organization_creation" />
       <slot id="main" />
     </main>
-    <footer class="experimental-styles-within">
-      <div class="flex justify-center p-6 text-center text-sm font-medium">
-        {{ formatMessage(footerMessages.legalDisclaimer) }}
-      </div>
-      <div class="footer-brand-background border-0 border-t-[1px] border-solid">
+    <footer
+      class="footer-brand-background experimental-styles-within mt-6 border-0 border-t-[1px] border-solid"
+    >
+      <div class="mx-auto flex max-w-screen-xl flex-col gap-6 p-6 pb-12 sm:px-12 md:py-12">
         <div
-          class="mx-auto grid max-w-screen-xl grid-cols-1 flex-col gap-4 p-7 pb-24 text-primary sm:px-12 md:grid-cols-[1fr_2fr] md:py-12 lg:grid-cols-[auto_auto_auto_auto_auto]"
+          class="grid grid-cols-1 gap-4 text-primary md:grid-cols-[1fr_2fr] lg:grid-cols-[auto_auto_auto_auto_auto]"
         >
           <div
             class="flex flex-col items-center gap-3 md:items-start"
@@ -560,6 +559,9 @@
             </div>
           </div>
         </div>
+        <div class="flex justify-center text-center text-xs font-medium text-secondary opacity-50">
+          {{ formatMessage(footerMessages.legalDisclaimer) }}
+        </div>
       </div>
     </footer>
   </div>
@@ -1050,6 +1052,12 @@ const footerLinks = [
           defineMessage({ id: "layout.footer.about.status", defaultMessage: "Status" }),
         ),
       },
+      {
+        href: "https://careers.modrinth.com",
+        label: formatMessage(
+          defineMessage({ id: "layout.footer.about.careers", defaultMessage: "Careers" }),
+        ),
+      },
       {
         href: "/legal/cmp-info",
         label: formatMessage(
diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json
index 4a64f7694..478b01b88 100644
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -293,6 +293,9 @@
   "layout.footer.about.blog": {
     "message": "Blog"
   },
+  "layout.footer.about.careers": {
+    "message": "Careers"
+  },
   "layout.footer.about.changelog": {
     "message": "Changelog"
   },