WIP(privacy): start of banner

website/client/src/components/header/banners/privacy.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="d-flex align-items-center justify-content-between py-3 px-4">
+    <div
+      class="mr-3"
+      v-html="$t('privacyOverview')"
+    >
+    </div>
+    <div class="d-flex flex-column justify-content-around text-center ml-3">
+      <button class="btn btn-primary mb-2">
+        Accept All Cookies
+      </button>
+      <button class="btn btn-secondary mb-2">
+        Deny Non-Essential Cookies
+      </button>
+      <a>Manage Your Privacy Preferences</a>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+  button {
+    min-width: 40px;
+    width: 558px;
+  }
+</style>
+
+<script>
+
+</script>

website/common/locales/en/settings.json

@@ -258,5 +258,6 @@
     "transaction_admin_update_hourglasses": "<b>Admin</b> updated",
     "connected": "Connected",
     "connect": "Connect",
-    "remove": "Remove"
+    "remove": "Remove",
+    "privacyOverview": "In today's world, it feels like every company is looking to profit from your data. This can make it difficult to find the right app to improve your habits. Habitica uses cookies that store data only to analyze performance, handle support requests, and provide you with the best possible gamified experience. You can change this at any time from your account settings. To learn more, review our <a href='/static/privacy' target='_blank'>Privacy Policy</a>."
 }

website/server/models/user/schema.js

@@ -625,6 +625,9 @@ export const UserSchema = new Schema({
         return isValidCategory;
       },
     },
+    privacy: {
+      disableAnalytics: { $type: Boolean, default: false },
+    },
   },
   profile: {
     blurb: String,