Mercurial > dive4elements > website
view index.html @ 29:980b1d8e93c1
Insert logo in navbar.
author | Ariane Broermann <ariane@intevation.de> |
---|---|
date | Mon, 03 Mar 2014 11:05:25 +0100 |
parents | ebf1309e3e1b |
children | c69b8e62172f |
line wrap: on
line source
<!DOCTYPE html> <html> <head> <title>Dive4Elements</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content="Ariane Brörmann"> <!-- Bootstrap --> <link href="bootstrap-3.1.0/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="css/style.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <div class="container"> <!-- Static navbar --> <div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="brand" href="index.html"><img src="img/logo.png" alt="logo" class="img-responsive"></a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="#"><span class="glyphicon glyphicon-cog"> Demoanwendung</span></a></li> <li><a href="http://wald.intevation.org/scm/?group_id=57"><span class="glyphicon glyphicon-folder-open"> SCM-Repository</span></a></li> <li><a href="http://lists.wald.intevation.org/mailman/listinfo/dive4elements-commits"><span class="glyphicon glyphicon-pencil"> Mailinglist</span></a></li> <li><a href="contact.html"><span class="glyphicon glyphicon-envelope"> Kontakt</span></a></li> </ul> </div> </div><!-- /navbar --> <div class="row row-dive4elements row-dive4elements-right"> <div class="col-xs-12 col-sm-6 col-md-8"> <p class="pull-right visible-xs"> <button type="button" class="btn btn-primary btn-xs" data-toggle="dive4elements">News Feed</button> </p> <p class="lead"> Dive4Elements ist eine datenbankbasierte Webapplikation zur raum-zeitlichen Analyse von Fachdaten der vier Elemente (Feuer, Wasser, Luft und Erde). Dive steht für Digging, Investigating, Viewing, Exporting.<br /> Dive4Elements gewährt webbasiert den Zugriff auf Datenmodelle in einem zentralen Datawarehouse und bietet die Möglichkeit zur Analyse, Visualisierung der Daten sowie Exportmöglichkeiten in offene Formate. </p> <div class="jumbotron"> <h3>Dive4Elements River</h3> <p class="lead">Dive4Elements River bildet die Basis für einen weltweit zugänglicher Internetdienst mit fachlicher und technischer Anbindung von Daten aus zentralen Datenbanken der Wasser- und Schifffahrtsverwaltung (<a href="http://www.wsv.de/">WSV</a>) und der Bundesanstalt für Gewässerkunde (<a href="http://www.bafg.de/FLYS">BfG</a>). Dive4Elements River wird vom Fachdienst FLYS der BfG betrieben und dient dem Erstellen und Betreiben von numerischen Fließgewässermodellen an Bundeswasserstraßen sowie zur Beschreibung der zugehörigen gewässerkundlichen Zustände. </p> <p class="demo-btn"><a class="btn btn-lg btn-primary" href="#" role="button">Demoanwendung</a></p> <!-- Carousel --> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Carousel items --> <div class="carousel-inner"> <div class="item active"> <img src="img/einstieg.png" alt="Einstiegsseite" class="img-responsive"> <!--div class="carousel-caption"> <p>Einstiegsseite der Anwendung.</p> </div--> </div> <div class="item"> <img src="img/w-info_lang.png" alt="w-info" class="img-responsive"> <!--div class="carousel-caption"> <p>Das Modul W-Info mit Wasserspiegellage bei HQ100 der Elbe, einem Wasserstand von HQ500 und dem Talweg(2004).</p> </div--> </div> <div class="item"> <img src="img/m-info_fliess.png" alt="m-info" class="img-responsive"> <!--div class="carousel-caption"> <p>Das Modul M-Info mit der Fließgeschwindigkeit der Elbe bei HQ100 als Gesamtrinne.</p> </div--> </div> <div class="item"> <img src="img/karte.png" alt="karte" class="img-responsive"> <!--div class="carousel-caption"> <p>Die Flußachse der Elbe mit aktuellen Querprofilspuren und der neuen OSM Hintergrundkarte.</p> </div--> </div> </div> <!-- Carousel nav --> <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a> </div><!-- /myCarousel --> </div><!-- /jumbobutton--> <div class="row marketing"> <div class="col-lg-6"> <h4>Was ist Dive4Elements River?</h4> <p>Die Anwendung Dive4Elements River besteht aus drei Informations- und Analysemodulen:</p> <ul><li>W-Info</li> <li>M-Info</li> <li>Fixirungsanalyse</li> </ul> <p>Diese beinhalten 17 Berechnungsarten, wodurch beispielsweise Wasserstände orts- oder streckenbezogen ermittelt und in Bezug zu Messwerten ausgewertet werden können. Des Weiteren verfügt die Software über mehrere Analysewerkzeuge, die es Anwendern mit vertieften Kenntnissen über hydrologische und hydraulische Zusammenhänge ermöglicht, u. a. Überschwemmungsgebiete zu ermitteln oder Wassspiegelfixierungen auszuwerten, um Wasserspiegellagen für benutzerdefinierte Abflüsse zu ermitteln.<br /> Weiterhin gibt es zwei Visualisierungsmodule (Karte, Diagramm). </p> </div> <div class="col-lg-6"> <h4>Visualisierung und Analyse</h4> <p> Das Modul W-Info für hydraulische und hydrologische Fragestellungen enthält fünf neue Berechnungsarten: </p> <ol> <li>Auswertung historischer Abflusstafeln</li> <li>Bezugslinienverfahren</li> <li>Differenzenberechnung</li> <li>Überschwemmungsfläche</li> <li>Auslagerung extremer Wasserspiegellagen</li> </ol> <p>Die Fixierungsanalyse wurde überarbeitet.</p> <h5>Das neue Funktionsmodul M-Info</h5> <p>M-Info dient physikalisch-morphologischen Fragestellungen und ist in der Bedienung, Ergebnisausgabe und -visualisierung analog zu W-Info. Insgesamt beinhaltet dieses Modul sechs Berechnungsarten: </p> <ol> <li>Mittlere Sohlhöhe</li> <li>Sohlhöhendifferenzen</li> <li>Sedimentfracht</li> <li>Sohlbeschaffenheit</li> <li>Fließgeschwindigkeit</li> <li>Transport-Abluss-Beziehung</li> </ol> <p> Alle Arbeitsergebnisse können, je nach Berechnungsart mittels Tabellen, Diagrammen (z. B. Längsschnitt, Querprofil, Ablusskurve, etc.) oder Karten dargestellt werden. </p> </div> </div><!-- /row marketing --> <div class="jumbotron"> <p>Dive4Elements Ocean (GNV)</p> </div> </div><!-- /col-xs-12 --> <div class="col-xs-6 col-md-4 sidebar-dive4elements"> <div class="news feed"> <p>News Feed</p> {newsfeed} </div><!-- /news feed --> </div><!-- /col-xs-6 --> </div><!-- /row --> <div class="footer"> © 2014 Intevation GmbH <br /> Dive4Elements ist lizensiert unter der <a href= "http://www.gnu.org/licenses/lgpl-2.1.html">GNU LGPL v2.1</a>. </div><!-- /footer --> </div> <!-- /container --> <!-- Bootstrap core JavaScript ================================================== --> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="bootstrap-3.1.0/dist/js/bootstrap.min.js"></script> <script src="js/dive4elements.js"></script> </body> </html>