- further views: help-view.component, oai-view-component
- new .card header images
This commit is contained in:
Arno Kaimbacher
parent
8590fa755b
commit
b120650121
18 changed files with 429 additions and 112 deletions
75
src/views/map-view/help-view-component.scss
Normal file
75
src/views/map-view/help-view-component.scss
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
// .card {
|
||||
// position: relative;
|
||||
// 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 p {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.card-img,
|
||||
.card-img-top {
|
||||
border-top-left-radius: calc(0.25rem - 1px);
|
||||
border-top-right-radius: calc(0.25rem - 1px);
|
||||
}
|
||||
.card-img,
|
||||
.card-img-top,
|
||||
.card-img-bottom {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// .card-body {
|
||||
// -webkit-box-flex: 1;
|
||||
// -ms-flex: 1 1 auto;
|
||||
// flex: 1 1 auto;
|
||||
// padding: 1rem 1rem;
|
||||
// }
|
||||
// .p-0 {
|
||||
// padding: 0 !important;
|
||||
// }
|
||||
|
||||
.card-title-custom {
|
||||
// font-family: Verdana;
|
||||
background-color: #336699;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
padding: 4%;
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.card-title-custom .h5 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.card-text:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.card-equal-height {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
a.text-secondary {
|
||||
color: #494f54 !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a.text-secondary:focus,
|
||||
a.text-secondary:hover {
|
||||
color: #494f54 !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -2,8 +2,8 @@ import { Options, Vue } from "vue-class-component";
|
|||
// import { Prop } from "vue-property-decorator";
|
||||
|
||||
@Options({
|
||||
name: "MapViewComponent",
|
||||
name: "HelpViewComponent",
|
||||
})
|
||||
export default class MapViewComponent extends Vue {
|
||||
export default class HelpViewComponent extends Vue {
|
||||
results: Array<any> = [];
|
||||
}
|
||||
90
src/views/map-view/help-view-component.vue
Normal file
90
src/views/map-view/help-view-component.vue
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
<template>
|
||||
<div class="container">
|
||||
<div class="columns is-desktop help-items">
|
||||
<div class="column col-sm">
|
||||
<div class="card super-card card-equal-height">
|
||||
<img class="card-img-top" src="@/assets/site/img/card-header1.jpg" alt="card header" />
|
||||
|
||||
<div class="card-body p-0">
|
||||
<h5 class="card-title-custom">Tethys RDR</h5>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="card-text">
|
||||
Tethys RDR ist ein Datenverlag der Geologischen Bundesanstalt (GBA), der ausschließlich an der GBA generierte geowissenschaftliche Forschungsdat en
|
||||
publiziert. Die Datenpublikationen können sowohl in deutscher, als auch in englischer Sprache publiziert werden. Durch die Bereitstellung der
|
||||
Datenpublikation zusammen mit Metadaten nach standardisierten Schemata werden die Publikationen auffindbar und zitierbar.
|
||||
</p>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<p class="card-footer-item">
|
||||
<a class="button is-primary custom-button">
|
||||
<i class="fas fa-sign-in-alt"></i>
|
||||
<strong>KONTAKT</strong>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column col-sm">
|
||||
<div class="card super-card card-equal-height">
|
||||
<img class="card-img-top" src="@/assets/site/img/card-header2.jpg" alt="card header" />
|
||||
<div class="card-body p-0">
|
||||
<h5 class="card-title-custom">Voraussetzungen</h5>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="card-text">
|
||||
GBA-Angehörigkeit oder in Kooperation mit der GBA gemeinsame Publikation der Daten. Im Besitz eines eigenen Zugangscodes zu sein bzw. um den Zugangscode
|
||||
anzufragen (Kontakt).
|
||||
</p>
|
||||
<p class="card-text">Die Datenpublikationsrichtlinien gelesen, verstanden und akzeptiert zu haben.</p>
|
||||
<p class="card-text">Die Datensätze vollständig und fachlich korrekt hochladen.</p>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<p class="card-footer-item">
|
||||
<a class="button is-primary custom-button">
|
||||
<i class="fas fa-sign-in-alt"></i>
|
||||
<strong>KONTAKT</strong>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column col-sm">
|
||||
<div class="card super-card card-equal-height">
|
||||
<img class="card-img-top" src="@/assets/site/img/card-header3.jpg" alt="card header" />
|
||||
<div class="card-body p-0">
|
||||
<h5 class="card-title-custom">DATEN UPLOAD</h5>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="card-text">
|
||||
Wird eine Datenpublikation erwünscht, so kann der Verfasser der Publikation sich direkt bei Tethys RDR einloggen und den Publikationsablauf starten.
|
||||
</p>
|
||||
<p class="card-text">
|
||||
Wurde noch kein <a href="" class="text-secondary">account</a> angelegt, steht das Tethys RDR-Team bereit, um die weiteren Schritte zu klären (Kontakt).
|
||||
</p>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<p class="card-footer-item">
|
||||
<a class="button is-primary custom-button">
|
||||
<i class="fas fa-sign-in-alt"></i>
|
||||
<strong>KONTAKT</strong>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import HelpViewComponent from "./help-view-component";
|
||||
export default HelpViewComponent;
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped lang="scss">
|
||||
@import "./help-view-component.scss";
|
||||
</style>
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<template>
|
||||
<span>INTRO</span>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import MapViewComponent from "./map-view-component";
|
||||
export default MapViewComponent;
|
||||
</script>
|
||||
Loading…
Add table
editor.link_modal.header
Reference in a new issue