Mercurial > dive4elements > website
changeset 40:5632e05bb890
Split index.html into header, footer, main and feed, using serversite includes to merge them.
| author | Raimund Renkert <rrenkert@intevation.de> |
|---|---|
| date | Mon, 10 Mar 2014 16:28:16 +0100 |
| parents | 52a04c9999b0 |
| children | f6d4dfb9a8c7 |
| files | feed.html footer.html header.html index.html main.html |
| diffstat | 5 files changed, 163 insertions(+), 160 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/feed.html Mon Mar 10 16:28:16 2014 +0100 @@ -0,0 +1,6 @@ +<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 -->
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/footer.html Mon Mar 10 16:28:16 2014 +0100 @@ -0,0 +1,5 @@ +<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 -->
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/header.html Mon Mar 10 16:28:16 2014 +0100 @@ -0,0 +1,25 @@ +<!-- 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="navbar-brand" href="/"><strong>D4E</strong></a> + </div> + <div class="navbar-collapse collapse"> + <ul class="nav navbar-nav navbar-right"> + <li><a href="getit.html"><span class="glyphicon + glyphicon-cog"> Demoversion</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 -->
--- a/index.html Mon Mar 10 16:21:24 2014 +0100 +++ b/index.html Mon Mar 10 16:28:16 2014 +0100 @@ -18,166 +18,6 @@ <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="navbar-brand" href="/"><strong>D4E</strong></a> - </div> - <div class="navbar-collapse collapse"> - <ul class="nav navbar-nav navbar-right"> - <li><a href="#"><span class="glyphicon - glyphicon-cog"> Demoversion</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"> <strong>Dive4Elements</strong> (Feuer, Wasser, Luft und Erde) ist - ein web-basiertes System zur raum-zeitlichen Analyse von Fachdaten. - Es gewährt hierzu Zugriff auf Datenmodelle in zentralen Datawarehouses, - kann diese verarbeiten, visualisieren - sowie in offene Formate exportieren. - </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">Demoversion</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 ================================================== --> @@ -186,5 +26,15 @@ <!-- 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> + </head> + <body> + <div class="container"> + <!--#include file="header.html" --> + <div class="row row-dive4elements row-dive4elements-right"> + <!--#include file="main.html" --> + <!--#include file="feed.html" --> + </div><!-- /row --> + <!--#include file="footer.html" --> + </div> <!-- /container --> </body> </html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/main.html Mon Mar 10 16:28:16 2014 +0100 @@ -0,0 +1,117 @@ +<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"> <strong>Dive4Elements</strong> (Feuer, Wasser, Luft und Erde) ist + ein web-basiertes System zur raum-zeitlichen Analyse von Fachdaten. + Es gewährt hierzu Zugriff auf Datenmodelle in zentralen Datawarehouses, + kann diese verarbeiten, visualisieren + sowie in offene Formate exportieren. + </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="getit.html" + role="button">Demoversion</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 -->