initial commit
This commit is contained in:
commit
604cf90cff
BIN
arboretum/Redewendungen.mp3
Normal file
BIN
arboretum/Redewendungen.mp3
Normal file
Binary file not shown.
BIN
arboretum/ahorn/Ahorn.mp3
Normal file
BIN
arboretum/ahorn/Ahorn.mp3
Normal file
Binary file not shown.
152
arboretum/ahorn/index.html
Normal file
152
arboretum/ahorn/index.html
Normal file
@ -0,0 +1,152 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Arboretum - Grüner Salon e.V.</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
||||||
|
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column">
|
||||||
|
<div class="page-content container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 mx-auto mt-3">
|
||||||
|
<main class="">
|
||||||
|
<h1 class="ml-3">Ahorn</h1>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">INFORMATIONEN</h2>
|
||||||
|
<dl class="row no-content">
|
||||||
|
<dt class="col-lg-3">lateinischer Name</dt>
|
||||||
|
<dd class="col-lg-9">Arbor</dd>
|
||||||
|
<dt class="col-lg-3">Heimat</dt>
|
||||||
|
<dd class="col-lg-9"></dd>
|
||||||
|
</dl>
|
||||||
|
<p class="card-text">
|
||||||
|
<audio src="Ahorn.mp3" controls></audio>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3 no-content">
|
||||||
|
<h2 class="card-title">MENSCH-BAUM</h2>
|
||||||
|
<p class="card-text">
|
||||||
|
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3 no-content">
|
||||||
|
<h2 class="card-title">QUIZ</h2>
|
||||||
|
<form action="">
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="quiz1" class="col-form-label col-12">
|
||||||
|
Wie ist der lateinische Name des Ahorn?
|
||||||
|
</label>
|
||||||
|
<div class="col-12">
|
||||||
|
<input type="text" name="quiz1" id="quiz1" class="form-control">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<input type="submit" class="btn btn-secondary" value="Antwort prüfen">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
<aside class="col-lg-4 mx-auto mt-3">
|
||||||
|
<div class="card my-3">
|
||||||
|
<div class="card-img-top">
|
||||||
|
<div id="mapdiv"></div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title h6">KARTE</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card my-3 no-content">
|
||||||
|
<div class="card-img-top">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title">BILDER</h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">RUNDGANG</h2>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="card-action col" href="/arboretum/eiche">weiter</a>
|
||||||
|
<a class="card-action col" href="/arboretum">zurück</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">INTERESSANTES</h2>
|
||||||
|
<p class="card-text">
|
||||||
|
<a href="https://wikipedia.de/wiki/Ahorn" target="_blank">zu Wikipedia</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer class="sticky-footer text-dark">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-lg-2 ml-auto">
|
||||||
|
<a class="btn btn-link" href="/arboretum">Arboretum</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mx-auto">
|
||||||
|
<a class="btn btn-link" href="/datenschutzerklaerung">Datenschutzerklärung</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mr-auto">
|
||||||
|
<a class="btn btn-link" href="/impressum">Impressum</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col mx-auto copyright text-center">
|
||||||
|
Copyright © Der Grüne Salon e.V. Designed by Benjamin Barnett
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- Javascript -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||||
|
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
|
||||||
|
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
|
||||||
|
<script>
|
||||||
|
map = new OpenLayers.Map("mapdiv");
|
||||||
|
map.addLayer(new OpenLayers.Layer.OSM());
|
||||||
|
|
||||||
|
var lonLat = new OpenLayers.LonLat(11.38101, 51.17635)
|
||||||
|
.transform(
|
||||||
|
new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
|
||||||
|
map.getProjectionObject() // to Spherical Mercator Projection
|
||||||
|
);
|
||||||
|
|
||||||
|
var zoom = 18;
|
||||||
|
|
||||||
|
var markers = new OpenLayers.Layer.Markers("Markers");
|
||||||
|
map.addLayer(markers);
|
||||||
|
|
||||||
|
var marker = new OpenLayers.Marker(lonLat);
|
||||||
|
marker.icon.imageDiv.title = "Sie sind hier"
|
||||||
|
|
||||||
|
markers.addMarker(marker);
|
||||||
|
|
||||||
|
map.setCenter(lonLat, zoom);
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
149
arboretum/baum/index.html
Normal file
149
arboretum/baum/index.html
Normal file
@ -0,0 +1,149 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Arboretum - Grüner Salon e.V.</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
||||||
|
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column">
|
||||||
|
<div class="page-content container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 mx-auto mt-3">
|
||||||
|
<main class="">
|
||||||
|
<h1 class="ml-3">BAUMNAME</h1>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">INFORMATIONEN</h2>
|
||||||
|
<dl class="row">
|
||||||
|
<dt class="col-lg-3">lateinischer Name</dt>
|
||||||
|
<dd class="col-lg-9">Arbor</dd>
|
||||||
|
<dt class="col-lg-3">Heimat</dt>
|
||||||
|
<dd class="col-lg-9">Europa</dd>
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">MENSCH-BAUM</h2>
|
||||||
|
<p class="card-text">
|
||||||
|
<audio src="../Redewendungen.mp3" controls></audio>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">QUIZ</h2>
|
||||||
|
<form action="">
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="quiz1" class="col-form-label col-12">
|
||||||
|
Wie ist der lateinische Name des BAUMS?
|
||||||
|
</label>
|
||||||
|
<div class="col-12">
|
||||||
|
<input type="text" name="quiz1" id="quiz1" class="form-control">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<input type="submit" class="btn btn-secondary" value="Antwort prüfen">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
<aside class="col-lg-4 mx-auto mt-3">
|
||||||
|
<div class="card my-3">
|
||||||
|
<div class="card-img-top">
|
||||||
|
<div id="mapdiv"></div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title h6">KARTE</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card my-3">
|
||||||
|
<div class="card-img-top">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title">BILDER</h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">RUNDGANG</h2>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="card-action col" href="/arboretum/baum">weiter</a>
|
||||||
|
<a class="card-action col" href="/arboretum/baum">zurück</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">INTERESSANTES</h2>
|
||||||
|
<p class="card-text">
|
||||||
|
<a href="https://wikipedia.de/wiki/Baum" target="_blank">zu Wikipedia</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer class="sticky-footer text-dark">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-lg-2 ml-auto">
|
||||||
|
<a class="btn btn-link" href="/arboretum">Arboretum</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mx-auto">
|
||||||
|
<a class="btn btn-link" href="/datenschutzerklaerung">Datenschutzerklärung</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mr-auto">
|
||||||
|
<a class="btn btn-link" href="/impressum">Impressum</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col mx-auto copyright text-center">
|
||||||
|
Copyright © Der Grüne Salon e.V. Designed by Benjamin Barnett
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- Javascript -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||||
|
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
|
||||||
|
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
|
||||||
|
<script>
|
||||||
|
map = new OpenLayers.Map("mapdiv");
|
||||||
|
map.addLayer(new OpenLayers.Layer.OSM());
|
||||||
|
|
||||||
|
var lonLat = new OpenLayers.LonLat(11.38101, 51.17635)
|
||||||
|
.transform(
|
||||||
|
new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
|
||||||
|
map.getProjectionObject() // to Spherical Mercator Projection
|
||||||
|
);
|
||||||
|
|
||||||
|
var zoom = 18;
|
||||||
|
|
||||||
|
var markers = new OpenLayers.Layer.Markers("Markers");
|
||||||
|
map.addLayer(markers);
|
||||||
|
|
||||||
|
var marker = new OpenLayers.Marker(lonLat);
|
||||||
|
marker.icon.imageDiv.title = "Sie sind hier"
|
||||||
|
|
||||||
|
markers.addMarker(marker);
|
||||||
|
|
||||||
|
map.setCenter(lonLat, zoom);
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
arboretum/eiche/Eiche01.mp3
Normal file
BIN
arboretum/eiche/Eiche01.mp3
Normal file
Binary file not shown.
BIN
arboretum/eiche/Eiche02.mp3
Normal file
BIN
arboretum/eiche/Eiche02.mp3
Normal file
Binary file not shown.
BIN
arboretum/eiche/Eiche03.mp3
Normal file
BIN
arboretum/eiche/Eiche03.mp3
Normal file
Binary file not shown.
BIN
arboretum/eiche/Eiche04.mp3
Normal file
BIN
arboretum/eiche/Eiche04.mp3
Normal file
Binary file not shown.
BIN
arboretum/eiche/Eiche05.mp3
Normal file
BIN
arboretum/eiche/Eiche05.mp3
Normal file
Binary file not shown.
155
arboretum/eiche/index.html
Normal file
155
arboretum/eiche/index.html
Normal file
@ -0,0 +1,155 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Arboretum - Grüner Salon e.V.</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
||||||
|
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column">
|
||||||
|
<div class="page-content container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 mx-auto mt-3">
|
||||||
|
<main class="">
|
||||||
|
<h1 class="ml-3">Eiche</h1>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">INFORMATIONEN</h2>
|
||||||
|
<dl class="row">
|
||||||
|
<dt class="col-lg-3">lateinischer Name</dt>
|
||||||
|
<dd class="col-lg-9 no-content">Arbor</dd>
|
||||||
|
<dt class="col-lg-3">Heimat</dt>
|
||||||
|
<dd class="col-lg-9 no-content">Europa</dd>
|
||||||
|
</dl>
|
||||||
|
<p class="card-text">
|
||||||
|
<audio src="Eiche01.mp3" controls></audio>
|
||||||
|
<audio src="Eiche02.mp3" controls></audio>
|
||||||
|
<audio src="Eiche03.mp3" controls></audio>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">MENSCH-BAUM</h2>
|
||||||
|
<p class="card-text">
|
||||||
|
<audio src="Eiche04.mp3" controls></audio>
|
||||||
|
<audio src="Eiche05.mp3" controls></audio>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3 no-content">
|
||||||
|
<h2 class="card-title">QUIZ</h2>
|
||||||
|
<form action="">
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="quiz1" class="col-form-label col-12">
|
||||||
|
Wie ist der lateinische Name der Eiche?
|
||||||
|
</label>
|
||||||
|
<div class="col-12">
|
||||||
|
<input type="text" name="quiz1" id="quiz1" class="form-control">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<input type="submit" class="btn btn-secondary" value="Antwort prüfen">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
<aside class="col-lg-4 mx-auto mt-3">
|
||||||
|
<div class="card my-3">
|
||||||
|
<div class="card-img-top">
|
||||||
|
<div id="mapdiv"></div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title h6">KARTE</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card my-3 no-content">
|
||||||
|
<div class="card-img-top">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title">BILDER</h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">RUNDGANG</h2>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="card-action col" href="/arboretum/fichte">weiter</a>
|
||||||
|
<a class="card-action col" href="/arboretum/ahorn">zurück</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">INTERESSANTES</h2>
|
||||||
|
<p class="card-text">
|
||||||
|
<a href="https://wikipedia.de/wiki/Eiche" target="_blank">zu Wikipedia</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer class="sticky-footer text-dark">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-lg-2 ml-auto">
|
||||||
|
<a class="btn btn-link" href="/arboretum">Arboretum</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mx-auto">
|
||||||
|
<a class="btn btn-link" href="/datenschutzerklaerung">Datenschutzerklärung</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mr-auto">
|
||||||
|
<a class="btn btn-link" href="/impressum">Impressum</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col mx-auto copyright text-center">
|
||||||
|
Copyright © Der Grüne Salon e.V. Designed by Benjamin Barnett
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- Javascript -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||||
|
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
|
||||||
|
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
|
||||||
|
<script>
|
||||||
|
map = new OpenLayers.Map("mapdiv");
|
||||||
|
map.addLayer(new OpenLayers.Layer.OSM());
|
||||||
|
|
||||||
|
var lonLat = new OpenLayers.LonLat(11.38101, 51.17635)
|
||||||
|
.transform(
|
||||||
|
new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
|
||||||
|
map.getProjectionObject() // to Spherical Mercator Projection
|
||||||
|
);
|
||||||
|
|
||||||
|
var zoom = 18;
|
||||||
|
|
||||||
|
var markers = new OpenLayers.Layer.Markers("Markers");
|
||||||
|
map.addLayer(markers);
|
||||||
|
|
||||||
|
var marker = new OpenLayers.Marker(lonLat);
|
||||||
|
marker.icon.imageDiv.title = "Sie sind hier"
|
||||||
|
|
||||||
|
markers.addMarker(marker);
|
||||||
|
|
||||||
|
map.setCenter(lonLat, zoom);
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
arboretum/fichte/Fichte.mp3
Normal file
BIN
arboretum/fichte/Fichte.mp3
Normal file
Binary file not shown.
152
arboretum/fichte/index.html
Normal file
152
arboretum/fichte/index.html
Normal file
@ -0,0 +1,152 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Arboretum - Grüner Salon e.V.</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
||||||
|
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column">
|
||||||
|
<div class="page-content container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 mx-auto mt-3">
|
||||||
|
<main class="">
|
||||||
|
<h1 class="ml-3">Fichte</h1>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">INFORMATIONEN</h2>
|
||||||
|
<dl class="row">
|
||||||
|
<dt class="col-lg-3">lateinischer Name</dt>
|
||||||
|
<dd class="col-lg-9">Arbor</dd>
|
||||||
|
<dt class="col-lg-3">Heimat</dt>
|
||||||
|
<dd class="col-lg-9">Europa</dd>
|
||||||
|
</dl>
|
||||||
|
<p class="card-text">
|
||||||
|
<audio src="Fichte.mp3" controls></audio>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">MENSCH-BAUM</h2>
|
||||||
|
<p class="card-text">
|
||||||
|
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">QUIZ</h2>
|
||||||
|
<form action="">
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="quiz1" class="col-form-label col-12">
|
||||||
|
Wie ist der lateinische Name der Fichte?
|
||||||
|
</label>
|
||||||
|
<div class="col-12">
|
||||||
|
<input type="text" name="quiz1" id="quiz1" class="form-control">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<input type="submit" class="btn btn-secondary" value="Antwort prüfen">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
<aside class="col-lg-4 mx-auto mt-3">
|
||||||
|
<div class="card my-3">
|
||||||
|
<div class="card-img-top no-content">
|
||||||
|
<div id="mapdiv"></div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title h6">KARTE</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card my-3 no-content">
|
||||||
|
<div class="card-img-top">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title">BILDER</h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">RUNDGANG</h2>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="card-action col" href="/arboretum/ginkgo">weiter</a>
|
||||||
|
<a class="card-action col" href="/arboretum/eiche">zurück</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">INTERESSANTES</h2>
|
||||||
|
<p class="card-text">
|
||||||
|
<a href="https://wikipedia.de/wiki/Fichte" target="_blank">zu Wikipedia</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer class="sticky-footer text-dark">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-lg-2 ml-auto">
|
||||||
|
<a class="btn btn-link" href="/arboretum">Arboretum</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mx-auto">
|
||||||
|
<a class="btn btn-link" href="/datenschutzerklaerung">Datenschutzerklärung</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mr-auto">
|
||||||
|
<a class="btn btn-link" href="/impressum">Impressum</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col mx-auto copyright text-center">
|
||||||
|
Copyright © Der Grüne Salon e.V. Designed by Benjamin Barnett
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- Javascript -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||||
|
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
|
||||||
|
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
|
||||||
|
<script>
|
||||||
|
map = new OpenLayers.Map("mapdiv");
|
||||||
|
map.addLayer(new OpenLayers.Layer.OSM());
|
||||||
|
|
||||||
|
var lonLat = new OpenLayers.LonLat(11.38101, 51.17635)
|
||||||
|
.transform(
|
||||||
|
new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
|
||||||
|
map.getProjectionObject() // to Spherical Mercator Projection
|
||||||
|
);
|
||||||
|
|
||||||
|
var zoom = 18;
|
||||||
|
|
||||||
|
var markers = new OpenLayers.Layer.Markers("Markers");
|
||||||
|
map.addLayer(markers);
|
||||||
|
|
||||||
|
var marker = new OpenLayers.Marker(lonLat);
|
||||||
|
marker.icon.imageDiv.title = "Sie sind hier"
|
||||||
|
|
||||||
|
markers.addMarker(marker);
|
||||||
|
|
||||||
|
map.setCenter(lonLat, zoom);
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
arboretum/ginkgo/Ginkgo.mp3
Normal file
BIN
arboretum/ginkgo/Ginkgo.mp3
Normal file
Binary file not shown.
152
arboretum/ginkgo/index.html
Normal file
152
arboretum/ginkgo/index.html
Normal file
@ -0,0 +1,152 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Arboretum - Grüner Salon e.V.</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
||||||
|
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column">
|
||||||
|
<div class="page-content container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 mx-auto mt-3">
|
||||||
|
<main class="">
|
||||||
|
<h1 class="ml-3">Ginkgo</h1>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">INFORMATIONEN</h2>
|
||||||
|
<dl class="row">
|
||||||
|
<dt class="col-lg-3">lateinischer Name</dt>
|
||||||
|
<dd class="col-lg-9 no-content">Arbor</dd>
|
||||||
|
<dt class="col-lg-3">Heimat</dt>
|
||||||
|
<dd class="col-lg-9 no-content">Europa</dd>
|
||||||
|
</dl>
|
||||||
|
<p class="card-text">
|
||||||
|
<audio src="Ginkgo.mp3" controls></audio>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3 no-content">
|
||||||
|
<h2 class="card-title">MENSCH-BAUM</h2>
|
||||||
|
<p class="card-text">
|
||||||
|
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3 no-content">
|
||||||
|
<h2 class="card-title">QUIZ</h2>
|
||||||
|
<form action="">
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="quiz1" class="col-form-label col-12">
|
||||||
|
Wie ist der lateinische Name des Ginkgo?
|
||||||
|
</label>
|
||||||
|
<div class="col-12">
|
||||||
|
<input type="text" name="quiz1" id="quiz1" class="form-control">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<input type="submit" class="btn btn-secondary" value="Antwort prüfen">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
<aside class="col-lg-4 mx-auto mt-3">
|
||||||
|
<div class="card my-3">
|
||||||
|
<div class="card-img-top">
|
||||||
|
<div id="mapdiv"></div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title h6">KARTE</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card my-3 no-content">
|
||||||
|
<div class="card-img-top">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title">BILDER</h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">RUNDGANG</h2>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="card-action col" href="/arboretum/linde">weiter</a>
|
||||||
|
<a class="card-action col" href="/arboretum/fichte">zurück</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3 no-content">
|
||||||
|
<h2 class="card-title">INTERESSANTES</h2>
|
||||||
|
<p class="card-text">
|
||||||
|
<a href="https://wikipedia.de/wiki/Ginkgo" target="_blank">zu Wikipedia</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer class="sticky-footer text-dark">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-lg-2 ml-auto">
|
||||||
|
<a class="btn btn-link" href="/arboretum">Arboretum</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mx-auto">
|
||||||
|
<a class="btn btn-link" href="/datenschutzerklaerung">Datenschutzerklärung</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mr-auto">
|
||||||
|
<a class="btn btn-link" href="/impressum">Impressum</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col mx-auto copyright text-center">
|
||||||
|
Copyright © Der Grüne Salon e.V. Designed by Benjamin Barnett
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- Javascript -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||||
|
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
|
||||||
|
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
|
||||||
|
<script>
|
||||||
|
map = new OpenLayers.Map("mapdiv");
|
||||||
|
map.addLayer(new OpenLayers.Layer.OSM());
|
||||||
|
|
||||||
|
var lonLat = new OpenLayers.LonLat(11.38101, 51.17635)
|
||||||
|
.transform(
|
||||||
|
new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
|
||||||
|
map.getProjectionObject() // to Spherical Mercator Projection
|
||||||
|
);
|
||||||
|
|
||||||
|
var zoom = 18;
|
||||||
|
|
||||||
|
var markers = new OpenLayers.Layer.Markers("Markers");
|
||||||
|
map.addLayer(markers);
|
||||||
|
|
||||||
|
var marker = new OpenLayers.Marker(lonLat);
|
||||||
|
marker.icon.imageDiv.title = "Sie sind hier"
|
||||||
|
|
||||||
|
markers.addMarker(marker);
|
||||||
|
|
||||||
|
map.setCenter(lonLat, zoom);
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
112
arboretum/index.html
Normal file
112
arboretum/index.html
Normal file
@ -0,0 +1,112 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Arboretum - Grüner Salon e.V.</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
||||||
|
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="background arboretum d-flex flex-column">
|
||||||
|
<div class="page-content container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 mx-auto mt-3">
|
||||||
|
<main class="card card-body transparent">
|
||||||
|
<h1 class="card-title">Audiovisuelles Arboretum Roldisleben</h1>
|
||||||
|
<h2 class="card-title">Zum Hintergrund</h2>
|
||||||
|
<p>
|
||||||
|
An exponierter Stelle im Dorf befand sich eine große öffentliche Brachfläche, zwischen
|
||||||
|
nördlichem Dorfrand (Bach), Friedhof und Hauptwirtschaftsweg. </p>
|
||||||
|
<p>
|
||||||
|
Dieser Bereich wurde früher durch Bewohner des Ortes für den Anbau von Obst und Gemüse genutzt.
|
||||||
|
Nach Aufgabe dieser Nutzung entstand eine Wiese, auf welche auf Initiative von Anwohnern erste
|
||||||
|
Bäume als Allee entlang des Wirtschaftsweges gepflanzt wurden.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
2013 entwickelte der ehemalige Ortsbürgermeister Horst Bismark ein Konzept für ein Arboretum.
|
||||||
|
Zunächst sollten die 'Bäume des Jahres' gepflanzt werden, ein Titel, welcher seit 1989 vergeben
|
||||||
|
wird.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Seit 2014 wurden so in Eigenleistung und mit Spendengeldern weitere Bäume gepflanzt. Zur Zeit
|
||||||
|
sind einschließlich bereits vorhandener Altbäume mehr als 50 verschiedenen Arten versammelt und
|
||||||
|
es wird weiter entwickelt.
|
||||||
|
</p>
|
||||||
|
<h2 class="card-title">Audiovisuelles Arboretum</h2>
|
||||||
|
<p>
|
||||||
|
Um interessierten Besuchern, Fachleuten und Schulklassen tiefere Informationen zu vermitteln,
|
||||||
|
sollen zu den visuellen und haptischen Erfahrungen auch Hörerlebnisse angeboten werden auf 2
|
||||||
|
Ebenen:
|
||||||
|
<ul>
|
||||||
|
<li>Zum einen die botanischen und geogenen Informationen als Audiodatei,</li>
|
||||||
|
<li>dazu aber
|
||||||
|
insbesondere auch individuelle Geschichten im Zusammenhang mit speziellen Bäumen und
|
||||||
|
Menschen.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Dieses Wissen soll auf vielfältige Art vermittelt werden und bleibt nicht auf die Bäume
|
||||||
|
beschränkt, sondern wird auch natürliche und gesellschaftliche Zusammenhänge einbeziehen um die
|
||||||
|
Neugier der Besucher für ökologische Zusammenhänge zu wecken.
|
||||||
|
</p>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 mx-auto mt-3">
|
||||||
|
<aside class="card card-body transparent mb-3">
|
||||||
|
<h2 class="card-title">Redewendungen</h2>
|
||||||
|
<audio src="Redewendungen.mp3" controls></audio>
|
||||||
|
</aside>
|
||||||
|
<aside class="card card-body transparent">
|
||||||
|
<h2 class="card-title">Zu den Bäumen</h2>
|
||||||
|
<a href="ahorn">Ahorn</a>
|
||||||
|
<a href="eiche">Eiche</a>
|
||||||
|
<a href="fichte">Fichte</a>
|
||||||
|
<a href="ginkgo">Ginkgo</a>
|
||||||
|
<a href="mammutbaum">Mammutbaum</a>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer class="sticky-footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-lg-2 ml-auto">
|
||||||
|
<a class="btn btn-link" href="/arboretum">Arboretum</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mx-auto">
|
||||||
|
<a class="btn btn-link" href="/datenschutzerklaerung">Datenschutzerklärung</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mr-auto">
|
||||||
|
<a class="btn btn-link" href="/impressum">Impressum</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row ">
|
||||||
|
<div class="col mx-auto copyright text-center">
|
||||||
|
Copyright © Der Grüne Salon e.V. Designed by Benjamin Barnett
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- Javascript -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||||
|
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
|
||||||
|
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
arboretum/linde/Linde.mp3
Normal file
BIN
arboretum/linde/Linde.mp3
Normal file
Binary file not shown.
152
arboretum/linde/index.html
Normal file
152
arboretum/linde/index.html
Normal file
@ -0,0 +1,152 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Arboretum - Grüner Salon e.V.</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
||||||
|
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column">
|
||||||
|
<div class="page-content container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 mx-auto mt-3">
|
||||||
|
<main class="">
|
||||||
|
<h1 class="ml-3">Linde</h1>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">INFORMATIONEN</h2>
|
||||||
|
<dl class="row no-content">
|
||||||
|
<dt class="col-lg-3">lateinischer Name</dt>
|
||||||
|
<dd class="col-lg-9">Arbor</dd>
|
||||||
|
<dt class="col-lg-3">Heimat</dt>
|
||||||
|
<dd class="col-lg-9">Europa</dd>
|
||||||
|
</dl>
|
||||||
|
<p class="card-text">
|
||||||
|
<audio src="Linde.mp3" controls></audio>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3 no-content">
|
||||||
|
<h2 class="card-title">MENSCH-BAUM</h2>
|
||||||
|
<p class="card-text">
|
||||||
|
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">QUIZ</h2>
|
||||||
|
<form action="" class="no-content">
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="quiz1" class="col-form-label col-12">
|
||||||
|
Wie ist der lateinische Name der Linde?
|
||||||
|
</label>
|
||||||
|
<div class="col-12">
|
||||||
|
<input type="text" name="quiz1" id="quiz1" class="form-control">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<input type="submit" class="btn btn-secondary" value="Antwort prüfen">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
<aside class="col-lg-4 mx-auto mt-3">
|
||||||
|
<div class="card my-3">
|
||||||
|
<div class="card-img-top">
|
||||||
|
<div id="mapdiv"></div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title h6">KARTE</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card my-3 no-content">
|
||||||
|
<div class="card-img-top">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title">BILDER</h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">RUNDGANG</h2>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="card-action col" href="/arboretum/mammutbaum">weiter</a>
|
||||||
|
<a class="card-action col" href="/arboretum/ginkgo">zurück</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">INTERESSANTES</h2>
|
||||||
|
<p class="card-text">
|
||||||
|
<a href="https://wikipedia.de/wiki/Linde" target="_blank">zu Wikipedia</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer class="sticky-footer text-dark">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-lg-2 ml-auto">
|
||||||
|
<a class="btn btn-link" href="/arboretum">Arboretum</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mx-auto">
|
||||||
|
<a class="btn btn-link" href="/datenschutzerklaerung">Datenschutzerklärung</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mr-auto">
|
||||||
|
<a class="btn btn-link" href="/impressum">Impressum</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col mx-auto copyright text-center">
|
||||||
|
Copyright © Der Grüne Salon e.V. Designed by Benjamin Barnett
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- Javascript -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||||
|
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
|
||||||
|
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
|
||||||
|
<script>
|
||||||
|
map = new OpenLayers.Map("mapdiv");
|
||||||
|
map.addLayer(new OpenLayers.Layer.OSM());
|
||||||
|
|
||||||
|
var lonLat = new OpenLayers.LonLat(11.38101, 51.17635)
|
||||||
|
.transform(
|
||||||
|
new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
|
||||||
|
map.getProjectionObject() // to Spherical Mercator Projection
|
||||||
|
);
|
||||||
|
|
||||||
|
var zoom = 18;
|
||||||
|
|
||||||
|
var markers = new OpenLayers.Layer.Markers("Markers");
|
||||||
|
map.addLayer(markers);
|
||||||
|
|
||||||
|
var marker = new OpenLayers.Marker(lonLat);
|
||||||
|
marker.icon.imageDiv.title = "Sie sind hier"
|
||||||
|
|
||||||
|
markers.addMarker(marker);
|
||||||
|
|
||||||
|
map.setCenter(lonLat, zoom);
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
arboretum/mammutbaum/Julia1.jpg
Normal file
BIN
arboretum/mammutbaum/Julia1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 762 KiB |
BIN
arboretum/mammutbaum/Mammutbaum.mp3
Normal file
BIN
arboretum/mammutbaum/Mammutbaum.mp3
Normal file
Binary file not shown.
BIN
arboretum/mammutbaum/blaetter.jpeg
Normal file
BIN
arboretum/mammutbaum/blaetter.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
211
arboretum/mammutbaum/index.html
Normal file
211
arboretum/mammutbaum/index.html
Normal file
@ -0,0 +1,211 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Arboretum - Grüner Salon e.V.</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
||||||
|
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column">
|
||||||
|
<div class="page-content container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 mx-auto mt-3">
|
||||||
|
<main class="">
|
||||||
|
<h1 class="ml-3">Mammutbaum</h1>
|
||||||
|
<div class="card card-body my-3 no-content">
|
||||||
|
<h2 class="card-title">INFORMATIONEN</h2>
|
||||||
|
<dl class="row">
|
||||||
|
<dt class="col-lg-3">lateinischer Name</dt>
|
||||||
|
<dd class="col-lg-9">Arbor</dd>
|
||||||
|
<dt class="col-lg-3">Heimat</dt>
|
||||||
|
<dd class="col-lg-9"></dd>
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
|
<div class="my-3 container-fluid">
|
||||||
|
<h2 class="">Geschichten eines Mammutbaums</h2>
|
||||||
|
<div class="row my-1">
|
||||||
|
<div class="col-lg-3">
|
||||||
|
<img class="card-img" src="Julia1.jpg" alt="Julia Hill auf dem Baum">
|
||||||
|
</div>
|
||||||
|
<div class="card card-body col-lg-9">
|
||||||
|
<h3>Julia "Butterfly" Hill</h3>
|
||||||
|
<p>
|
||||||
|
Julia "Butterfly" Hill wurde am 18. Februar 1974 in Mount Vernon, Missouri geboren.
|
||||||
|
Sie
|
||||||
|
bestieg am 10. Dezember 1997 einen kalifornischen Küstenmammutbaum und lebte dort
|
||||||
|
für
|
||||||
|
738
|
||||||
|
Tage, um ihn vor dem Abholzen durch die Firma Pacific Lumber zu beschützen. Im
|
||||||
|
Rahmen
|
||||||
|
ihrer
|
||||||
|
Reise kam sie nach Humboldt County und nahm an einer Spendensammlung zur Rettung der
|
||||||
|
Wälder
|
||||||
|
teil. Einige der Teilnehmer besetzten die Bäume, um die Arbeiter von Pacific Lumber
|
||||||
|
am
|
||||||
|
Kahlschlag zu hindern. Die Organisatoren suchten jemand, der für eine Woche in dem
|
||||||
|
Baum
|
||||||
|
bleibt.
|
||||||
|
</p>
|
||||||
|
<blockquote class="blockquote text-success">
|
||||||
|
“Nobody else would volunteer so they had to pick me. - Niemand anderes wollte es
|
||||||
|
freiwillig
|
||||||
|
machen, also suchten sie mich aus.“
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row my-1">
|
||||||
|
<div class="col-lg-3">
|
||||||
|
<img class="card-img" src="petra_buschkamp.jpg" alt="Petra Buschkämper">
|
||||||
|
</div>
|
||||||
|
<div class="card card-body col-lg-9">
|
||||||
|
<h3>Petra Buschkämper</h3>
|
||||||
|
<p>
|
||||||
|
Die Künstlerin und Sprecherin Petra Buschkämper erzählt die Geschichte von Julia
|
||||||
|
Hill, die über zwei Jahre auf dem Mammutbaum lebte, um ihn vor dem Abholzen zu
|
||||||
|
schützen.
|
||||||
|
</p>
|
||||||
|
<audio src="Mammutbaum.mp3" controls>
|
||||||
|
Ihr Browser kann dieses Tondokument nicht wiedergeben.<br>
|
||||||
|
Sie können es unter
|
||||||
|
<a href="Mammutbaum.mp3">diesem Link</a>
|
||||||
|
abrufen.
|
||||||
|
</audio>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row my-1">
|
||||||
|
<div class="col-lg-3">
|
||||||
|
<img class="card-img" src="julia_mantel.jpg" alt="Julia Hill auf dem Baum">
|
||||||
|
</div>
|
||||||
|
<div class="card card-body col-lg-9">
|
||||||
|
<h3>Julia Mantel</h3>
|
||||||
|
<p>
|
||||||
|
Der Text wurde von Julia Mantel verfasst. Sie veröffentlichte im Frühjahr 2018 ihren
|
||||||
|
dritten Lyrikband
|
||||||
|
<strong> „Der Bäcker gibt mir das Brot auch so“</strong>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">QUIZ</h2>
|
||||||
|
<form action="">
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="quiz1" class="col-form-label col-12">
|
||||||
|
Wie ist der lateinische Name des BAUMS?
|
||||||
|
</label>
|
||||||
|
<div class="col-12">
|
||||||
|
<input type="text" name="quiz1" id="quiz1" class="form-control">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<input type="submit" class="btn btn-secondary" value="Antwort prüfen">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
<aside class="col-lg-4 mx-auto mt-3">
|
||||||
|
<div class="card my-3">
|
||||||
|
<div class="card-img-top">
|
||||||
|
<div id="mapdiv"></div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title h6">KARTE</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="my-3">
|
||||||
|
<h2 class="card-title">BILDER</h2>
|
||||||
|
<div class="card">
|
||||||
|
<img class="card-img" src="blaetter.jpeg" />
|
||||||
|
<div class="card-img-overlay">
|
||||||
|
<h5 class="card-title">Blätter des Mammutbaums</h5>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">RUNDGANG</h2>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="card-action col" href="/arboretum">weiter</a>
|
||||||
|
<a class="card-action col" href="/arboretum/linde">zurück</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card card-body my-3">
|
||||||
|
<h2 class="card-title">INTERESSANTES</h2>
|
||||||
|
<p class="card-text">
|
||||||
|
<a href="https://wikipedia.de/wiki/Mammutbaum" target="_blank">zu Wikipedia</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer class="sticky-footer text-dark">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-lg-2 ml-auto">
|
||||||
|
<a class="btn btn-link" href="/arboretum">Arboretum</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mx-auto">
|
||||||
|
<a class="btn btn-link" href="/datenschutzerklaerung">Datenschutzerklärung</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mr-auto">
|
||||||
|
<a class="btn btn-link" href="/impressum">Impressum</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col mx-auto copyright text-center">
|
||||||
|
Copyright © Der Grüne Salon e.V. Designed by Benjamin Barnett
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- Javascript -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||||
|
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
|
||||||
|
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
|
||||||
|
<script>
|
||||||
|
map = new OpenLayers.Map("mapdiv");
|
||||||
|
map.addLayer(new OpenLayers.Layer.OSM());
|
||||||
|
|
||||||
|
var lonLat = new OpenLayers.LonLat(11.38101, 51.17635)
|
||||||
|
.transform(
|
||||||
|
new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
|
||||||
|
map.getProjectionObject() // to Spherical Mercator Projection
|
||||||
|
);
|
||||||
|
|
||||||
|
var zoom = 18;
|
||||||
|
|
||||||
|
var markers = new OpenLayers.Layer.Markers("Markers");
|
||||||
|
map.addLayer(markers);
|
||||||
|
|
||||||
|
var marker = new OpenLayers.Marker(lonLat);
|
||||||
|
marker.icon.imageDiv.title = "Sie sind hier"
|
||||||
|
|
||||||
|
markers.addMarker(marker);
|
||||||
|
|
||||||
|
map.setCenter(lonLat, zoom);
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
arboretum/mammutbaum/julia_mantel.jpg
Normal file
BIN
arboretum/mammutbaum/julia_mantel.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
BIN
arboretum/mammutbaum/petra_buschkamp.jpg
Normal file
BIN
arboretum/mammutbaum/petra_buschkamp.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 476 KiB |
33
css/impressum.css
Normal file
33
css/impressum.css
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
@charset "UTF-8";
|
||||||
|
/* CSS Document */
|
||||||
|
|
||||||
|
body{
|
||||||
|
background: rgba(136,136,136,0.56);
|
||||||
|
margin-top: 40px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
#wrapper1{
|
||||||
|
max-width: 400px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
p{
|
||||||
|
color: white;
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
h1{
|
||||||
|
color: white;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: 32px;
|
||||||
|
}
|
||||||
|
a:visited{
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
a:hover{
|
||||||
|
color: #6aaf08;
|
||||||
|
}
|
||||||
67
css/style.css
Normal file
67
css/style.css
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
body,
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.background {
|
||||||
|
-webkit-background-size: cover;
|
||||||
|
-moz-background-size: cover;
|
||||||
|
-o-background-size: cover;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.intro {
|
||||||
|
background: url(../images/intro_bg.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.gruener-salon {
|
||||||
|
background: url(../images/arche_bg.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.arboretum {
|
||||||
|
background: url(../images/arboretum_bg.jpg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-content {
|
||||||
|
flex: 1 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sticky-footer {
|
||||||
|
flex-shrink: none;
|
||||||
|
color: white;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-dark {
|
||||||
|
color: rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.copyright {
|
||||||
|
color: rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.transparent {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-link {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-dark .btn-link {
|
||||||
|
color: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-link:hover {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-img-top #mapdiv {
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-content {
|
||||||
|
filter: blur(10px);
|
||||||
|
background-color: rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
76
datenschutzerklaerung/index.html
Normal file
76
datenschutzerklaerung/index.html
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale="1"/>
|
||||||
|
<title>Datenschutzerklärung</title>
|
||||||
|
<link rel="stylesheet" href="/css/impressum.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Datenschutzerklärung</h1><h1 id="dsg-general-intro"></h1><p>Diese Datenschutzerklärung klärt Sie über die Art, den Umfang und Zweck der Verarbeitung von personenbezogenen Daten (nachfolgend kurz „Daten“) innerhalb unseres Onlineangebotes und der mit ihm verbundenen Webseiten, Funktionen und Inhalte sowie externen Onlinepräsenzen, wie z.B. unser Social Media Profile auf. (nachfolgend gemeinsam bezeichnet als „Onlineangebot“). Im Hinblick auf die verwendeten Begrifflichkeiten, wie z.B. „Verarbeitung“ oder „Verantwortlicher“ verweisen wir auf die Definitionen im Art. 4 der Datenschutzgrundverordnung (DSGVO).<br>
|
||||||
|
<br>
|
||||||
|
</p><p>id="dsg-general-controller">Verantwortlicher</p><p>
|
||||||
|
<span class="tsmcontroller">
|
||||||
|
Der Grüne Salon e.V.<br>
|
||||||
|
Hinter den Kirschgärten 2<br>
|
||||||
|
99636 Rastenberg<br>
|
||||||
|
|
||||||
|
Tel: +49363775115<br>
|
||||||
|
Fax: +49363775100<br>
|
||||||
|
E-Mail: j.b-b@t-online.de<br>
|
||||||
|
|
||||||
|
Vertreten durch den Vorstandsvorsitzenden:<br>
|
||||||
|
Johannes Backhaus-Barnett<br>
|
||||||
|
<br>
|
||||||
|
Register: Vereinsregister<br>
|
||||||
|
Registergericht: Amtsgericht Sömmerda<br>
|
||||||
|
Registernummer: VR 150709
|
||||||
|
</span></p>
|
||||||
|
|
||||||
|
<h1 id="dsg-general-datatype">Arten der verarbeiteten Daten:</h1><p>- Bestandsdaten (z.B., Namen, Adressen).<br>
|
||||||
|
- Kontaktdaten (z.B., E-Mail, Telefonnummern).<br>
|
||||||
|
- Inhaltsdaten (z.B., Texteingaben, Fotografien, Videos).<br>
|
||||||
|
- Nutzungsdaten (z.B., besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten).<br>
|
||||||
|
- Meta-/Kommunikationsdaten (z.B., Geräte-Informationen, IP-Adressen).<br>
|
||||||
|
</p><h1 id="dsg-allgemein-general-datasubjects"></h1><p></p><h1 id="dsg-general-purpose">Zweck der Verarbeitung</h1><p>- Zurverfügungstellung des Onlineangebotes, seiner Funktionen und Inhalte.<br>
|
||||||
|
- Beantwortung von Kontaktanfragen und Kommunikation mit Nutzern.<br>
|
||||||
|
- Sicherheitsmaßnahmen.<br>
|
||||||
|
- Reichweitenmessung/Marketing<br>
|
||||||
|
<span class="tsmcom"></span></p><h1 id="dsg-general-terms">Verwendete Begrifflichkeiten </h1><p>„Personenbezogene Daten“ sind alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche Person (im Folgenden „betroffene Person“) beziehen; als identifizierbar wird eine natürliche Person angesehen, die direkt oder indirekt, insbesondere mittels Zuordnung zu einer Kennung wie einem Namen, zu einer Kennnummer, zu Standortdaten, zu einer Online-Kennung (z.B. Cookie) oder zu einem oder mehreren besonderen Merkmalen identifiziert werden kann, die Ausdruck der physischen, physiologischen, genetischen, psychischen, wirtschaftlichen, kulturellen oder sozialen Identität dieser natürlichen Person sind.<br>
|
||||||
|
<br>
|
||||||
|
„Verarbeitung“ ist jeder mit oder ohne Hilfe automatisierter Verfahren ausgeführten Vorgang oder jede solche Vorgangsreihe im Zusammenhang mit personenbezogenen Daten. Der Begriff reicht weit und umfasst praktisch jeden Umgang mit Daten.<br>
|
||||||
|
<br>
|
||||||
|
Als „Verantwortlicher“ wird die natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten entscheidet, bezeichnet.</p><h1 id="dsg-general-legalbasis">Maßgebliche Rechtsgrundlagen</h1><p>Nach Maßgabe des Art. 13 DSGVO teilen wir Ihnen die Rechtsgrundlagen unserer Datenverarbeitungen mit. Sofern die Rechtsgrundlage in der Datenschutzerklärung nicht genannt wird, gilt Folgendes: Die Rechtsgrundlage für die Einholung von Einwilligungen ist Art. 6 Abs. 1 lit. a und Art. 7 DSGVO, die Rechtsgrundlage für die Verarbeitung zur Erfüllung unserer Leistungen und Durchführung vertraglicher Maßnahmen sowie Beantwortung von Anfragen ist Art. 6 Abs. 1 lit. b DSGVO, die Rechtsgrundlage für die Verarbeitung zur Erfüllung unserer rechtlichen Verpflichtungen ist Art. 6 Abs. 1 lit. c DSGVO, und die Rechtsgrundlage für die Verarbeitung zur Wahrung unserer berechtigten Interessen ist Art. 6 Abs. 1 lit. f DSGVO. Für den Fall, dass lebenswichtige Interessen der betroffenen Person oder einer anderen natürlichen Person eine Verarbeitung personenbezogener Daten erforderlich machen, dient Art. 6 Abs. 1 lit. d DSGVO als Rechtsgrundlage.</p><h3 id="dsg-general-securitymeasures">Sicherheitsmaßnahmen</h3><p>Wir bitten Sie sich regelmäßig über den Inhalt unserer Datenschutzerklärung zu informieren. Wir passen die Datenschutzerklärung an, sobald die Änderungen der von uns durchgeführten Datenverarbeitungen dies erforderlich machen. Wir informieren Sie, sobald durch die Änderungen eine Mitwirkungshandlung Ihrerseits (z.B. Einwilligung) oder eine sonstige individuelle Benachrichtigung erforderlich wird.</p><h3 id="dsg-general-coprocessing">Zusammenarbeit mit Auftragsverarbeitern und Dritten</h3><p>Sofern wir im Rahmen unserer Verarbeitung Daten gegenüber anderen Personen und Unternehmen (Auftragsverarbeitern oder Dritten) offenbaren, sie an diese übermitteln oder ihnen sonst Zugriff auf die Daten gewähren, erfolgt dies nur auf Grundlage einer gesetzlichen Erlaubnis (z.B. wenn eine Übermittlung der Daten an Dritte, wie an Zahlungsdienstleister, gem. Art. 6 Abs. 1 lit. b DSGVO zur Vertragserfüllung erforderlich ist), Sie eingewilligt haben, eine rechtliche Verpflichtung dies vorsieht oder auf Grundlage unserer berechtigten Interessen (z.B. beim Einsatz von Beauftragten, Webhostern, etc.). <br>
|
||||||
|
<br>
|
||||||
|
Sofern wir Dritte mit der Verarbeitung von Daten auf Grundlage eines sog. „Auftragsverarbeitungsvertrages“ beauftragen, geschieht dies auf Grundlage des Art. 28 DSGVO.</p><p> id="dsg-general-thirdparty">Übermittlungen in Drittländer</p><p>Sofern wir Daten in einem Drittland (d.h. außerhalb der Europäischen Union (EU) oder des Europäischen Wirtschaftsraums (EWR)) verarbeiten oder dies im Rahmen der Inanspruchnahme von Diensten Dritter oder Offenlegung, bzw. Übermittlung von Daten an Dritte geschieht, erfolgt dies nur, wenn es zur Erfüllung unserer (vor)vertraglichen Pflichten, auf Grundlage Ihrer Einwilligung, aufgrund einer rechtlichen Verpflichtung oder auf Grundlage unserer berechtigten Interessen geschieht. Vorbehaltlich gesetzlicher oder vertraglicher Erlaubnisse, verarbeiten oder lassen wir die Daten in einem Drittland nur beim Vorliegen der besonderen Voraussetzungen der Art. 44 ff. DSGVO verarbeiten. D.h. die Verarbeitung erfolgt z.B. auf Grundlage besonderer Garantien, wie der offiziell anerkannten Feststellung eines der EU entsprechenden Datenschutzniveaus (z.B. für die USA durch das „Privacy Shield“) oder Beachtung offiziell anerkannter spezieller vertraglicher Verpflichtungen (so genannte „Standardvertragsklauseln“).</p><h3 id="dsg-general-rightssubject">Rechte der betroffenen Personen</h3><p>Sie haben das Recht, eine Bestätigung darüber zu verlangen, ob betreffende Daten verarbeitet werden und auf Auskunft über diese Daten sowie auf weitere Informationen und Kopie der Daten entsprechend Art. 15 DSGVO.<br>
|
||||||
|
<br>
|
||||||
|
Sie haben entsprechend. Art. 16 DSGVO das Recht, die Vervollständigung der Sie betreffenden Daten oder die Berichtigung der Sie betreffenden unrichtigen Daten zu verlangen.<br>
|
||||||
|
<br>
|
||||||
|
Sie haben nach Maßgabe des Art. 17 DSGVO das Recht zu verlangen, dass betreffende Daten unverzüglich gelöscht werden, bzw. alternativ nach Maßgabe des Art. 18 DSGVO eine Einschränkung der Verarbeitung der Daten zu verlangen.<br>
|
||||||
|
<br>
|
||||||
|
Sie haben das Recht zu verlangen, dass die Sie betreffenden Daten, die Sie uns bereitgestellt haben nach Maßgabe des Art. 20 DSGVO zu erhalten und deren Übermittlung an andere Verantwortliche zu fordern. <br>
|
||||||
|
<br>
|
||||||
|
Sie haben ferner gem. Art. 77 DSGVO das Recht, eine Beschwerde bei der zuständigen Aufsichtsbehörde einzureichen.</p><p> id="dsg-general-revokeconsent">Widerrufsrecht</p><p>Sie haben das Recht, erteilte Einwilligungen gem. Art. 7 Abs. 3 DSGVO mit Wirkung für die Zukunft zu widerrufen</p><h3 id="dsg-general-object">Widerspruchsrecht</h3><p>Sie können der künftigen Verarbeitung der Sie betreffenden Daten nach Maßgabe des Art. 21 DSGVO jederzeit widersprechen. Der Widerspruch kann insbesondere gegen die Verarbeitung für Zwecke der Direktwerbung erfolgen.</p><h1 id="dsg-general-cookies">Cookies und Widerspruchsrecht bei Direktwerbung</h1><p>Als „Cookies“ werden kleine Dateien bezeichnet, die auf Rechnern der Nutzer gespeichert werden. Innerhalb der Cookies können unterschiedliche Angaben gespeichert werden. Ein Cookie dient primär dazu, die Angaben zu einem Nutzer (bzw. dem Gerät auf dem das Cookie gespeichert ist) während oder auch nach seinem Besuch innerhalb eines Onlineangebotes zu speichern. Als temporäre Cookies, bzw. „Session-Cookies“ oder „transiente Cookies“, werden Cookies bezeichnet, die gelöscht werden, nachdem ein Nutzer ein Onlineangebot verlässt und seinen Browser schließt. In einem solchen Cookie kann z.B. der Inhalt eines Warenkorbs in einem Onlineshop oder ein Login-Staus gespeichert werden. Als „permanent“ oder „persistent“ werden Cookies bezeichnet, die auch nach dem Schließen des Browsers gespeichert bleiben. So kann z.B. der Login-Status gespeichert werden, wenn die Nutzer diese nach mehreren Tagen aufsuchen. Ebenso können in einem solchen Cookie die Interessen der Nutzer gespeichert werden, die für Reichweitenmessung oder Marketingzwecke verwendet werden. Als „Third-Party-Cookie“ werden Cookies bezeichnet, die von anderen Anbietern als dem Verantwortlichen, der das Onlineangebot betreibt, angeboten werden (andernfalls, wenn es nur dessen Cookies sind spricht man von „First-Party Cookies“).<br>
|
||||||
|
<br>
|
||||||
|
Wir können temporäre und permanente Cookies einsetzen und klären hierüber im Rahmen unserer Datenschutzerklärung auf.<br>
|
||||||
|
<br>
|
||||||
|
Falls die Nutzer nicht möchten, dass Cookies auf ihrem Rechner gespeichert werden, werden sie gebeten die entsprechende Option in den Systemeinstellungen ihres Browsers zu deaktivieren. Gespeicherte Cookies können in den Systemeinstellungen des Browsers gelöscht werden. Der Ausschluss von Cookies kann zu Funktionseinschränkungen dieses Onlineangebotes führen.<br>
|
||||||
|
<br>
|
||||||
|
Ein genereller Widerspruch gegen den Einsatz der zu Zwecken des Onlinemarketing eingesetzten Cookies kann bei einer Vielzahl der Dienste, vor allem im Fall des Trackings, über die US-amerikanische Seite <a href="http://www.aboutads.info/choices/">http://www.aboutads.info/choices/</a> oder die EU-Seite <a href="http://www.youronlinechoices.com/">http://www.youronlinechoices.com/</a> erklärt werden. Des Weiteren kann die Speicherung von Cookies mittels deren Abschaltung in den Einstellungen des Browsers erreicht werden. Bitte beachten Sie, dass dann gegebenenfalls nicht alle Funktionen dieses Onlineangebotes genutzt werden können.</p><h1 id="dsg-general-erasure">Löschung von Daten</h1><p>Die von uns verarbeiteten Daten werden nach Maßgabe der Art. 17 und 18 DSGVO gelöscht oder in ihrer Verarbeitung eingeschränkt. Sofern nicht im Rahmen dieser Datenschutzerklärung ausdrücklich angegeben, werden die bei uns gespeicherten Daten gelöscht, sobald sie für ihre Zweckbestimmung nicht mehr erforderlich sind und der Löschung keine gesetzlichen Aufbewahrungspflichten entgegenstehen. Sofern die Daten nicht gelöscht werden, weil sie für andere und gesetzlich zulässige Zwecke erforderlich sind, wird deren Verarbeitung eingeschränkt. D.h. die Daten werden gesperrt und nicht für andere Zwecke verarbeitet. Das gilt z.B. für Daten, die aus handels- oder steuerrechtlichen Gründen aufbewahrt werden müssen.<br>
|
||||||
|
<br>
|
||||||
|
Nach gesetzlichen Vorgaben in Deutschland erfolgt die Aufbewahrung insbesondere für 6 Jahre gemäß § 257 Abs. 1 HGB (Handelsbücher, Inventare, Eröffnungsbilanzen, Jahresabschlüsse, Handelsbriefe, Buchungsbelege, etc.) sowie für 10 Jahre gemäß § 147 Abs. 1 AO (Bücher, Aufzeichnungen, Lageberichte, Buchungsbelege, Handels- und Geschäftsbriefe, Für Besteuerung relevante Unterlagen, etc.). <br>
|
||||||
|
<br>
|
||||||
|
Nach gesetzlichen Vorgaben in Österreich erfolgt die Aufbewahrung insbesondere für 7 J gemäß § 132 Abs. 1 BAO (Buchhaltungsunterlagen, Belege/Rechnungen, Konten, Belege, Geschäftspapiere, Aufstellung der Einnahmen und Ausgaben, etc.), für 22 Jahre im Zusammenhang mit Grundstücken und für 10 Jahre bei Unterlagen im Zusammenhang mit elektronisch erbrachten Leistungen, Telekommunikations-, Rundfunk- und Fernsehleistungen, die an Nichtunternehmer in EU-Mitgliedstaaten erbracht werden und für die der Mini-One-Stop-Shop (MOSS) in Anspruch genommen wird.</p><p></p><h1 id="dsg-hostingprovider">Hosting</h1><p></p><p><span class="ts-muster-content">Die von uns in Anspruch genommenen Hosting-Leistungen dienen der Zurverfügungstellung der folgenden Leistungen: Infrastruktur- und Plattformdienstleistungen, Rechenkapazität, Speicherplatz und Datenbankdienste, Sicherheitsleistungen sowie technische Wartungsleistungen, die wir zum Zwecke des Betriebs dieses Onlineangebotes einsetzen. <br>
|
||||||
|
<br>
|
||||||
|
Hierbei verarbeiten wir, bzw. unser Hostinganbieter Bestandsdaten, Kontaktdaten, Inhaltsdaten, Vertragsdaten, Nutzungsdaten, Meta- und Kommunikationsdaten von Kunden, Interessenten und Besuchern dieses Onlineangebotes auf Grundlage unserer berechtigten Interessen an einer effizienten und sicheren Zurverfügungstellung dieses Onlineangebotes gem. Art. 6 Abs. 1 lit. f DSGVO i.V.m. Art. 28 DSGVO (Abschluss Auftragsverarbeitungsvertrag).</span></p><p></p><h1 id="dsg-organisation"> Erbringung unserer satzungs- und geschäftsgemäßen Leistungen</h1><p></p><p><span class="ts-muster-content">Wir verarbeiten die Daten unserer Mitglieder, Unterstützer, Interessenten, Kunden oder sonstiger Personen entsprechend Art. 6 Abs. 1 lit. b. DSGVO, sofern wir ihnen gegenüber vertragliche Leistungen anbieten oder im Rahmen bestehender geschäftlicher Beziehung, z.B. gegenüber Mitgliedern, tätig werden oder selbst Empfänger von Leistungen und Zuwendungen sind. Im Übrigen verarbeiten wir die Daten betroffener Personen gem. Art. 6 Abs. 1 lit. f. DSGVO auf Grundlage unserer berechtigten Interessen, z.B. wenn es sich um administrative Aufgaben oder Öffentlichkeitsarbeit handelt.<br>
|
||||||
|
<br>
|
||||||
|
Die hierbei verarbeiteten Daten, die Art, der Umfang und der Zweck und die Erforderlichkeit ihrer Verarbeitung bestimmen sich nach dem zugrundeliegenden Vertragsverhältnis. Dazu gehören grundsätzlich Bestands- und Stammdaten der Personen (z.B., Name, Adresse, etc.), als auch die Kontaktdaten (z.B., E-Mailadresse, Telefon, etc.), die Vertragsdaten (z.B., in Anspruch genommene Leistungen, mitgeteilte Inhalte und Informationen, Namen von Kontaktpersonen) und sofern wir zahlungspflichtige Leistungen oder Produkte anbieten, Zahlungsdaten (z.B., Bankverbindung, Zahlungshistorie, etc.).<br>
|
||||||
|
<br>
|
||||||
|
Wir löschen Daten, die zur Erbringung unserer satzungs- und geschäftsmäßigen Zwecke nicht mehr erforderlich sind. Dies bestimmt sich entsprechend der jeweiligen Aufgaben und vertraglichen Beziehungen. Im Fall geschäftlicher Verarbeitung bewahren wir die Daten so lange auf, wie sie zur Geschäftsabwicklung, als auch im Hinblick auf etwaige Gewährleistungs- oder Haftungspflichten relevant sein können. Die Erforderlichkeit der Aufbewahrung der Daten wird alle drei Jahre überprüft; im Übrigen gelten die gesetzlichen Aufbewahrungspflichten.</span></p><p></p><h1 id="dsg-contact">Kontaktaufnahme</h1><p></p><p><span class="ts-muster-content">Bei der Kontaktaufnahme mit uns (z.B. per Kontaktformular, E-Mail, Telefon oder via sozialer Medien) werden die Angaben des Nutzers zur Bearbeitung der Kontaktanfrage und deren Abwicklung gem. Art. 6 Abs. 1 lit. b) DSGVO verarbeitet. Die Angaben der Nutzer können in einem Customer-Relationship-Management System ("CRM System") oder vergleichbarer Anfragenorganisation gespeichert werden.<br>
|
||||||
|
<br>
|
||||||
|
Wir löschen die Anfragen, sofern diese nicht mehr erforderlich sind. Wir überprüfen die Erforderlichkeit alle zwei Jahre; Ferner gelten die gesetzlichen Archivierungspflichten.</span></p><p></p><h3 id="dsg-thirdparty-einleitung">Einbindung von Diensten und Inhalten Dritter</h1><p></p><p><span class="ts-muster-content">Wir setzen innerhalb unseres Onlineangebotes auf Grundlage unserer berechtigten Interessen (d.h. Interesse an der Analyse, Optimierung und wirtschaftlichem Betrieb unseres Onlineangebotes im Sinne des Art. 6 Abs. 1 lit. f. DSGVO) Inhalts- oder Serviceangebote von Drittanbietern ein, um deren Inhalte und Services, wie z.B. Videos oder Schriftarten einzubinden (nachfolgend einheitlich bezeichnet als “Inhalte”). <br>
|
||||||
|
<br>
|
||||||
|
Dies setzt immer voraus, dass die Drittanbieter dieser Inhalte, die IP-Adresse der Nutzer wahrnehmen, da sie ohne die IP-Adresse die Inhalte nicht an deren Browser senden könnten. Die IP-Adresse ist damit für die Darstellung dieser Inhalte erforderlich. Wir bemühen uns nur solche Inhalte zu verwenden, deren jeweilige Anbieter die IP-Adresse lediglich zur Auslieferung der Inhalte verwenden. Drittanbieter können ferner so genannte Pixel-Tags (unsichtbare Grafiken, auch als "Web Beacons" bezeichnet) für statistische oder Marketingzwecke verwenden. Durch die "Pixel-Tags" können Informationen, wie der Besucherverkehr auf den Seiten dieser Website ausgewertet werden. Die pseudonymen Informationen können ferner in Cookies auf dem Gerät der Nutzer gespeichert werden und unter anderem technische Informationen zum Browser und Betriebssystem, verweisende Webseiten, Besuchszeit sowie weitere Angaben zur Nutzung unseres Onlineangebotes enthalten, als auch mit solchen Informationen aus anderen Quellen verbunden werden.</span></p><p></p><h1 id="dsg-thirdparty-googlefonts">Google Fonts</h1><p></p><p><span class="ts-muster-content">Wir binden die Schriftarten ("Google Fonts") des Anbieters Google LLC, 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA, ein. Datenschutzerklärung: <a target="_blank" href="https://www.google.com/policies/privacy/">https://www.google.com/policies/privacy/</a>, Opt-Out: <a target="_blank" href="https://adssettings.google.com/authenticated">https://adssettings.google.com/authenticated</a>.</span></p><a href="https://datenschutz-generator.de" class="dsg1-5" rel="nofollow" target="_blank">Erstellt mit Datenschutz-Generator.de von RA Dr. Thomas Schwenke</a>
|
||||||
|
<br><a href="index.html">Zurück zum Hauptmenü</a>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
images/Logo-GS.png
Normal file
BIN
images/Logo-GS.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
images/arboretum_bg.jpg
Normal file
BIN
images/arboretum_bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
images/arche_bg.jpg
Normal file
BIN
images/arche_bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
BIN
images/intro_bg.jpg
Normal file
BIN
images/intro_bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
38
impressum/index.html
Normal file
38
impressum/index.html
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale="1"/>
|
||||||
|
<title>Impressum</title>
|
||||||
|
<link rel="stylesheet" href="/css/impressum.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="wrapper1">
|
||||||
|
<h1>Impressum</h1>
|
||||||
|
<p>Der Grüne Salon e.V.<br>
|
||||||
|
Hinter den Kirschgärten 2<br>
|
||||||
|
99636 Rastenberg<br>
|
||||||
|
<a href="http://www.grünersalon.de" target="_blank">www.grünersalon.de</a>
|
||||||
|
<p>Tel: +49(0)363774884<br>
|
||||||
|
Fax: +49(0)363775100<br>
|
||||||
|
E-Mail: bb@grünersalon.de
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>Vertreten durch den Vorstandsvorsitzenden:<br>
|
||||||
|
Johannes Backhaus-Barnett
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>Register: Vereinsregister<br>
|
||||||
|
Registergericht: Amtsgericht Sömmerda<br>
|
||||||
|
Registernummer: VR 150709</p>
|
||||||
|
<br>
|
||||||
|
<p>Inhaltlich Verantwortlicher gemäß § 10 Abs. 3 MDStV: §55 Abs. 2 RStV:<br>
|
||||||
|
Benjamin Barnett, Redaktionsleiter<br>
|
||||||
|
E-Mail: bennibarnett@googlemail.com</p>
|
||||||
|
<p>Quellenabgaben der verwendeten Bilder:<br>
|
||||||
|
<p>Alle Rechte vorbehalten. Jegliche Vervielfältigung oder Weiterverbreitung in jedem Medium als Ganzes oder in Teilen bedarf der schriftlichen Zustimmung.</p>
|
||||||
|
<br><a href="index.html">Zurück zum Hauptmenü</a>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
42
index.html
Normal file
42
index.html
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Grüner Salon e.V.</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
||||||
|
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="background intro">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<a href="/start"><img class="logo shadow" src="/images/Logo-GS.png" alt="Logo des Grünen Salons e.V."
|
||||||
|
width="146" height="146"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- Javascript -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||||
|
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
|
||||||
|
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
35
js/custom.js
Normal file
35
js/custom.js
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
|
||||||
|
jQuery(document).ready(function() {
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
Preloader
|
||||||
|
*/
|
||||||
|
|
||||||
|
$(window).load(function() {
|
||||||
|
|
||||||
|
// will first fade out the loading animation
|
||||||
|
$("#status").fadeOut("slow");
|
||||||
|
|
||||||
|
// will fade out the whole DIV that covers the website.
|
||||||
|
$("#preloader").delay(500).fadeOut("slow").remove();
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
/*
|
||||||
|
Final Countdown Settings
|
||||||
|
*/
|
||||||
|
var finalDate = '2016/11/01';
|
||||||
|
|
||||||
|
$('div.counter').countdown(finalDate)
|
||||||
|
.on('update.countdown', function(event) {
|
||||||
|
|
||||||
|
$(this).html(event.strftime('<div class="days-wrapper"><span class="days">%D</span><br>days</div>' +
|
||||||
|
'<div class="hours-wrapper"><span class="hours">%H</span><br>hours</div>' +
|
||||||
|
'<div class="minutes-wrapper"><span class="minutes">%M</span><br>minutes</div>' +
|
||||||
|
'<div class="seconds-wrapper"><span class="seconds">%S</span><br>seconds</div>'));
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
103
start/index.html
Normal file
103
start/index.html
Normal file
@ -0,0 +1,103 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Grüner Salon e.V.</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
||||||
|
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="background gruener-salon d-flex flex-column">
|
||||||
|
<div class="page-content container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 mx-auto mt-3">
|
||||||
|
<main class="card card-body bg-light ">
|
||||||
|
<h1>Der Grüne Salon e.V.</h1>
|
||||||
|
<p>Der Förderverein ’Der Grüne Salon’ orientiert sich als Ansatz für seine Aktivitäten an der
|
||||||
|
Salonkultur
|
||||||
|
des
|
||||||
|
19. Jahrhunderts: Damals entstanden aus besonderen gesellschaftlichen Zwängen, waren diese
|
||||||
|
meistens von
|
||||||
|
Damen der Oberschicht gegründeten Salons auch Ausgangspunkt für positive gesellschaftliche
|
||||||
|
Veränderungen
|
||||||
|
und
|
||||||
|
Orte für Austausch von Kultur und Kunst, Philosophie und Politik.</p>
|
||||||
|
<p>
|
||||||
|
In der heutigen Zeit ist das vielseitige kulturelle Leben ein wesentlicher Bestandteil der
|
||||||
|
Lebensqualität
|
||||||
|
und ein Gegengewicht zur fortschreitenden Kommerzialisierung und Individualisierung unserer
|
||||||
|
Gesellschaft.
|
||||||
|
Hier setzt der Förderverein an und möchte mit dem ’Grünen Salon’ allen interessierten Menschen
|
||||||
|
dieser
|
||||||
|
ländlich geprägten Region, die in ihrer Umgebung oder Heimat auch die Schönheit der Landschaft
|
||||||
|
und einen
|
||||||
|
geschichtsträchtigen Kulturraum sehen, Begegnungs- und Veranstaltungsstätten anbieten. Dabei
|
||||||
|
sollen mit
|
||||||
|
unterschiedlichen Ansätzen vielfältige Aktivitäten erfolgen unter Nutzung des gesamten
|
||||||
|
Potentials der
|
||||||
|
ländlich geprägten Räume und mit Einbeziehung ihrer Bewohner mit den Zielen:
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>Aufwertung des ländlichen Raumes als kontemplative Begegnungsstätte für interessierte
|
||||||
|
Mitbürger und
|
||||||
|
zeitgenössische Künstler zur kreativen Entfaltung auf verschiedenen Ebenen,</li>
|
||||||
|
<li>Etablieren einer Form des Miteinander ähnlich der Salonkultur des 19. Jahrhunderts als
|
||||||
|
Beitrag zur
|
||||||
|
kulturellen Bereicherung,</li>
|
||||||
|
<li>Initiierung und Begleitung innovativer Ansätze zur kulturellen Entwicklung im ländlichen
|
||||||
|
Raum.</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
Der ’Grüne Salon’ bezieht sich nicht auf einen Ort oder festen Treffpunkt, sondern begreift sich
|
||||||
|
als
|
||||||
|
Metapher für die Freiheit der vielfältigen Entfaltungsmöglichkeiten im Außenbereich, außerhalb
|
||||||
|
kommerzieller
|
||||||
|
Zwänge und fester Strukturen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer class="sticky-footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-lg-2 ml-auto">
|
||||||
|
<a class="btn btn-link" href="/arboretum">Arboretum</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mx-auto">
|
||||||
|
<a class="btn btn-link" href="/datenschutzerklaerung">Datenschutzerklärung</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2 mr-auto">
|
||||||
|
<a class="btn btn-link" href="/impressum">Impressum</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row ">
|
||||||
|
<div class="col mx-auto copyright text-center">
|
||||||
|
Copyright © Der Grüne Salon e.V. Designed by Benjamin Barnett
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- Javascript -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||||
|
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
|
||||||
|
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user