[PATCH 2 of 4] Split index.html into header, footer, main and feed, using serversite includes to merge them
Wald Commits
scm-commit at wald.intevation.org
Mon Mar 10 16:31:30 CET 2014
# HG changeset patch
# User Raimund Renkert <rrenkert at intevation.de>
# Date 1394465296 -3600
# Node ID 5632e05bb890d5b99485868715f2d831d17ee503
# Parent 52a04c9999b0d4b390a70dfd291d23c04fd1b2a8
Split index.html into header, footer, main and feed, using serversite includes to merge them.
diff -r 52a04c9999b0 -r 5632e05bb890 feed.html
--- /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 -->
diff -r 52a04c9999b0 -r 5632e05bb890 footer.html
--- /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 -->
diff -r 52a04c9999b0 -r 5632e05bb890 header.html
--- /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 -->
diff -r 52a04c9999b0 -r 5632e05bb890 index.html
--- 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>
diff -r 52a04c9999b0 -r 5632e05bb890 main.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 -->
More information about the Dive4elements-commits
mailing list