Redesign: Static Pages (#8989)

* feat(pages): static Features

* feat(static-pages): add header

* feat(static-pages): Community Guidelines

* fix(strings): tweaks

website/client/components/static/clearBrowserData.vue

@@ -1,37 +1,55 @@
 <template lang="pug">
-  .row
-    .col-md-6.offset-3.text-center
-      .page-header
-        h1 {{ $t('clearBrowserData') }}
+  div
+    static-header
+    .container-fluid.text-center
+      .row
+        .col-md-6.offset-3
+          h1 {{ $t('clearBrowserData') }}
 
-      p(v-html="$t('localStorageTryFirst', localStorageTryFirst) ")
-      br
-      p.text-center
-        button.btn.btn-lg.btn-danger(@click='clearLocalStorage()',
-          popover-trigger='mouseover', :popover="$t('localStorageClearExplanation')")
-          | {{ $t('localStorageClear') }}
-      br
-      p(v-html="$t('localStorageTryNext', localStorageTryNext) ")
+          p(v-html="$t('localStorageTryFirst', localStorageTryFirst) ")
+          br
+          p.text-center
+            button.btn.btn-lg.btn-danger(@click='clearLocalStorage()',
+              popover-trigger='mouseover', :popover="$t('localStorageClearExplanation')")
+              | {{ $t('localStorageClear') }}
+          br
+          p(v-html="$t('localStorageTryNext', localStorageTryNext) ")
+    app-footer
 </template>
 
+<style lang='scss' scoped>
+  @import '~client/assets/scss/static.scss';
+
+  .container-fluid {
+    margin-top: 56px;
+  }
+</style>
+
 <script>
-export default {
-  data () {
-    return  {
-      localStorageTryFirst: {
-        linkStart: '<a href="/#/options/settings/settings" target="_blank">',
-        linkEnd: '</a>',
-      },
-      localStorageTryNext: {
-        linkStart: '<a href="https://github.com/HabitRPG/habitica/issues/2760" target="_blank">',
-        linkEnd: '</a>',
-      },
-    };
-  },
-  methods: {
-    clearLocalStorage () {
-      localStorage.removeItem('habit-mobile-settings');
+  import AppFooter from 'client/components/appFooter';
+  import StaticHeader from './header.vue';
+
+  export default {
+    components: {
+      AppFooter,
+      StaticHeader,
     },
-  },
-};
+    data () {
+      return  {
+        localStorageTryFirst: {
+          linkStart: '<a href="/#/options/settings/settings" target="_blank">',
+          linkEnd: '</a>',
+        },
+        localStorageTryNext: {
+          linkStart: '<a href="https://github.com/HabitRPG/habitica/issues/2760" target="_blank">',
+          linkEnd: '</a>',
+        },
+      };
+    },
+    methods: {
+      clearLocalStorage () {
+        localStorage.removeItem('habit-mobile-settings');
+      },
+    },
+  };
 </script>