Update index.html

This commit is contained in:
Brus 2026-01-19 10:31:14 +01:00
commit 41393d9fbc

View file

@ -1,323 +1,337 @@
<!doctype html>
<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>
<!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>