WIP - refactor of blank layout to have header and footer

webapp/layouts/blank.vue

@@ -1,18 +1,56 @@
 <template>
   <div class="layout-blank">
+    <div class="main-navigation">
+      <ds-container class="main-navigation-container" style="padding: 10px 10px;">
+        <ds-flex style="flex: auto; flex-direction: row;">
+          <ds-flex-item>
+            <a @click="redirectToRoot">
+              <ds-logo />
+            </a>
+          </ds-flex-item>
+          <ds-flex-item style="width:50px;">
+            <client-only>
+              <locale-switch class="topbar-locale-switch" placement="top" offset="16" />
+            </client-only>
+          </ds-flex-item>
+        </ds-flex>
+      </ds-container>
+    </div>
     <ds-container>
       <div style="padding: 5rem 2rem;">
         <nuxt />
       </div>
     </ds-container>
+    <div id="footer" class="ds-footer">
+      <a href="https://human-connection.org" target="_blank" v-html="$t('site.made')"></a>
+      &nbsp;-&nbsp;
+      <nuxt-link to="/imprint">{{ $t('site.imprint') }}</nuxt-link>
+      &nbsp;‑&nbsp;
+      <nuxt-link to="/terms-and-conditions">{{ $t('site.termsAndConditions') }}</nuxt-link>
+      &nbsp;‑&nbsp;
+      <nuxt-link to="/code-of-conduct">{{ $t('site.code-of-conduct') }}</nuxt-link>
+      &nbsp;‑&nbsp;
+      <nuxt-link to="/data-privacy">{{ $t('site.data-privacy') }}</nuxt-link>
+      &nbsp;‑&nbsp;
+      <nuxt-link to="/changelog">{{ $t('site.changelog') }}</nuxt-link>
+    </div>
     <div id="overlay" />
   </div>
 </template>
 
 <script>
+import LocaleSwitch from '~/components/LocaleSwitch/LocaleSwitch'
 import seo from '~/mixins/seo'
 
 export default {
+  components: {
+    LocaleSwitch,
+  },
   mixins: [seo],
+  methods: {
+    redirectToRoot() {
+      this.$router.replace('/')
+    },
+  },
 }
 </script>

webapp/pages/logout.vue

@@ -15,7 +15,7 @@
 
 <script>
 export default {
-  layout: 'default',
+  layout: 'blank',
   async beforeCreate() {
     await this.$store.dispatch('auth/logout')
     this.$router.replace('/')

webapp/pages/password-reset.vue

@@ -12,7 +12,7 @@
 
 <script>
 export default {
-  layout: 'default',
+  layout: 'blank',
   asyncData({ store, redirect }) {
     if (store.getters['auth/isLoggedIn']) {
       redirect('/')