annotate index.html @ 4:9e93f08034d8

Added script to toggle news feed.
author Ariane Broermann <ariane@intevation.de>
date Tue, 28 Jan 2014 12:35:25 +0100
parents 2d286f28acf9
children 1d80634d0997
rev   line source
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
1 <!DOCTYPE html>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
2 <html>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
3 <head>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
4 <title>Dive4Elements</title>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
6 <meta charset="utf-8">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
7 <meta name="description" content="">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
8 <meta name="author" content="Ariane Brörmann">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
9 <!-- Bootstrap -->
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
10 <link href="bootstrap-3.0.3/dist/css/bootstrap.min.css" rel="stylesheet">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
11
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
12 <!-- Custom styles for this template -->
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
13 <link href="css/style.css" rel="stylesheet">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
14
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
15 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
16 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
17 <!--[if lt IE 9]>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
18 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
19 <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
20 <![endif]-->
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
21 </head>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
22 <body>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
23 <div class="container">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
24
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
25 <!-- Static navbar -->
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
26 <div class="navbar navbar-default" role="navigation">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
27 <div class="navbar-header">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
28 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
29 <span class="sr-only">Toggle navigation</span>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
30 <span class="icon-bar"></span>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
31 <span class="icon-bar"></span>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
32 <span class="icon-bar"></span>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
33 </button>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
34 <a class="navbar-brand" href="#">Dive4Elements</a>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
35 </div>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
36 <div class="navbar-collapse collapse">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
37 <ul class="nav navbar-nav navbar-right">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
38 <li><a href="#">Kontakt</a></li>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
39 </ul>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
40 </div>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
41 </div><!-- /navbar -->
3
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
42 <div class="row row-dive4elements row-dive4elements-right">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
43 <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
44 <p class="pull-right visible-xs">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
45 <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
46 data-toggle="dive4elements">News Feed</button>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
47 </p>
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
48 <p class="lead"> Dive4Elements ist eine datenbankbasierte Webapplikation zur raum-zeitlichen Analyse von Fachdaten der 4 Elemente (Feuer, Wasser, Luft und Erde). Dive steht für Digging, Investigating, Viewing, Exporting.
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
49 Dive4Elements gewährt webbasiert den Zugriff auf Datenmodelle in einem zentralen Datawarehouse und bietet die Möglichkeit zur Analyse, Visualisierung der Daten sowie Exportmöglichkeiten in offene Formate.
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
50 </p>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
51 <div class="jumbotron">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
52 <p class="lead">Dive4Elements River oder auch FLYSS - Flusshydrologische Software</p>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
53 <p><a class="btn btn-lg btn-success" href="#" role="button">Get it</a></p>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
54
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
55 <!-- Carousel -->
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
56 <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
57 <!-- Carousel items -->
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
58 <div class="carousel-inner">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
59 <div class="item active">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
60 <img src="img/bezugslinie_saar_748x400_ausschnitt.png" alt="1. Bild" class="img-responsive">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
61 <div class="carousel-caption">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
62 <p>Titel und ggf. kurze Erläuterung </p>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
63 </div>
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
64 </div>
3
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
65 <div class="item">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
66 <img src="img/fix-a_saar_748x400_ausschnitt.png" alt="2. Bild" class="img-responsive">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
67 <div class="carousel-caption">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
68 <p>Titel und ggf. kurze Erläuterung </p>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
69 </div>
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
70 </div>
3
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
71 <div class="item">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
72 <img src="img/uesk_koblenz_hq-extrem_748x400.png" alt="3. Bild" class="img-responsive">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
73 <div class="carousel-caption">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
74 <p>Titel und ggf. kurze Erläuterung </p>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
75 </div>
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
76 </div>
3
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
77 <div class="item">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
78 <img src="img/wspl_rhein_748x400_ausschnitt.png" alt="4. Bild" class="img-responsive">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
79 <div class="carousel-caption">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
80 <p>Titel und ggf. kurze Erläuterung </p>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
81 </div>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
82 </div>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
83 <div class="item">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
84 <img src="img/uesk_koblenz_hq-extrem_580x310_ausschnitt.png" alt="5. Bild" class="img-responsive">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
85 <div class="carousel-caption">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
86 <p>Titel und ggf. kurze Erläuterung </p>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
87 </div>
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
88 </div>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
89 </div>
3
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
90 <!-- Carousel nav -->
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
91 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="prev"></span></a>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
92 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="next"></span></a>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
93 </div><!-- /myCarousel -->
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
94 </div><!-- /jumbobutton-->
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
95
3
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
96 <div class="row marketing">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
97 <div class="col-lg-6">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
98 <h4>Was ist Dive4Elements River?</h4>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
99 <p>Es folgt der Text.</p>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
100 </div>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
101 <div class="col-lg-6">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
102 <h4>Visualisierung und Analyse</h4>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
103 <p>Es folgt der Text.</p>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
104 </div>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
105 </div><!-- /row marketing -->
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
106
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
107 <div class="jumbotron">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
108 <p>Dive4Elements Ocean (GNV)</p>
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
109 </div>
3
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
110 </div><!-- /col-xs-12 -->
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
111
3
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
112 <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
113 <div class="news feed">
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
114 <p>News Feed</p>
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
115 </div><!-- /news feed -->
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
116 </div><!-- /col-xs-6 -->
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
117 </div><!-- /row -->
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
118
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
119 <div class="footer">
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
120 © 2011 Intevation GmbH <br>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
121 Dive4Elements ist lizensiert unter der <a href=
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
122 "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
123 </div><!-- /footer -->
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
124 </div> <!-- /container -->
3
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
125
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
126 <!-- Bootstrap core JavaScript
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
127 ================================================== -->
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
128 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
129 <script src="https://code.jquery.com/jquery.js"></script>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
130 <!-- Include all compiled plugins (below), or include individual files as needed -->
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
131 <script src="bootstrap-3.0.3/dist/js/bootstrap.min.js"></script>
3
2d286f28acf9 Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents: 0
diff changeset
132 <script src="js/dive4elements.js"></script>
0
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
133 </body>
20e1ebb86d9d Laying out Repository
Ariane Broermann <ariane@intevation.de>
parents:
diff changeset
134 </html>
This site is hosted by Intevation GmbH (Datenschutzerklärung und Impressum | Privacy Policy and Imprint)