263 lines
14 KiB
Vue
263 lines
14 KiB
Vue
<template>
|
||
<div id="page_style" class="site-content page__style page__description" autocomplete="off">
|
||
<!-- <div class="col-6 offset-6 content column is-half is-offset-6" style="text-align: right">
|
||
<a class="button" href="/test" target="_self">
|
||
<img class="icon-spacing" src="./assets/fa/firefox.svg" style="width: 16px; height: 16px" />
|
||
<img class="icon-spacing" src="./assets/fa/chrome.svg" style="width: 16px; height: 16px" />
|
||
<img class="icon-spacing" src="./assets/fa/opera.svg" style="width: 16px; height: 16px" />
|
||
<img src="./assets/fa/plus.svg" style="width: 16px; height: 16px" />
|
||
</a>
|
||
<a class="button" href="/test" target="_self">
|
||
<img src="./assets/fa/user.svg" style="width: 16px; height: 16px" />
|
||
</a>
|
||
</div> -->
|
||
|
||
<!-- <div class="column" style="text-align: center">
|
||
<a href="/test" id="logo_home" target="_self">
|
||
<img id="logo_img_home" src="./assets/images/tethys-icon-mono.png" width="240px" style="min-width: 140px" />
|
||
</a>
|
||
</div> -->
|
||
|
||
<!-- <div class="column">
|
||
<div class="col text-center py-3">
|
||
<h1>Tethys Research Data Repository</h1>
|
||
<p class="lead">Data Publisher for Geoscience Austria</p>
|
||
<hr class="center-line" />
|
||
</div>
|
||
</div> -->
|
||
<div class="column">
|
||
<div class="col text-center py-3">
|
||
<h1>Tethys Research Data Repository</h1>
|
||
<p class="lead">Data Publisher for Geoscience Austria</p>
|
||
<hr class="center-line" />
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="column header-image align-items-center h-100">
|
||
<div class="col mt-3 mx-auto">
|
||
<div class="search-box mx-auto">
|
||
<form class="my-2 my-lg-0 main-search-from-bg d-flex d-row">
|
||
<input class="form-control mr-sm-2 border-0" type="text" placeholder="Search" aria-label="Search" />
|
||
<button class="btn btn-secondary m-0" type="submit"><i class="fas fa-search text-white"></i></button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
<!-- <figure class="image is-128x128">
|
||
<img src="https://bulma.io/images/placeholders/256x256.png" />
|
||
</figure> -->
|
||
<section data-sr id="help" class="help u-full-width featured-bg-image"></section>
|
||
|
||
<!-- <div class="columns">
|
||
<div class="column text-center">
|
||
<h1>ÜBER TETHYS</h1>
|
||
<p class="lead">Was sind unsere Schwerpunkte</p>
|
||
<hr class="center-line" />
|
||
</div>
|
||
</div> -->
|
||
|
||
<div class="container">
|
||
<section class="section">
|
||
<div class="column is-full text-center">
|
||
<h1>ÜBER TETHYS</h1>
|
||
<p class="lead">Was sind unsere Schwerpunkte</p>
|
||
<hr class="center-line" />
|
||
</div>
|
||
<div class="column is-full text-left">
|
||
<p>
|
||
TETHYS RDR ist ein publizierendes Forschungsdatenrepositorium der Geologischen Bundesanstalt (GBA), das an der GBA generierte geowissenschaftliche
|
||
Forschungsdaten veröffentlicht.
|
||
</p>
|
||
<p>
|
||
Zum derzeitigen Stand wird TETHYS RDR in deutscher Sprache bereitgestellt. Die englische Version befindet sich in Vorbereitung und wird sukzessive ebenfalls
|
||
zur Verfügung gestellt. Die Forschungsdatenpublikationen und die dazugehörigen Metadaten können in Deutsch und in Englisch veröffentlicht werden. Tethys RDR
|
||
hat den Anspruch, publizierte Datensätze unverändert, langfristig und nachhaltig bereitzustellen. Dadurch ist Tethys ein Forschungsdatenrepositorium, das
|
||
ein permanentes Referenzieren ermöglicht und somit die darin publizierten Datensätze zitierfähig macht.
|
||
</p>
|
||
<p>
|
||
Der Name Tethys kommt ursprünglich aus der griechischen Mythologie und benennt eine Titanin und Meeresgöttin. Ende des 19. Jahrhunderts entdeckte Eduard
|
||
Suess (1831–1914), ein bedeutender österreichischer Geologe, den mesozoischen Ozean und benannte ihn nach dieser Tethys.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<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-desktop 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>
|
||
|
||
<div class="clearfix mt-3"></div>
|
||
|
||
<div class="container-fluid page-breaker my-5">
|
||
<div class="container">
|
||
<div class="column col-sm text-center my-5">
|
||
<h1 class="text-white">HABEN SIE FRAGEN?</h1>
|
||
|
||
<p class="text-white text center p-5">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices
|
||
gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.
|
||
</p>
|
||
|
||
<div class="mx-auto my-5" style="width: 170px">
|
||
<a class="button is-primary custom-button">
|
||
<i class="fas fa-sign-in-alt"></i>
|
||
<strong>KONTAKT</strong>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container-fluid">
|
||
<div class="columns is-mobile partner-logos">
|
||
<div class="column col-sm text-center">
|
||
<img src="@/assets/site/img/re3-data-logo-mono.jpg" alt="re3 data logo" />
|
||
</div>
|
||
<div class="column col-sm text-center mobile-space">
|
||
<img src="@/assets/site/img/geosphere-austria-logo.jpg" class="pb-3" alt="logo geosphere austria" />
|
||
</div>
|
||
<div class="column col-sm text-center">
|
||
<img src="@/assets/site/img/placeholder-logo.jpg" alt="logo placeholder" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer class="container-fluid">
|
||
<div class="columns">
|
||
<div class="column col-sm">
|
||
<div class="card mx-auto" style="width: 18rem">
|
||
<div class="card-body">
|
||
<h5 class="card-title">About TETHYS</h5>
|
||
<ul class="list-group list-group-flush">
|
||
<!-- <li class="list-group-item"><a href="#">OAI</a></li> -->
|
||
<li class="list-group-item"><router-link to="/oai">OAI</router-link></li>
|
||
<li class="list-group-item"><a href="https://www.geologie.ac.at/" target="_blank">About GBA</a></li>
|
||
<li class="list-group-item"><a href="https://www.geologie.ac.at/news/news" target="_blank">News</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="column col-sm">
|
||
<div class="card mx-auto" style="width: 18rem">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Tools and Support</h5>
|
||
<ul class="list-group list-group-flush">
|
||
<li class="list-group-item">
|
||
<!-- <a href="#"><i class="far fa-id-card"></i> Contact</a> -->
|
||
<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> -->
|
||
<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> -->
|
||
<router-link to="/sitelinks"><i class="fas fa-link"></i> Sitelinks</router-link>
|
||
</li>
|
||
<li class="list-group-item">
|
||
<!-- <a href="#"><i class="far fa-file-alt"></i> Terms & Conditions</a> -->
|
||
<router-link to="/terms-and-conditions"><i class="far fa-file-alt"></i> Terms & Conditions</router-link>
|
||
</li>
|
||
<li class="list-group-item">
|
||
<a target="_blank" href="https://github.com/geolba/tethys"><i class="fab fa-github"></i> rdr bei GitHub</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="column col-sm">
|
||
<div class="card mx-auto" style="width: 18rem">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Connect with us</h5>
|
||
<ul class="list-group list-group-flush">
|
||
<li class="list-group-item">
|
||
<a target="_blank" href="https://www.geologie.ac.at/"><i class="fas fa-home pr-2"></i>GBA</a>
|
||
</li>
|
||
<li class="list-group-item">
|
||
<a href="#"><i class="fas fa-phone-alt pr-2"></i> +43-1-7125674</a>
|
||
</li>
|
||
<li class="list-group-item">
|
||
<a href="mailto:repository@geologie.ac.at"><i class="fas fa-envelope pr-2"></i> repository(at)geologie.ac.at </a>
|
||
</li>
|
||
</ul>
|
||
<img class="img-fluid pt-4" src="@/assets/site/img/geologische-bundesanstalt-logo.jpg" alt="Geologische Bundesanstalt logo" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<div class="container-fluid">
|
||
<div class="copyright-notice">Copyright 2021 TETHYS RDR</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script lang="ts">
|
||
import HomeViewComponent from "./home-view-component";
|
||
export default HomeViewComponent;
|
||
</script>
|
||
|
||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||
<style scoped lang="scss">
|
||
@import "./home-view-component.scss";
|
||
</style>
|