Merge branch...

Merge branch 'issue/#110-control-element-to-get-back-to-the-top-from-the-bottom-of-the-page' into 'develop'

feat: control element to get back to the top from the bottom of the page

Closes #110

See merge request !66

src/.vuepress/components/Footer.vue

@@ -3,92 +3,99 @@
     padless
     color="secondary"
   >
-  <v-container>
-    <v-row>
-      <v-col
-        class="d-flex justify-center mb-1"
-        cols="12"
-      >
-        <!-- TODO: provide translation -->
-        <v-tabs 
-          centered
-          hide-slider
-          background-color="secondary"
-          class="font-weight-light"
-          dark
-          dense
-          role="navigation"
-          height="20px"
-          >
-          <v-tab
-            class="grey--text text--lighten-3"
-            to="/project.html#contact"
+    <v-container>
+      <v-row>
+        <v-col
+          class="d-flex justify-center mb-1"
+          cols="12"
+        >
+          <!-- TODO: provide translation -->
+          <v-tabs 
+            centered
+            hide-slider
+            background-color="secondary"
+            class="font-weight-light"
+            dark
+            dense
+            role="navigation"
+            height="20px"
             >
-            Contact
-          </v-tab>
-          <v-tab
-            class="grey--text text--lighten-3"
-            to="/privacy.html"
-            >
-            Data Privacy
-          </v-tab>
-          <v-tab
-            class="grey--text text--lighten-3"
-            to="/imprint.html"
-            >
-            Imprint
-          </v-tab>
-          <v-tab
-            class="grey--text text--lighten-3"
-            to="/termsofuse.html"
-            >
-            Terms of Use
-          </v-tab>
-        </v-tabs>
-      </v-col>
-    </v-row>
-    <v-row>
-      <v-col cols="12" class="d-flex justify-space-around align-center">
-        <a href="https://www.dfg.de/" title="Deutsche Forschungsgemeinschaft e.V." target="_blank">
-          <v-img
-            max-height="100%"
-            max-width="240px"
-            style="margin: 0 auto"
-            :src="$withBase('/assets/images/dfg_logo_schriftzug_weiss.svg')"
-            ></v-img>
-        </a>
-      <!-- </v-col>
-      <v-col cols="3" class="d-flex"> -->
-        <a href="https://uni-goettingen.de/" title="Georg August University Goettingen" target="_blank">
-          <v-img
-            max-height="100%"
-            max-width="240px"
-            style="margin: 0 auto"
-            :src="$withBase('/assets/images/logo-uni-goettingen.svg')"
-            ></v-img>
-        </a>
-      <!-- </v-col>
-      <v-col cols="3"> -->
-        <a href="https://sub.uni-goettingen.de/" title="State- and University Library Goettingen" target="_blank">
-          <v-img
-            max-height="100%"
-            max-width="240px"
-            style="margin: 0 auto"
-            :src="$withBase('/assets/images/SUB_left_horizontal_white.svg')"
-            ></v-img>
-        </a>
-      </v-col>
-    </v-row>
-    <v-row>
-      <v-col
-        class="text-caption grey--text text--lighten-3 text-center copyright"
-        cols="12"
-      >
-        <!-- TODO: provide translation -->
-        © {{ new Date().getFullYear() }} – Ahiqar - The syriac and arabic Ahiqar Texts (<a href="https://gitlab.gwdg.de/subugoe/ahiqar/website/-/blob/main/CHANGELOG.md" class="grey--text text--lighten-3 text-decoration-none" target="_blank">v{{ version }}</a>)
-      </v-col>
-    </v-row>
-</v-container>
+            <v-tab
+              class="grey--text text--lighten-3"
+              to="/project.html#contact"
+              >
+              Contact
+            </v-tab>
+            <v-tab
+              class="grey--text text--lighten-3"
+              to="/privacy.html"
+              >
+              Data Privacy
+            </v-tab>
+            <v-tab
+              class="grey--text text--lighten-3"
+              to="/imprint.html"
+              >
+              Imprint
+            </v-tab>
+            <v-tab
+              class="grey--text text--lighten-3"
+              to="/termsofuse.html"
+              >
+              Terms of Use
+            </v-tab>
+          </v-tabs>
+        </v-col>
+      </v-row>
+      <v-row>
+        <v-col cols="12" class="d-flex justify-space-around align-center">
+          <a href="https://www.dfg.de/" title="Deutsche Forschungsgemeinschaft e.V." target="_blank">
+            <v-img
+              max-height="100%"
+              max-width="240px"
+              style="margin: 0 auto"
+              :src="$withBase('/assets/images/dfg_logo_schriftzug_weiss.svg')"
+              ></v-img>
+          </a>
+        <!-- </v-col>
+        <v-col cols="3" class="d-flex"> -->
+          <a href="https://uni-goettingen.de/" title="Georg August University Goettingen" target="_blank">
+            <v-img
+              max-height="100%"
+              max-width="240px"
+              style="margin: 0 auto"
+              :src="$withBase('/assets/images/logo-uni-goettingen.svg')"
+              ></v-img>
+          </a>
+        <!-- </v-col>
+        <v-col cols="3"> -->
+          <a href="https://sub.uni-goettingen.de/" title="State- and University Library Goettingen" target="_blank">
+            <v-img
+              max-height="100%"
+              max-width="240px"
+              style="margin: 0 auto"
+              :src="$withBase('/assets/images/SUB_left_horizontal_white.svg')"
+              ></v-img>
+          </a>
+        </v-col>
+      </v-row>
+      <v-row>
+        <v-col
+          class="text-caption grey--text text--lighten-3 copyright"
+          cols="6"
+        >
+          <!-- TODO: provide translation -->
+          © {{ new Date().getFullYear() }} – Ahiqar - The syriac and arabic Ahiqar Texts (<a href="https://gitlab.gwdg.de/subugoe/ahiqar/website/-/blob/main/CHANGELOG.md" class="grey--text text--lighten-3 text-decoration-none" target="_blank">v{{ version }}</a>)
+        </v-col>
+        <v-col
+          class="body-2 grey--text text--lighten-3 text-right copyright"
+          cols="6"
+        >
+          <!-- TODO: provide translation -->
+          <a href="#top" class="grey--text text--lighten-3 text-decoration-none text-uppercase"><v-icon medium class="grey--text text--lighten-3">mdi-arrow-up</v-icon><span class="d-sr-only-focusable">Back to top</span></a>
+        </v-col>
+      </v-row>
+    </v-container>
   </v-footer>
 </template>