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