- further views: help-view.component, oai-view-component

- new .card header images

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

@@ -13,83 +13,7 @@ h6 {
     margin-top: 1.5rem;
 }
 
-.card {
-    position: relative;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    min-width: 0;
-    word-wrap: break-word;
-    background-color: #fff;
-    background-clip: border-box;
-    border: 1px solid rgba(0, 0, 0, 0.125);
-    border-radius: 0.25rem;
-}
 
-.card-body {
-    -webkit-box-flex: 1;
-    -ms-flex: 1 1 auto;
-    flex: 1 1 auto;
-    padding: 1rem 1rem;
-}
-
-.text-white {
-    color: #fff !important;
-}
-
-// .work-front {
-//     position: absolute;
-//     top: 5%;
-//     left: 5%;
-// }
-.work-front {
-    display: flex;
-}
-.work-front .box-1,
-.work-front .box-2,
-.work-front .box-3 {
-    position: absolute;
-    top: 85%;
-    left: 50%;
-    -webkit-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
-}
-
-// .work-back {
-//     position: absolute;
-//     top: 5%;
-//     left: 5%;
-// }
-.work-back {
-    display: none;
-}
-.work-back .box-1-hover {
-    position: absolute;
-    top: 5%;
-    left: 5%;
-    opacity: 0.9;
-    padding: 2%;
-}
-
-.custom-heading {
-    font-family: Verdana;
-    font-weight: bold;
-    font-size: 1.2em;
-    line-height: 1.9em;
-    color: #fff;
-}
-
-.work-items div:hover .work-back {
-    display: flex;
-    /* box-shadow: inset 0 0 0 10px #222; */
-}
-.work-items div:hover .work-front {
-    display: none;
-}
 
 //contact apge
 .page-breaker {

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

@@ -1,16 +1,16 @@
 import { Options, Vue } from "vue-class-component";
-import VsInput from "@/components/vs-input/vs-input.vue";
-import VsResult from "@/components/vs-result/vs-result.vue";
-import FacetCategory from "@/components/face-category/facet-category.vue";
-import ActiveFacetCategory from "@/components/active-facet-category/active-facet-category.vue";
+// import VsInput from "@/components/vs-input/vs-input.vue";
+// import VsResult from "@/components/vs-result/vs-result.vue";
+// import FacetCategory from "@/components/face-category/facet-category.vue";
+// import ActiveFacetCategory from "@/components/active-facet-category/active-facet-category.vue";
 
 @Options({
     name: "HomeViewComponent",
-    components: {
-        VsInput,
-        VsResult,
-        FacetCategory,
-        ActiveFacetCategory,
-    },
+    // components: {
+    //     VsInput,
+    //     VsResult,
+    //     FacetCategory,
+    //     ActiveFacetCategory,
+    // },
 })
 export default class HomeViewComponent extends Vue {}

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

@@ -87,7 +87,7 @@
                     <p class="lead">Eine Übersicht unserer Dienstleistungen</p>
                     <hr class="center-line" />
                 </div>
-                <div class="columns is-desktop work-items">
+                <div class="columns is-tablet work-items">
                     <div class="column col-sm overlay-boxes">
                         <div class="card overlay work-back">
                             <img src="@/assets/site/img/box-1-hover.jpg" alt="Datenarchivierung" />