Rename imprint

src/components/Card.vue

@@ -17,7 +17,8 @@ export default {
     padding: 30px 20px;
     margin: 0 5px;
     text-align: center;
-    height: 400px;
+    min-height: 400px;
     @include shadow(30);
+    position: relative;
   }
 </style>

src/components/Navigation.vue

@@ -2,7 +2,7 @@
     <nav class="navigation">
       <ul class="navigation__list">
         <li class="navigation__list-item">
-          <router-link to="/impress">{{ $t('navigation.imprint') }}</router-link>
+          <router-link to="/imprint">{{ $t('navigation.imprint') }}</router-link>
         </li>
         <li class="navigation__list-item">
           <a href="//wirvsvirushackathon.org/" class="navigation__link">
@@ -31,6 +31,9 @@ export default {
     display: flex;
     justify-content: center;
     margin-top: 50px;
+    position: absolute;
+    width: 100%;
+    bottom: 20px;
 
     @media #{$mobile} {
       font-size: 24px;

src/locales/de.json

@@ -32,7 +32,7 @@
     "questions": "Fragen",
     "support": "Unterstüzung"
   },
-  "impress": {
+  "imprint": {
     "intro": "Intro"
   }
 }

src/router/index.js

@@ -34,9 +34,9 @@ const routes = [
     ],
   },
   {
-    path: '/impress',
-    name: 'Impress',
-    component: () => import(/* webpackChunkName: "impress" */ '../views/Impress.vue'),
+    path: '/imprint',
+    name: 'Imprint',
+    component: () => import(/* webpackChunkName: "imprint" */ '../views/Imprint.vue'),
   },
 ];
 

src/views/Impress.vue → src/views/Imprint.vue

@@ -6,7 +6,7 @@
         <div class="content__logo logo">
           <img class="logo__image" src="/img/icons/landing_graphic.svg" :alt="$t('meta.title')"/>
         </div>
-        <div class="content__text">{{ $t('impress.intro') }}</div>
+        <div class="content__text">{{ $t('imprint.intro') }}</div>
       </div>
       <Card>
         <div class="users">