-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
629 lines (546 loc) · 29.3 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
<?php header('Content-Type: text/html; charset=ISO-8859-1');?>
<html>
<!--
Diese index.php Seite ist die Hauptwebsite, in die alle anderen Unterseiten integriert.
-->
<head>
<title>Schilfprojekt</title>
<!--Die keywords sind dafür, dass man die Schilfwebsite in Suchmaschinen findet.-->
<meta name="keywords" content="Schilf, Schilfsterben, Thomas, Mann, Schule, Gymnasium, TMS, LOLA, Possehl, Stiftung, LIaS">
<!--Hier wird der Zeichensatz definiert.
Dieser Zeichensatz stimmt mit dem der angeschlossenen Datenbank überein.
Jedoch beduetet dies, dass für deutsche Buchtstaben und Sonderzeichen Tricks verwendet werden müssen. Zum Beispiel:
ä wird in html durch ä erzeugt, die Großbuchstaben Ä durch Ä
ö ö Ö Ö
ü ü Ü Ü
ß durch ß -->
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <!--charset=ISO-8859-1-->
<!--Das Stylesheet (stylesheet.css) für die Hauptseiten wird hier eingebunden-->
<link href="stylesheet.css" type="text/css" rel="stylesheet"/>
<!--Das Stylesheet (newnavigationcss.css) für die Navigationsleiste wird hier eingebunden-->
<link href="navi.css" type="text/css" rel="stylesheet"/>
<!--Hier wird der Icon eingebunden, der bei vielen Browsern im Tab oder bei Lesezeichen für die Schilfwebsite angezeigt wird-->
<link rel="shortcut icon" href="./images/SchilfIcon_transparent.ico" type="image/x-icon"/>
<link rel="icon" href="./images/SchilfIconAnimation.gif" type="image/gif"/>
<!--Hier die animierte Version, die aber nicht bei allen Browsern geht-->
<!--Die Vollbildfunktion wird durch die lightbox-Bibliothek unterstützt, die hier durch JavaScript und CSS eingebunden wird.-->
<script src="lightbox/js/jquery-1.10.2.min.js"></script>
<script src="lightbox/js/lightbox-2.6.min.js"></script>
<link href="lightbox/css/lightbox.css" type="text/css" rel="stylesheet"/>
</head>
<body align="center">
<?php
//Die Session wird gestartet. Die Session ist später wichtig für die Login-Funktion für den Admin-Bereich. Durch sogenannte SESSION-Variablen können dann
session_start();
?>
<div id="Header">
<div id="Headline">
<!--Über die ID "HeadlineBackground" wird das Hintergrundbild mit CSS in den Header eingebaut-->
<div id="HeadlineBackground"></div>
<div id="HeadlineText">
<h2 id="HeadBox">Schilfprojekt der Thomas-Mann-Schule</h2>
<h4 id="HeadSubBox">
<p>in Kooperation mit der Universität zu Lübeck</p>
<p style="padding-top:20px;"><i >Untersuchungen zum Schilfwachstum an der Wakenitz</i></p>
</h4>
</div>
</div>
</div>
<!--Trennlinie zwischen Header und Navigation-->
<div id="Line">
</div>
<!--Hier beginnt die Navigationsleiste. Diese ist mithilfe einer ungeordneten Liste(ul) aufgebaut. Die einzelnen ListItems(li) beinhalten einen Link auf die verlinkten Unterseiten. Wenn die Kategorien sich nur ausfahren, aber nicht anklickbar sein sollen, dann wird kein href-Attribut gesetzt. Die ausfahrbaren Unterkategorien sind wiederum mit Listen und ListItems in den übergeordneten ListItems realisiert. Die href-Links ändern oder ergänzen nur das URL-Attribut ?site, was dann später - immer wenn die index-Seite aufgerufen wird - ausgelesen wird, sodass dann nur diese Unterseite includet wird. href="#" sollen noch tote Links darstellen, die demnächst gefüllt werden-->
<div id="na" >
<nav id="nav">
<ul id="navigation" type="none">
<!--Home-->
<li><a id="listElement1" href="?site=home">Home</a></li>
<!--Schilfprojekt-->
<li><a id="listElement2">Schilfprojekt »</a>
<ul>
<li><a href="?site=idee">Projektidee</a></li>
<li><a href="?site=aspekte">Forschungsaspekte</a></li>
<li><a href="?site=chronik">Projektverlauf</a></li>
</ul>
</li>
<!--Schilfpflanze-->
<li><a id="listElement3">Schilfpflanze »</a>
<ul>
<li><a href="?site=auto">Autökologisch</a></li>
<li><a href="?site=intergraf">Synökologisch</a></li>
</ul>
</li>
<!--Wakenitz-->
<li><a id="listElement4">Wakenitz »</a>
<ul>
<li><a href="?site=geschi">Geschichte</a></li>
<li><a href="#">Ökosystem »</a>
<ul>
<li><a href="?site=allgemeinoko">Allgemeine Betrachtung</a></li>
<li><a href="?site=biofakt">Biotische Faktoren</a></li>
<li><a href="?site=abiofakt">Abiotische Faktoren</a></li>
<li><a href="?site=stoffkreis">Stoffkreisläufe</a></li>
</ul>
</li>
<li><a href="#">Standorte »</a>
<ul>
<li><a href="?site=bruecke">Wallbrechtbrücke</a></li>
<li><a href="?site=eichholz">Eichholz</a></li>
<li><a href="?site=kleinerSee">Kleiner See</a></li>
<li><a href="?site=absalonshorst">Absalonshorst</a></li>
<li><a href="?site=grossSarau">Groß Sarau</a></li>
</ul>
</li>
<!--li><a href="?site=geo">Geovermessung</a></li-->
</ul>
</li>
<!--Untersuchungen-->
<li><a id="listElement5">Untersuchungen »</a>
<ul>
<li><a href="#">Schilfuntersuchung »</a>
<ul>
<li><a href="?site=vermessung">Vermessung</a></li>
<li><a href="?site=bruchfestigkeit">Bruchfestigkeit</a></li>
<li><a href="?site=genanalyse">genetische Analyse</a></li>
<li><a href="?site=staerke">Stärkegehalt</a></li>
<li><a href="?site=keimung">Keimfähigkeit</a></li>
<li><a href="?site=vermehrung">Vermehrung</a></li>
</ul>
</li>
<li><a href="?site=wasser">Wasseranalyse</a></li>
<li><a href="?site=sediment">Sedimentanalyse</a></li>
<li><a href="?site=saprobie">Gewässergüte</a></li>
<li><a href="?site=makrofauna">Makrofauna</a></li>
<li><a href="?site=geo">Geovermessung</a></li>
</ul>
</li>
<!--Mediathek-->
<li ><a id="listElement6">Mediathek »</a>
<ul>
<li><a href="?site=bildergalerie">Bildergalerie</a></li>
<li><a href="?site=video">Video</a></li>
<li><a href="?site=presse">Medienecho</a></li>
<li><a href="?site=links">weiterführende Links</a></li>
<li><a href="?site=download">Downloads</a></li>
</ul>
</li>
<!--Admin, später unten auf der Seite, oder nur über URL erreichbar>
<li><a id="listElement9" href="?site=login">Admin</a></li-->
</ul>
</nav>
</div>
<!--Die Tooltips sind die Fenster, die neben der SideBar erscheinen, wenn man über die Namen oder Punkte der Standorte hovert.
Die Tooltips an sich bestehen nur aus einem Bild und einer Standortüberschrift.-->
<div id="tooltips">
<div id="tooltipBruecke">
Wallbrechtbrücke
<img src="thumbnails/bruecke.jpg" alt="Wallbrechtbrücke" height="100">
</div>
<div id="tooltipEichholz">
Eichholz
<img src="thumbnails/eichholz.JPG" alt="Eichholz" height="100">
</div>
<div id="tooltipKleinerSee">
Kleiner See
<img src="thumbnails/kleiner see.JPG" alt="Kleiner See" height="100">
</div>
<div id="tooltipAbsalonshorst">
Absalonshorst
<img src="thumbnails/absalonshorst.JPG" alt="Absalonshorst" height="100">
</div>
<div id="tooltipGrossSarau">
Groß Sarau
<img src="thumbnails/gross sarau.JPG" alt="Gross Sarau" height="100">
</div>
</div>
<script language="javascript" type="text/javascript">
//In diesem JavaScript-Teil wird den Tooltips ihre Funktionsfähiigkeit gegeben
/*
* Wie der Name showTooltip schon sagt, wird mit dieser Funktion das Tooltip eines Standortes angezeigt.
* Die Bezeichnungen der Standorte sind: Bruecke , Eichholz, KleinerSee , Absalonshorst , GrossSarau
*/
function showTooltip(standort){
//die Tooltip-divs aus dem html-Teil werden in Variablen gespeichert
var bruecke = document.getElementById("tooltipBruecke");
var eichholz = document.getElementById("tooltipEichholz");
var kleinerSee = document.getElementById("tooltipKleinerSee");
var absalonshorst = document.getElementById("tooltipAbsalonshorst");
var grossSarau = document.getElementById("tooltipGrossSarau");
var tooltip = document.getElementById("tooltips");
tooltip.style.display="block";//setzt den tooltip-Rahmen auf sichtbar
//je nachdem, welcher Standort aufgerufen wurde, wird hier ein tooltip auf sichtbar gesetzt, indem das CSS Attribut display von none auf block gesetzt wird
if(standort=="Bruecke"){
bruecke.style.display="block";
}
if(standort=="Eichholz"){
eichholz.style.display="block";
}
if(standort=="KleinerSee"){
kleinerSee.style.display="block";
}
if(standort=="Absalonshorst"){
absalonshorst.style.display="block";
}
if(standort=="GrossSarau"){
grossSarau.style.display="block";
}
}
/*
* HideTooltip ist genau die entgegengesetzte Funktion zu showTooltip und funktioniert auch genauso
*/
function hideTooltip(standort){
var bruecke = document.getElementById("tooltipBruecke");
var eichholz = document.getElementById("tooltipEichholz");
var kleinerSee = document.getElementById("tooltipKleinerSee");
var absalonshorst = document.getElementById("tooltipAbsalonshorst");
var grossSarau = document.getElementById("tooltipGrossSarau");
var tooltip = document.getElementById("tooltips");
tooltip.style.display="none";
if(standort=="Bruecke"){
bruecke.style.display="none";
}
if(standort=="Eichholz"){
eichholz.style.display="none";
}
if(standort=="KleinerSee"){
kleinerSee.style.display="none";
}
if(standort=="Absalonshorst"){
absalonshorst.style.display="none";
}
if(standort=="GrossSarau"){
grossSarau.style.display="none";
}
}
/*
* LinkToStandortPage wird aufgerufen, wenn der Benutzer auf einen Standort in der SideBar klickt
* Je nach Standortwahl, wird er dann auf die Seite mit der Standortbeschreibung weitergeleitet
*/
function linkToStandortPage(standort){
if(standort=="Bruecke"){
window.location = "?site=bruecke";
}
if(standort=="Eichholz"){
window.location = "?site=eichholz";
}
if(standort=="KleinerSee"){
window.location = "?site=kleinerSee";
}
if(standort=="Absalonshorst"){
window.location = "?site=absalonshorst";
}
if(standort=="GrossSarau"){
window.location = "?site=grossSarau";
}
}
</script>
<div id="sideBarButton">
<p>Karte </p>
</div>
<script type="text/javascript">
$( document ).ready(function() {
//beim klicken SideBar öffnen
$("#sideBarButton").click(function(){
$("#SideBar").toggle();
$("#SideBar").css("position","fixed");
$("#SideBar").css("padding","0px");
$( "#SideBar" ).css( "animation"," einfliegenVonLinks 0.5s");
});
//beim hovern nach 2000ms SideBar öffnen
$('#sideBarButton').hover(function () {
var expanding = $(this);
var timer = window.setTimeout(function () {
expanding.data('timerid', null);
$("#SideBar").toggle();
$("#SideBar").css("position","fixed");
$("#SideBar").css("padding","0px");
$( "#SideBar" ).css( "animation"," einfliegenVonLinks 0.5s");
}, 600);
//store ID of newly created timer in DOM object
expanding.data('timerid', timer);
}, function () {
var timerid = $(this).data('timerid');
if (timerid != null) {
//mouse out, didn't timeout. Kill previously started timer
window.clearTimeout(timerid);
}
});
$("#SideBar").mouseleave(function(){
if ($("#homeTexthead").length == 0){
// wenn nicht im Adminbereich oder auf HomeSeite
$("#SideBar").toggle();
}
});
});
</script>
<div id="wrapper">
<!--Die SideBar ist neben dem Center-Container auf der Home-Seite zu sehen ist, und ansonsten nur hervorguckt und ausfahrbar ist.-->
<div id="SideBar">
<div id="sideBarInhalt">
<!--Die Legende zeigt die fünf Standorte in ihren Farben.
Außerden kommen hier beim hovern(onmouseover bzw. onmouseout) die JavaScript-Funktionen zum Zeigen und Verschwindenlassen zum Einsatz.
Zusätzlich sind die Legendeneinträge verlinks, sodass man durch anklicken auf die Standortbeschreibungsseite gelangt. -->
<div id="legende">
<a href="?site=bruecke">
<p style="color:grey;font-weight:bold;"
onmouseover="showTooltip('Bruecke');"
onmouseout="hideTooltip('Bruecke');">
Wallbrechtbrücke
</p>
</a>
<a href="?site=eichholz">
<p style="color: #1d722c;font-weight:bold;"
onmouseover="showTooltip('Eichholz');"
onmouseout="hideTooltip('Eichholz');">
Eichholz
</p>
</a>
<a href="?site=kleinerSee">
<p style="color:#EEC900;font-weight:bold;"
onmouseover="showTooltip('KleinerSee');"
onmouseout="hideTooltip('KleinerSee');">
Kleiner See
</P>
</a>
<a href="?site=absalonshorst">
<p style="color:red;font-weight:bold;"
onmouseover="showTooltip('Absalonshorst');"
onmouseout="hideTooltip('Absalonshorst');">
Absalonshorst
</p>
</a>
<a href="?site=grossSarau">
<p style="color:blue;font-weight:bold;"
onmouseover="showTooltip('GrossSarau');"
onmouseout="hideTooltip('GrossSarau');">
Groß Sarau
</p>
</a>
</div>
<!--Dieser Container hat eine feste Breite, die wichtig ist, da die Inhalte prozentual ausgerichtet sind.
Denn die Punkte der Standorte sollen immer an derselben Stelle der Karte erscheinen, auch, wenn die Bildschirmauflöösung oder das Zoom-In Level ein anderes ist-->
<div id="festerInhaltFuerUmriss">
<!--Die einzelnen Punkte haben die Javascript Funktionen zum Zeigen und Verschwinden-lassen der Tooltips sowie eine Link-Funktion(onclick), die den Benutzer auf die Standortbeschreibungsseite weiterleitet-->
<div id="punktBruecke"
class="punkt"
onmouseover="showTooltip('Bruecke');"
onmouseout="hideTooltip('Bruecke');"
onclick="linkToStandortPage('Bruecke');">
<!--Der inhalt der Punkte wird nicht angezeigt(display:none) muss jedoch als Platzhalter vorhanden sein-->
<a style="display:none;">x</a>
</div>
<div id="punktKleinerSee"
class="punkt"
onmouseover="showTooltip('KleinerSee');"
onmouseout="hideTooltip('KleinerSee');"
onclick="linkToStandortPage('KleinerSee');">
<a style="display:none;">x</a>
</div>
<div id="punktEichholz"
class="punkt"
onmouseover="showTooltip('Eichholz');"
onmouseout="hideTooltip('Eichholz');"
onclick="linkToStandortPage('Eichholz');">
<a style="display:none;">x</a>
</div>
<div id="punktAbsalonshorst"
class="punkt"
onmouseover="showTooltip('Absalonshorst');"
onmouseout="hideTooltip('Absalonshorst');"
onclick="linkToStandortPage('Absalonshorst');">
<a style="display:none;">x</a>
</div>
<div id="punktGrossSarau"
class="punkt"
onmouseover="showTooltip('GrossSarau');"
onmouseout="hideTooltip('GrossSarau');"
onclick="linkToStandortPage('GrossSarau');">
<a style="display:none;">x</a>
</div>
</div>
<?php
/*
* Im Folgenden werden Termine, die in der Datenbank gespeichert sind, ausgelesen und angezeigt
*/
//Durch include('datenbank.php'); wird eine php-Datei mit der Kopplungsfunktion zur Datenbank eingebunden
include('datenbank.php');
//Es werden die neusten zwei Termine abgefragt, da die terminid fortlaufend vergeben wird
$anfrage = 'SELECT terminid, terminzeit, terminbeschreibung
FROM termine
ORDER BY terminid DESC
LIMIT 2
';
$ergebnis = mysql_query($anfrage)
or die('Anfrage schlug fehl: '.mysql_error());
//Die Termine werden in der SideBar erzeugt, aber per CSS nicht angezeigt, nur auf der home Seite
echo('
<div id="termine">
<h3><u>Termine:</u></h3>
');
//Für jedes der (höchstens zwei) Elemente des Ergebnisses wird die while-Schleife mit der Ausgabe durchlaufen
while($zeile = mysql_fetch_assoc($ergebnis)){
echo('<p><b>'.$zeile['terminzeit'].': </b></p>');
echo('<p>'.$zeile['terminbeschreibung'].'</p>');
}
echo('</div>');
?>
</div>
<!-- Dies ist der Logout-Button, der in der SideBar erst erscheint, wenn man sich angemeldet hat.
Bei drücken des Buttons, wird man auf die Home-Seite geleitet.-->
<form style="text-align:right; position:absolute; right:20px; top:0px;" action="?site=home" method="post">
<input id="logout" name="logout" type="submit" value="Abmelden">
</form>
<input id="toAdmin" name="toAdmin" type="submit" value="Zum Adminbereich" style="text-align:right; position:absolute; right:120px; top:0px;">
<script type="text/javascript">
$(document).ready(function(){
$("#toAdmin").click(function(){
window.location.replace('?site=admin');
});
});
</script>
<?php
//überprüfen, ob die SESSION Variable gesetzt ist
if(isset($_SESSION['status'])){
//wenn ja, dann wird ihr Wert in $status gespeichert. Der Wert sollte 0 für nicht angemeldet und 1 für angemeldet sein
$status=$_SESSION['status'];
}else{
//wenn nein, dann ist status 0
$status='0';
}
//prüfen, ob der user angemeldet ist
if($status !='1'){
//wenn $status nicht 1 ist, dann ist der user nicht angemeldet und der LogoutButton wird nicht angezeigt
echo('<script type="text/javascript">
$(document).ready(function(){
$("#logout").hide();
$("#toAdmin").hide();
});
</script>');
}else{
//wenn $status 1 ist, dann soll der LogoutButton angezeigt werden
echo('<script type="text/javascript">
$(document).ready(function(){
$("#logout").show();
$("#toAdmin").show();
});
</script>');
}
?>
<?php
// Wenn der LogoutButton gedrückt wurde, ist $_POST['logout'] gesetzt, da der input-submit-Button im Formular getätigt wurde
if(isset($_POST['logout'])){
//der Statuswert wird auf 0 gesetzt, was abgemeldet bedeutet. Und in der SESSION-Variable gespeichert
$statuswert='0';
$_SESSION['status']=$statuswert;
//Anschließend wird die SESSION beendet
session_destroy();
//Und der User auf die Home-Seite weitergeleitet
echo("<script language ='JavaScript'>
window.location.replace('?site=home');
</script>");
}
?>
</div>
<div id="center">
<?php
/* Das ?site-Attribut aus der URL wird mithilfe von $_GET['site'] geholt
* Zum Beispiel ist bei der Seite ...index.php?site=home die Variable home das ?site Attribut.
* Der Attribut-Name "site" ist selber ausgedacht und muss mit ? an die URL angehängt werden.
* Wenn mehrere Attribute angehängt werden sollen, dann wird das erste mit ? und die darauffolgenden mit & verbunden.
*/
//Überprüfung, ob das ?site-Attribut gesetzt wurde (is set)
if( isset($_GET['site']) ){
//wenn ja, dann wird die Variable in $site gespeichert
$site = $_GET['site'];
/* Hier passiert ein entscheidender Schritt.
* Die index.php-Seite ist immer als Rahmen zu sehen, aber im Center-Bereich wechseln die Inhalte.
* Dies wird dadurch erreicht, dass mithilfe von include([irgendeineSeite].php) Code von einer anderen Datei importiert wird.
* Und zwar von genau der Datei, die im ?site-Attribut steckt.
*/
include($site.'.php');
/* Die nachfolgenden if-Bedingungen sollen überprüfen, auf welcher Seite man ist und dann in der Navigationsleiste die Kategorie, in der man sich befindet, farblich markieren.*/
if($site=="home"){
echo("<style> #listElement1 {
} </style> ");
}
if($site=='idee'||$site=='aspekte'||$site=='chronik'){
echo("<style > #listElement2 {
background: #D68453!important;
background-image: -moz-linear-gradient(top, #ffffff, #d68453)!important;
background-image: -ms-linear-gradient(top, #ffffff, #d68453)!important;
background-image: -o-linear-gradient(top, #ffffff, #d68453)!important;
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d68453))!important;
background-image: -webkit-linear-gradient(top, #ffffff, #d68453)!important;
background-image: linear-gradient(top, #ffffff, #d68453)!important;
} </style> ");
}
if($site=='auto'||$site=='syno'||$site=='intergraf'){
echo("<style> #listElement3 {
background: #D4D653!important;
background-image: -moz-linear-gradient(top, #ffffff, #d4d653)!important;
background-image: -ms-linear-gradient(top, #ffffff, #d4d653)!important;
background-image: -o-linear-gradient(top, #ffffff, #d4d653)!important;
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d4d653))!important;
background-image: -webkit-linear-gradient(top, #ffffff, #d4d653)!important;
background-image: linear-gradient(top, #ffffff, #d4d653)!important;
} </style> ");
}
if($site=='geschi'||$site=='allgemeinoko'||$site=='biofakt'||$site=='abiofakt'||$site=='stoffkreis'||$site=='eichholz'||$site=='kleinerSee'||$site=='absalonshorst'||$site=='grossSarau'||$site=='bruecke'){
echo("<style> #listElement4 {
background: #84D653!important;
background-image: -moz-linear-gradient(top, #ffffff, #84d653)!important;
background-image: -ms-linear-gradient(top, #ffffff, #84d653)!important;
background-image: -o-linear-gradient(top, #ffffff, #84d653)!important;
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#84d653))!important;
background-image: -webkit-linear-gradient(top, #ffffff, #84d653)!important;
background-image: linear-gradient(top, #ffffff, #84d653)!important;
} </style> ");
}
if($site=='wasser'||$site=='genanalyse'||$site=='saprobie'||$site=='biologischewerte'||$site=='chemischewerte'||$site=='diagramme'||$site=='diagramme_vsk'||$site=='sapaus'||$site=='keimung'||$site=='createmap'||$site=='geo'||$site=='vermessung'||$site=='makrofauna'||$site=='sediment'||$site=='staerke'||$site=='vermehrung'||$site=='wasser'||$site=='bruchfestigkeit'){
echo("<style> #listElement5 {
background: #56D653!important;
background-image: -moz-linear-gradient(top, #ffffff, #56d653)!important;
background-image: -ms-linear-gradient(top, #ffffff, #56d653)!important;
background-image: -o-linear-gradient(top, #ffffff, #56d653)!important;
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#56d653))!important;
background-image: -webkit-linear-gradient(top, #ffffff, #56d653)!important;
background-image: linear-gradient(top, #ffffff, #56d653)!important;
} </style> ");
}
if($site=='bildergalerie'||$site=='bilder'||$site=='video'||$site=='links'||$site=='newsartikel'||$site=='news'||$site=='presse'||$site=='download'){
echo("<style> #listElement6 {
background: #53d6d4!important;
background-image: -moz-linear-gradient(top, #ffffff, #53d6d4)!important;
background-image: -ms-linear-gradient(top, #ffffff, #53d6d4)!important;
background-image: -o-linear-gradient(top, #ffffff, #53d6d4)!important;
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#53d6d4))!important;
background-image: -webkit-linear-gradient(top, #ffffff, #53d6d4)!important;
background-image: linear-gradient(top, #ffffff, #53d6d4)!important;
} </style> ");
}
if($site=='admin'){
}
}else{
//Wenn das ?site-Attribut nicht gesetzt wurde, wird man auf die Home-Seite weitergeleitet
echo("<script language ='JavaScript' type='text/javascript'>
window.location.replace('?site=home');
</script>");
}
?>
</div>
</div>
<!--Im Footer befinden sich die Teilnehmenden Institutionen der Schilfprojektes sowie die Sponsoren, jeweils mit verlinktem Bild-->
<div id="Footer">
<a href="http://www.thomas-mann-schule.de/" target="_blank"><div class="Sponsor" id="tms"></div></a>
<a href="http://www.possehl-stiftung.de/" target="_blank"><div class="Sponsor" id="possehl"></div></a>
<a href="http://www.lola.uni-luebeck.de/" target="_blank"><div class="Sponsor" id="lola"></div></a>
<a href="http://www.lias.uni-luebeck.de/" target="_blank"><div class="Sponsor" id="lias"></div></a>
<a href="http://www.uni-luebeck.de/?id=2017" target="_blank"><div class="Sponsor" id="schuelerakademie"></div></a>
<!--Impressum und Autor-->
<p style="position:absolute; bottom:75px; right:20px;">© by Thomas-Mann-Schule</p>
<div id="imp">
<a href="?site=impressum">Impressum</a>
</div>
</div>
</body>
</html>