- new imprint-view-component

src/app.ts

@@ -9,6 +9,7 @@ import ServiceViewComponent from "./views/services-view/service-view-component.v
 import OaiViewComponent from "./views/oai-view/oai-view-component.vue";
 import ContactViewComponent from "./views/contact-view/contact-view-component.vue";
 import SitelinkViewComponent from "./views/sitelink-view/sitelink-view-component.vue";
+import ImprintViewComponent from "./views/imprint-view/imprint-view-component.vue";
 import { VUE_APP_PORTAL } from "./constants";
 // import VsInput from "./components/vs-input/vs-input.vue";
 // import VsResult from "./components/vs-result/vs-result.vue";
@@ -36,6 +37,7 @@ import { VUE_APP_PORTAL } from "./constants";
         OaiViewComponent,
         ContactViewComponent,
         SitelinkViewComponent,
+        ImprintViewComponent,
     },
 })
 export default class App extends Vue {

src/router/index.ts

@@ -6,6 +6,7 @@ import ServiceViewComponent from "@/views/services-view/service-view-component.v
 import OaiViewComponent from "@/views/oai-view/oai-view-component.vue";
 import ContactViewComponent from "@/views/contact-view/contact-view-component.vue";
 import SitelinkViewComponent from "@/views/sitelink-view/sitelink-view-component.vue";
+import ImprintViewComponent from "@/views/imprint-view/imprint-view-component.vue";
 
 const routes = [
     {
@@ -43,6 +44,11 @@ const routes = [
         name: "Sitelinks",
         component: SitelinkViewComponent,
     },
+    {
+        path: "/imprint",
+        name: "Imprint",
+        component: ImprintViewComponent,
+    },
 ];
 
 const router = createRouter({

src/views/home-view/home-view-component.vue

@@ -206,7 +206,8 @@
                                     <router-link to="/contact"><i class="far fa-id-card"></i> Contact</router-link>
                                 </li>
                                 <li class="list-group-item">
-                                    <a href="#"><i class="fas fa-stamp"></i> Impressum</a>
+                                    <!-- <a href="#"><i class="fas fa-stamp"></i> Impressum</a> -->
+                                    <router-link to="/imprint"><i class="fas fa-stamp"></i> Imprint</router-link>
                                 </li>
                                 <li class="list-group-item">
                                     <!-- <a href="#"><i class="fas fa-link"></i> Sitelinks</a> -->

src/views/imprint-view/imprint-view-component.ts

@@ -0,0 +1,12 @@
+import { Options, Vue } from "vue-class-component";
+
+@Options({
+    name: "ImprintViewComponent",
+    // components: {
+    //     VsInput,
+    //     VsResult,
+    //     FacetCategory,
+    //     ActiveFacetCategory,
+    // },
+})
+export default class ImprintViewComponent extends Vue {}

src/views/imprint-view/imprint-view-component.vue

@@ -0,0 +1,57 @@
+<template>
+    <div class="container">
+        <section class="section">
+            <div class="column is-full text-left">
+                <h1>Impressum</h1>
+                <!-- <p class="lead">Want to keep updated or need further information?</p>
+                <hr class="center-line" /> -->
+            </div>
+            <!-- <div class="column is-half contact-us-details" style="padding-top: 0; margin-top: 0"> -->
+            <div class="column is-full text-left">
+                <p class="lead">Für den Inhalt verantwortlich</p>
+                <p>
+                    <span>Geologische Bundesanstalt</span><br />
+                    <span>Neulinggasse 38, 1030 Wien</span><br />
+                    <span>office@geologie.ac.at</span><br />
+                    <span>Telefon: +43-1-7125674</span><br />
+                    <span>Fax: +43-1-7125674-56</span><br />
+                </p>
+
+                <p class="lead">Technische Umsetzung und Betreuung</p>
+                <p>
+                    <span>Geologische Bundesanstalt</span><br />
+                    <span>Hauptabteilung Informationsdienste</span><br />
+                    <span>Neulinggasse 38, 1030 Wien</span><br />
+                    <span>repository@geologie.ac.at</span><br />
+                    <span>Bei technischen Problemen steht Ihnen das RDR-Team, erreichbar unter repository@geologie.ac.at, gerne zur Seite.</span>
+                </p>
+
+                <p class="lead">Hinweise und Haftungsausschluss</p>
+                <p>Eine Haftung oder Garantie für Aktualität, Richtigkeit und Vollständigkeit der zur Verfügung gestellten Daten ist ausgeschlossen.</p>
+                <p>
+                    Dieser Hinweis gilt auch für alle anderen Webseiten, auf die durch Hyperlinks verwiesen wird. Die Geologische Bundesanstalt ist für den Inhalt von Webseiten,
+                    die mittels einer solchen Verbindung erreicht werden, nicht verantwortlich.
+                </p>
+            </div>
+        </section>
+    </div>
+</template>
+
+<script lang="ts">
+import ImprintViewComponent from "./imprint-view-component";
+export default ImprintViewComponent;
+</script>
+
+<style scoped lang="scss">
+#app {
+    p,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        margin-top: 1.5rem;
+    }
+}
+</style>

src/views/sitelink-view/sitelink-view-component.vue

@@ -13,8 +13,8 @@
                     </a>
                 </span>
             </div> -->
-            <div class="columns is-mobile is-centered">
+            <div class="columns is-centered">
-                <div class="column is-6">
+                <div class="column is-6-desktop">
                     <div class="list" v-if="years.length > 0">
                         <ul class="block-list has-radius is-primary">
                             <li v-for="(year, index) in years" :key="index" :class="{ highlight: year == selected }" @click="select(year)">
@@ -24,8 +24,8 @@
                     </div>
                 </div>
             </div>
-            <div class="columns is-mobile is-centered">
+            <div class="columns is-centered">
-                <div class="column is-6">
+                <div class="column is-6-desktop">
                     <ol v-if="datasets.length > 0">
                         <li v-for="(dataset, index) in datasets" :key="index">
                             <div class="post">