Mercurial > dive4elements > website
annotate index.html @ 24:98f602d1061b
Insert glyphicons in navigation bar.
Uncomment carousel captions.
| author | Ariane Broermann <ariane@intevation.de> |
|---|---|
| date | Wed, 26 Feb 2014 09:02:01 +0100 |
| parents | 12364cfd0975 |
| children | 509f9d13faf5 |
| rev | line source |
|---|---|
| 0 | 1 <!DOCTYPE html> |
| 2 <html> | |
| 3 <head> | |
| 4 <title>Dive4Elements</title> | |
| 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| 6 <meta charset="utf-8"> | |
| 7 <meta name="description" content=""> | |
| 8 <meta name="author" content="Ariane Brörmann"> | |
| 9 <!-- Bootstrap --> | |
| 7 | 10 <link href="bootstrap-3.1.0/dist/css/bootstrap.min.css" rel="stylesheet"> |
| 0 | 11 |
| 12 <!-- Custom styles for this template --> | |
| 13 <link href="css/style.css" rel="stylesheet"> | |
| 14 | |
| 15 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | |
| 16 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | |
| 17 <!--[if lt IE 9]> | |
| 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> | |
| 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> | |
|
9
0c522b4beb93
Changed link position (SCM and Community).
Ariane Broermann <ariane@intevation.de>
parents:
7
diff
changeset
|
34 <a class="navbar-brand" href="#">D4E-Logo</a> |
| 0 | 35 </div> |
| 36 <div class="navbar-collapse collapse"> | |
| 37 <ul class="nav navbar-nav navbar-right"> | |
|
24
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
38 <li><a href="#"><span class="glyphicon |
|
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
39 glyphicon-cog"> Demoanwendung</a></li> |
|
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
40 <li><a href="http://wald.intevation.org/scm/?group_id=57"><span class="glyphicon |
|
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
41 glyphicon-folder-open"> SCM-Repository</a></li> |
|
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
42 <li><a href="http://lists.wald.intevation.org/mailman/listinfo/dive4elements-commits"><span class="glyphicon |
|
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
43 glyphicon-pencil"> Mailinglist</a></li> |
|
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
44 <li><a href="contact.html"><span class="glyphicon |
|
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
45 glyphicon-envelope"> Kontakt</a></li> |
| 0 | 46 </ul> |
| 47 </div> | |
| 48 </div><!-- /navbar --> | |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
49 <div class="row row-dive4elements row-dive4elements-right"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
50 <div class="col-xs-12 col-sm-6 col-md-8"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
51 <p class="pull-right visible-xs"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
52 <button type="button" class="btn btn-primary btn-xs" |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
53 data-toggle="dive4elements">News Feed</button> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
54 </p> |
| 7 | 55 <p class="lead"> Dive4Elements ist eine datenbankbasierte Webapplikation zur |
| 56 raum-zeitlichen Analyse von Fachdaten der vier Elemente (Feuer, Wasser, Luft und | |
| 13 | 57 Erde). Dive steht für Digging, Investigating, Viewing, Exporting.</br> |
| 58 Dive4Elements gewährt webbasiert den Zugriff auf Datenmodelle in einem zentralen | |
| 59 Datawarehouse und bietet die Möglichkeit zur Analyse, Visualisierung der Daten | |
| 60 sowie Exportmöglichkeiten in offene Formate. | |
| 0 | 61 </p> |
| 62 <div class="jumbotron"> | |
| 13 | 63 <h3>Dive4Elements River</h3> |
| 64 <p class="lead">Dive4Elements River bildet die Basis für einen weltweit | |
| 65 zugänglicher Internetdienst mit fachlicher und technischer Anbindung von Daten | |
| 66 aus zentralen Datenbanken der Wasser- und Schifffahrtsverwaltung | |
| 67 (<a href="http://www.wsv.de/">WSV</a>) und der Bundesanstalt für Gewässerkunde | |
| 68 (<a href="http://www.bafg.de/FLYS">BfG</a>).</br> | |
| 69 Dive4Elements River wird vom Fachdienst FLYS der BfG betrieben und dient dem | |
| 70 Erstellen und Betreiben von numerischen Fließgewässermodellen an Bundeswasserstraßen | |
| 71 sowie zur Beschreibung der zugehörigen gewässerkundlichen Zustände. | |
| 72 </p> | |
| 73 <p class="demo-btn"><a class="btn btn-lg btn-primary" href="#" role="button">Demoanwendung</a></p> | |
| 0 | 74 |
| 75 <!-- Carousel --> | |
| 7 | 76 <div id="myCarousel" class="carousel slide data-ride="carousel"> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
77 <!-- Carousel items --> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
78 <div class="carousel-inner"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
79 <div class="item active"> |
|
22
12364cfd0975
Changed carousel images and text.
Ariane Broermann <ariane@intevation.de>
parents:
20
diff
changeset
|
80 <img src="img/einstieg.png" alt="Einstiegsseite" class="img-responsive"> |
|
24
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
81 <!--div class="carousel-caption"> |
|
22
12364cfd0975
Changed carousel images and text.
Ariane Broermann <ariane@intevation.de>
parents:
20
diff
changeset
|
82 <p>Einstiegsseite der Anwendung.</p> |
|
24
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
83 </div--> |
| 0 | 84 </div> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
85 <div class="item"> |
|
22
12364cfd0975
Changed carousel images and text.
Ariane Broermann <ariane@intevation.de>
parents:
20
diff
changeset
|
86 <img src="img/w-info_lang.png" alt="w-info" class="img-responsive"> |
|
24
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
87 <!--div class="carousel-caption"> |
|
22
12364cfd0975
Changed carousel images and text.
Ariane Broermann <ariane@intevation.de>
parents:
20
diff
changeset
|
88 <p>Das Modul W-Info mit Wasserspiegellage bei HQ100 der Elbe, einem |
|
12364cfd0975
Changed carousel images and text.
Ariane Broermann <ariane@intevation.de>
parents:
20
diff
changeset
|
89 Wasserstand von HQ500 und dem Talweg(2004).</p> |
|
24
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
90 </div--> |
| 0 | 91 </div> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
92 <div class="item"> |
|
22
12364cfd0975
Changed carousel images and text.
Ariane Broermann <ariane@intevation.de>
parents:
20
diff
changeset
|
93 <img src="img/m-info_fliess.png" alt="m-info" class="img-responsive"> |
|
24
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
94 <!--div class="carousel-caption"> |
|
22
12364cfd0975
Changed carousel images and text.
Ariane Broermann <ariane@intevation.de>
parents:
20
diff
changeset
|
95 <p>Das Modul M-Info mit der Fließgeschwindigkeit der Elbe bei HQ100 als Gesamtrinne.</p> |
|
24
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
96 </div--> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
97 </div> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
98 <div class="item"> |
|
22
12364cfd0975
Changed carousel images and text.
Ariane Broermann <ariane@intevation.de>
parents:
20
diff
changeset
|
99 <img src="img/karte.png" alt="karte" class="img-responsive"> |
|
24
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
100 <!--div class="carousel-caption"> |
|
22
12364cfd0975
Changed carousel images and text.
Ariane Broermann <ariane@intevation.de>
parents:
20
diff
changeset
|
101 <p>Die Flußachse der Elbe mit aktuellen Querprofilspuren und der neuen OSM Hintergrundkarte.</p> |
|
24
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
102 </div--> |
| 0 | 103 </div> |
| 104 </div> | |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
105 <!-- Carousel nav --> |
|
24
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
106 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> |
|
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
107 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
108 </div><!-- /myCarousel --> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
109 </div><!-- /jumbobutton--> |
| 0 | 110 |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
111 <div class="row marketing"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
112 <div class="col-lg-6"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
113 <h4>Was ist Dive4Elements River?</h4> |
| 13 | 114 <p>Die Anwendung Dive4Elements River besteht aus drei Informations- und Analysemodulen: |
| 115 <ul><li>W-Info</li> | |
| 116 <li>M-Info</li> | |
| 117 <li>Fixirungsanalyse</li> | |
| 118 </ul> | |
| 119 Diese beinhalten 17 Berechnungsarten, wodurch beispielsweise Wasserstände | |
| 120 orts- oder streckenbezogen ermittelt und in Bezug zu Messwerten ausgewertet | |
| 121 werden können. Des Weiteren verfügt die Software über mehrere Analysewerkzeuge, | |
| 122 die es Anwendern mit vertieften Kenntnissen über hydrologische und hydraulische | |
| 123 Zusammenhänge ermöglicht, u. a. Überschwemmungsgebiete zu ermitteln oder | |
| 124 Wassspiegelfixierungen auszuwerten, um Wasserspiegellagen für benutzerdefinierte | |
| 125 Abflüsse zu ermitteln.</br> | |
| 126 Weiterhin gibt es zwei Visualisierungsmodule (Karte, Diagramm). | |
| 127 </p> | |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
128 </div> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
129 <div class="col-lg-6"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
130 <h4>Visualisierung und Analyse</h4> |
| 13 | 131 <p> Das Modul W-Info für hydraulische und hydrologische Fragestellungen enthält fünf neue |
| 132 Berechnungsarten: | |
| 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 Die Fixierungsanalyse wurde überarbeitet. | |
| 141 </p> | |
| 142 <h5>Das neue Funktionsmodul M-Info</h5> | |
| 143 <p>M-Info dient physikalisch-morphologischen Fragestellungen und ist in | |
| 144 der Bedienung, Ergebnisausgabe und -visualisierung analog zu W-Info. | |
| 145 Insgesamt beinhaltet dieses Modul sechs Berechnungsarten: | |
| 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 Alle Arbeitsergebnisse können, je nach Berechnungsart mittels Tabellen, | |
| 155 Diagrammen (z. B. Längsschnitt, Querprofil, Ablusskurve, etc.) oder Karten | |
| 156 dargestellt werden. | |
| 157 </p> | |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
158 </div> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
159 </div><!-- /row marketing --> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
160 |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
161 <div class="jumbotron"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
162 <p>Dive4Elements Ocean (GNV)</p> |
| 0 | 163 </div> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
164 </div><!-- /col-xs-12 --> |
| 0 | 165 |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
166 <div class="col-xs-6 col-md-4 sidebar-dive4elements"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
167 <div class="news feed"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
168 <p>News Feed</p> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
169 </div><!-- /news feed --> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
170 </div><!-- /col-xs-6 --> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
171 </div><!-- /row --> |
| 0 | 172 |
| 173 <div class="footer"> | |
| 11 | 174 © 2014 Intevation GmbH <br> |
| 0 | 175 Dive4Elements ist lizensiert unter der <a href= |
| 176 "http://www.gnu.org/licenses/lgpl-2.1.html">GNU LGPL v2.1</a>. | |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
177 </div><!-- /footer --> |
| 0 | 178 </div> <!-- /container --> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
179 |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
180 <!-- Bootstrap core JavaScript |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
181 ================================================== --> |
| 0 | 182 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> |
|
24
98f602d1061b
Insert glyphicons in navigation bar.
Ariane Broermann <ariane@intevation.de>
parents:
22
diff
changeset
|
183 <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> |
| 0 | 184 <!-- Include all compiled plugins (below), or include individual files as needed --> |
| 7 | 185 <script src="bootstrap-3.1.0/dist/js/bootstrap.min.js"></script> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
186 <script src="js/dive4elements.js"></script> |
| 0 | 187 </body> |
| 188 </html> |