Mercurial > dive4elements > website

comparison index.html @ 40:5632e05bb890

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
comparison
equal deleted inserted replaced
39:52a04c9999b0 40:5632e05bb890
16 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 16 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
17 <!--[if lt IE 9]> 17 <!--[if lt IE 9]>
18 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 18 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
19 <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> 19 <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
20 <![endif]--> 20 <![endif]-->
21 </head>
22 <body>
23 <div class="container">
24
25 <!-- Static navbar -->
26 <div class="navbar navbar-default" role="navigation">
27 <div class="navbar-header">
28 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
29 <span class="sr-only">Toggle navigation</span>
30 <span class="icon-bar"></span>
31 <span class="icon-bar"></span>
32 <span class="icon-bar"></span>
33 </button>
34 <a class="navbar-brand" href="/"><strong>D4E</strong></a>
35 </div>
36 <div class="navbar-collapse collapse">
37 <ul class="nav navbar-nav navbar-right">
38 <li><a href="#"><span class="glyphicon
39 glyphicon-cog"> Demoversion</span></a></li>
40 <li><a href="http://wald.intevation.org/scm/?group_id=57"><span class="glyphicon
41 glyphicon-folder-open"> SCM-Repository</span></a></li>
42 <li><a href="http://lists.wald.intevation.org/mailman/listinfo/dive4elements-commits"><span class="glyphicon
43 glyphicon-pencil"> Mailinglist</span></a></li>
44 <li><a href="contact.html"><span class="glyphicon
45 glyphicon-envelope"> Kontakt</span></a></li>
46 </ul>
47 </div>
48 </div><!-- /navbar -->
49 <div class="row row-dive4elements row-dive4elements-right">
50 <div class="col-xs-12 col-sm-6 col-md-8">
51 <p class="pull-right visible-xs">
52 <button type="button" class="btn btn-primary btn-xs"
53 data-toggle="dive4elements">News Feed</button>
54 </p>
55 <p class="lead"> <strong>Dive4Elements</strong> (Feuer, Wasser, Luft und Erde) ist
56 ein web-basiertes System zur raum-zeitlichen Analyse von Fachdaten.
57 Es gewährt hierzu Zugriff auf Datenmodelle in zentralen Datawarehouses,
58 kann diese verarbeiten, visualisieren
59 sowie in offene Formate exportieren.
60 </p>
61 <div class="jumbotron">
62 <h3>Dive4Elements River</h3>
63 <p class="lead">Dive4Elements River bildet die Basis für einen weltweit
64 zugänglicher Internetdienst mit fachlicher und technischer Anbindung von Daten
65 aus zentralen Datenbanken der Wasser- und Schifffahrtsverwaltung
66 (<a href="http://www.wsv.de/">WSV</a>) und der Bundesanstalt für Gewässerkunde
67 (<a href="http://www.bafg.de/FLYS">BfG</a>).
68 Dive4Elements River wird vom Fachdienst FLYS der BfG betrieben und dient dem
69 Erstellen und Betreiben von numerischen Fließgewässermodellen an Bundeswasserstraßen
70 sowie zur Beschreibung der zugehörigen gewässerkundlichen Zustände.
71 </p>
72 <p class="demo-btn"><a class="btn btn-lg btn-primary" href="#" role="button">Demoversion</a></p>
73
74 <!-- Carousel -->
75 <div id="myCarousel" class="carousel slide" data-ride="carousel">
76 <!-- Carousel items -->
77 <div class="carousel-inner">
78 <div class="item active">
79 <img src="img/einstieg.png" alt="Einstiegsseite" class="img-responsive">
80 <!--div class="carousel-caption">
81 <p>Einstiegsseite der Anwendung.</p>
82 </div-->
83 </div>
84 <div class="item">
85 <img src="img/w-info_lang.png" alt="w-info" class="img-responsive">
86 <!--div class="carousel-caption">
87 <p>Das Modul W-Info mit Wasserspiegellage bei HQ100 der Elbe, einem
88 Wasserstand von HQ500 und dem Talweg(2004).</p>
89 </div-->
90 </div>
91 <div class="item">
92 <img src="img/m-info_fliess.png" alt="m-info" class="img-responsive">
93 <!--div class="carousel-caption">
94 <p>Das Modul M-Info mit der Fließgeschwindigkeit der Elbe bei HQ100 als Gesamtrinne.</p>
95 </div-->
96 </div>
97 <div class="item">
98 <img src="img/karte.png" alt="karte" class="img-responsive">
99 <!--div class="carousel-caption">
100 <p>Die Flußachse der Elbe mit aktuellen Querprofilspuren und der neuen OSM Hintergrundkarte.</p>
101 </div-->
102 </div>
103 </div>
104 <!-- Carousel nav -->
105 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a>
106 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a>
107 </div><!-- /myCarousel -->
108 </div><!-- /jumbobutton-->
109
110 <div class="row marketing">
111 <div class="col-lg-6">
112 <h4>Was ist Dive4Elements River?</h4>
113 <p>Die Anwendung Dive4Elements River besteht aus drei Informations- und Analysemodulen:</p>
114 <ul><li>W-Info</li>
115 <li>M-Info</li>
116 <li>Fixirungsanalyse</li>
117 </ul>
118 <p>Diese beinhalten 17 Berechnungsarten, wodurch beispielsweise Wasserstände
119 orts- oder streckenbezogen ermittelt und in Bezug zu Messwerten ausgewertet
120 werden können. Des Weiteren verfügt die Software über mehrere Analysewerkzeuge,
121 die es Anwendern mit vertieften Kenntnissen über hydrologische und hydraulische
122 Zusammenhänge ermöglicht, u. a. Überschwemmungsgebiete zu ermitteln oder
123 Wassspiegelfixierungen auszuwerten, um Wasserspiegellagen für benutzerdefinierte
124 Abflüsse zu ermitteln.<br />
125 Weiterhin gibt es zwei Visualisierungsmodule (Karte, Diagramm).
126 </p>
127 </div>
128 <div class="col-lg-6">
129 <h4>Visualisierung und Analyse</h4>
130 <p> Das Modul W-Info für hydraulische und hydrologische Fragestellungen enthält fünf neue
131 Berechnungsarten:
132 </p>
133 <ol>
134 <li>Auswertung historischer Abflusstafeln</li>
135 <li>Bezugslinienverfahren</li>
136 <li>Differenzenberechnung</li>
137 <li>Überschwemmungsfläche</li>
138 <li>Auslagerung extremer Wasserspiegellagen</li>
139 </ol>
140 <p>Die Fixierungsanalyse wurde überarbeitet.</p>
141 <h5>Das neue Funktionsmodul M-Info</h5>
142 <p>M-Info dient physikalisch-morphologischen Fragestellungen und ist in
143 der Bedienung, Ergebnisausgabe und -visualisierung analog zu W-Info.
144 Insgesamt beinhaltet dieses Modul sechs Berechnungsarten:
145 </p>
146 <ol>
147 <li>Mittlere Sohlhöhe</li>
148 <li>Sohlhöhendifferenzen</li>
149 <li>Sedimentfracht</li>
150 <li>Sohlbeschaffenheit</li>
151 <li>Fließgeschwindigkeit</li>
152 <li>Transport-Abluss-Beziehung</li>
153 </ol>
154 <p>
155 Alle Arbeitsergebnisse können, je nach Berechnungsart mittels Tabellen,
156 Diagrammen (z. B. Längsschnitt, Querprofil, Ablusskurve, etc.) oder Karten
157 dargestellt werden.
158 </p>
159 </div>
160 </div><!-- /row marketing -->
161
162 <div class="jumbotron">
163 <p>Dive4Elements Ocean (GNV)</p>
164 </div>
165 </div><!-- /col-xs-12 -->
166
167 <div class="col-xs-6 col-md-4 sidebar-dive4elements">
168 <div class="news feed">
169 <p>News Feed</p>
170 {newsfeed}
171 </div><!-- /news feed -->
172 </div><!-- /col-xs-6 -->
173 </div><!-- /row -->
174
175 <div class="footer">
176 © 2014 Intevation GmbH <br />
177 Dive4Elements ist lizensiert unter der <a href=
178 "http://www.gnu.org/licenses/lgpl-2.1.html">GNU LGPL v2.1</a>.
179 </div><!-- /footer -->
180 </div> <!-- /container -->
181 21
182 <!-- Bootstrap core JavaScript 22 <!-- Bootstrap core JavaScript
183 ================================================== --> 23 ================================================== -->
184 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 24 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
185 <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> 25 <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
186 <!-- Include all compiled plugins (below), or include individual files as needed --> 26 <!-- Include all compiled plugins (below), or include individual files as needed -->
187 <script src="bootstrap-3.1.0/dist/js/bootstrap.min.js"></script> 27 <script src="bootstrap-3.1.0/dist/js/bootstrap.min.js"></script>
188 <script src="js/dive4elements.js"></script> 28 <script src="js/dive4elements.js"></script>
29 </head>
30 <body>
31 <div class="container">
32 <!--#include file="header.html" -->
33 <div class="row row-dive4elements row-dive4elements-right">
34 <!--#include file="main.html" -->
35 <!--#include file="feed.html" -->
36 </div><!-- /row -->
37 <!--#include file="footer.html" -->
38 </div> <!-- /container -->
189 </body> 39 </body>
190 </html> 40 </html>
This site is hosted by Intevation GmbH (Datenschutzerklärung und Impressum | Privacy Policy and Imprint)