geolba/tethys.frontend
6
0
Fork 1
Code Issues 7 Pull requests Projects 3 Releases 1 Packages 1 Wiki Activity

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

Browse source 
- new .card header images
This commit is contained in:
Arno Kaimbacher 2021-11-25 12:08:58 +01:00
commit b120650121
18 changed files with 429 additions and 112 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/views/services-view/service-view-component.ts Normal file
View file

@ -0,0 +1,6 @@
import { Options, Vue } from "vue-class-component";
@Options({
name: "ServiceViewComponent",
})
export default class ServiceViewComponent extends Vue {}

71
src/views/services-view/service-view-component.vue Normal file
View file

@ -0,0 +1,71 @@
<template>
<div class="container">
<section class="section">
<div class="column is-full text-center">
<h1>TETHYS SERVICES</h1>
<p class="lead">Eine Übersicht unserer Dienstleistungen</p>
<hr class="center-line" />
</div>
<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" />
<div class="card-body box-1-hover">
<p class="text-white">
Tethys RDR publiziert und archiviert nach den FAIR Prinzipien* nachhaltig so wie sicher geowissenschaftliche Datensätze in offenen, frei lesbaren
Formaten. * FAIR data
</p>
</div>
</div>
<div class="card green work-front">
<img src="@/assets/site/img/box-1.jpg" alt="Datenarchivierung" />
<div class="card-body box-1">
<div class="custom-heading">DATENARCHIVIERUNG</div>
</div>
</div>
</div>
<div class="column col-sm overlay-boxes">
<div class="card overlay work-back">
<img src="@/assets/site/img/box-2-hover.jpg" alt="DATENPUBLIKATION" />
<div class="card-body box-1-hover">
<p class="text-white">
Die Datensätze werden mit standardisierten Metadatenschemen publiziert und sind somit nicht nur auffindbar, wiederverwendbar und auch
maschinenlesbar, sondern können dadurch auch einfach zitiert werden.
</p>
</div>
</div>
<div class="card green work-front">
<img src="@/assets/site/img/box-2.jpg" alt="Datenpublikation" />
<div class="card-body box-2">
<div class="custom-heading">DATENPUBLIKATION</div>
</div>
</div>
</div>
<div class="column col-sm overlay-boxes">
<div class="card overlay work-back">
<img src="@/assets/site/img/box-3-hover.jpg" alt="BEGUTACHTUNG" />
<div class="card-body box-1-hover">
<p class="text-white">
Alle im Tethys RDR publizierten Datensätze werden auf technische sowie inhaltliche Vollständigkeit geprüft und werden bei Bedarf auch einer
fachlichen Begutachtung unterworfen. Ein klassischer Peer Review-Prozess ist in Vorbereitung.
</p>
</div>
</div>
<div class="card green work-front">
<img src="@/assets/site/img/box-3.jpg" alt="BEGUTACHTUNG" />
<div class="card-body box-3">
<div class="custom-heading">BEGUTACHTUNG</div>
</div>
</div>
</div>
</div>
</section>
</div>
</template>
<script lang="ts">
import ServiceViewComponent from "./service-view-component";
export default ServiceViewComponent;
</script>