337 lines
12 KiB
HTML
337 lines
12 KiB
HTML
<!doctype html>
|
||
|
||
<!--
|
||
*|----------------------------------------------------------------------------------------
|
||
*| IT
|
||
*| GeoSphere Austria
|
||
*|
|
||
*| Neulinggasse 38
|
||
*| 1030 Wien
|
||
*| https://www.geosphere.ac.at
|
||
*|----------------------------------------------------------------------------------------
|
||
<p><b>Copyright:</b> Copyright (c) 2021</p>
|
||
<p><b>Institution:</b>geosphere austria</p>
|
||
@author Thomas Brus
|
||
-->
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8"/>
|
||
<title>Geosphere Austria Webseiten</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<!-- Bootstrap 5 -->
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
|
||
<!-- Icons + Custom CSS -->
|
||
<link href="css/all.min.css" rel="stylesheet">
|
||
<link href="css/gba.css" rel="stylesheet">
|
||
|
||
<!-- jQuery -->
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||
|
||
<style>
|
||
body {
|
||
background: #f6f6f6;
|
||
}
|
||
.hero {
|
||
background: linear-gradient(135deg, #052E37 0%, #0C4A55 100%);
|
||
color: white;
|
||
padding: 1.50rem 0 2rem 0; /* more space above for the logo */
|
||
}
|
||
.category-title {
|
||
margin-top: 2rem;
|
||
margin-bottom: 1rem;
|
||
border-left: 6px solid #0C4A55;
|
||
padding-left: 10px;
|
||
font-weight: 600;
|
||
color: #0C4A55;
|
||
}
|
||
footer {
|
||
text-align: center;
|
||
padding: 20px;
|
||
background-color: #0C4A55;
|
||
}
|
||
footer a {
|
||
color: #bbdd12;
|
||
text-decoration: none;
|
||
}
|
||
.search-box {
|
||
max-width: 350px;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!-- NAVBAR -->
|
||
<header class="navbar navbar-expand-md bg-light shadow-sm">
|
||
<nav class="container-xxl navbar-light">
|
||
|
||
|
||
<!-- <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#navbarCollapse">
|
||
<span class="fa fa-bars fa-lg"></span>
|
||
</button> -->
|
||
|
||
<!-- <div class="collapse navbar-collapse" id="navbarCollapse"></div> -->
|
||
|
||
<!-- <div class="search-box">
|
||
<input id="guide-search" class="form-control" type="text" placeholder="Suchen ..."
|
||
aria-label="Search">
|
||
</div> -->
|
||
</nav>
|
||
</header>
|
||
|
||
<!-- HERO SECTION -->
|
||
<!-- HERO SECTION -->
|
||
<section class="hero">
|
||
<div class="container">
|
||
|
||
<div class="row align-items-center text-center text-md-start">
|
||
|
||
<!-- LEFT: LOGO -->
|
||
<div class="col-md-4 mb-3 mb-md-0 d-flex justify-content-center justify-content-md-start">
|
||
<img src="./logo.svg"
|
||
alt="GeoSphere Austria"
|
||
class="img-fluid"
|
||
style="max-width: 160px;">
|
||
</div>
|
||
|
||
<!-- RIGHT: TITLE + SEARCH -->
|
||
<div class="col-md-8">
|
||
|
||
<h1 class="fw-bold">GeoSphere Austria – Webportale</h1>
|
||
<p class="lead">Zentrale Zugänge zu Geodaten, Services & Tools</p>
|
||
|
||
<!-- SEARCH BAR -->
|
||
<div class="d-flex justify-content-center justify-content-md-start mt-3">
|
||
<div class="input-group" style="max-width: 420px;">
|
||
<input id="guide-search"
|
||
type="text"
|
||
class="form-control"
|
||
placeholder="Suchen ..."
|
||
aria-label="Suchen">
|
||
<button id="guide-search-btn"
|
||
class="btn btn-warning fw-bold"
|
||
type="button">
|
||
🔍
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
<div class="container">
|
||
|
||
<!-- FUNCTIONAL SEARCH JS -->
|
||
<script>
|
||
$(document).ready(function() {
|
||
$("#guide-search").on("keyup", function() {
|
||
let value = $(this).val().toLowerCase();
|
||
$(".card-item").filter(function() {
|
||
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
|
||
<!-- ========================= GEOINFO CATEGORY ========================= -->
|
||
<h2 class="category-title">Geoinformation</h2>
|
||
|
||
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-4">
|
||
|
||
<!-- card template -->
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Tethys</h5>
|
||
<p class="card-text">Research Data Repository</p>
|
||
<a href="https://tethys.at/" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Thesaurus</h5>
|
||
<p class="card-text">Kontrolliertes Vokabular geowissenschaftlicher Begriffe</p>
|
||
<a href="https://thesaurus.geolba.ac.at/" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Inspire Viewer</h5>
|
||
<p class="card-text">Viewer für Inspire Daten</p>
|
||
<a href="https://gis.geologie.ac.at/maps.html" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Geodatenkatalog</h5>
|
||
<p class="card-text">Datenkatalog der GeoSphere Austria</p>
|
||
<a href="https://gis.geologie.ac.at/geonetwork/" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Geodatenkatalog Inspire (preview)</h5>
|
||
<p class="card-text">Inspire Metadatenkatalog</p>
|
||
<a href="https://catalog.geosphere.at/" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Geoserver</h5>
|
||
<p class="card-text">WMS Server für Geodaten</p>
|
||
<a href="https://gis.geologie.ac.at/geoserver" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">ESRI Rest Service</h5>
|
||
<p class="card-text">Current Version: 11.5 (JSON | SOAP | WMS | WMTS)"</p>
|
||
<a href="https://gis.geosphere.at/maps/rest/services" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">OCULUS</h5>
|
||
<p class="card-text">3D Geologie Webviewer</p>
|
||
<a href="https://oculus.geosphere.at/" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Rocky Austria</h5>
|
||
<p class="card-text">Geologie Österreich</p>
|
||
<a href="https://rocky-austria.geosphere.at/index.html" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">IRIS</h5>
|
||
<p class="card-text">Interaktives RohstoffInformationsSystem</p>
|
||
<a href="https://gis.geosphere.at/portal/apps/mapviewer/index.html?layers=0e137bd067d1417d9f3f3b21a705c838"
|
||
class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
<!-- ========================= DEVELOPMENT CATEGORY ========================= -->
|
||
<h2 class="category-title">Entwicklung</h2>
|
||
|
||
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-4">
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Forgejo</h5>
|
||
<p class="card-text">Git repository of GeoSphere Austria</p>
|
||
<a href="https://gitea.geosphere.at/" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Github</h5>
|
||
<p class="card-text">Github server of GeoSphere Austria</p>
|
||
<a href="https://github.com/schmar00" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Gitlab</h5>
|
||
<p class="card-text">Gitlab server of GeoSphere Austria</p>
|
||
<a href="https://gitlab.geosphere.at" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- ========================= COMMUNICATION ========================= -->
|
||
<h2 class="category-title">Kommunikation</h2>
|
||
|
||
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-4">
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Nextcloud Talk</h5>
|
||
<p class="card-text">Nextcloud Talk – Meetings</p>
|
||
<a href="https://rhea.geosphere.at/apps/spreed/" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col card-item">
|
||
<div class="card h-100 shadow-sm">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Nextcloud</h5>
|
||
<p class="card-text">Nextcloud Cloudservice</p>
|
||
<a href="https://rhea.geosphere.at/" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- FOOTER -->
|
||
<footer>
|
||
<nav aria-label="Footer links">
|
||
<ul class="footer-links">
|
||
<li><a href="https://www.geosphere.at/">WWW</a></li>
|
||
<li><a href="mailto:kontakt@geosphere.at">Email</a></li>
|
||
<li><a href="https://www.geosphere.at/de/impressum">Impressum</a></li>
|
||
<li><a href="https://geosphere.at/de/datenschutz">Datenschutz</a></li>
|
||
<li><a href="https://www.geosphere.at/de/legal">Legal</a></li>
|
||
|
||
</ul>
|
||
</nav>
|
||
</footer>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"></script>
|
||
|
||
</body>
|
||
</html>
|