diff index.html @ 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 eea27e51e482
children fe423a58796e
line wrap: on
line diff
--- 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>
This site is hosted by Intevation GmbH (Datenschutzerklärung und Impressum | Privacy Policy and Imprint)