forked from CodeforKarlsruhe/farmshops.eu
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
254 lines (233 loc) · 16.4 KB
/
index.html
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
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#" lang="de">
<head>
<link rel="shortcut icon" href="icons/favicon.ico">
<link rel="apple-touch-icon" sizes="152x152" href="icons/apple-touch-icon.png">
<link rel="icon" type="image/png" href="icons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
<link rel="manifest" href="icons/site.webmanifest">
<link rel="mask-icon" href="icons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta charset="UTF-8">
<meta name="description" content="farmshops.eu ist eine Übersichtskarte von Hofläden, Märkten, Essensautomaten und anderen Direktvermarktern aus der DACH-Region (Deutschland, Österreich, Schweiz). Die Karte erhält alle ihre Daten von Openstreetmap, bereitet sie optisch auf und unterstützt die Pflege der Daten indem sie fehlende Werte sichtbar macht und direkt auf den entsprechenden Ort auf OSM und in andere Kartendienste verlinkt."
/>
<meta name="keywords" content="Hofladen, Hofläden, Bauernladen, Direktvermarkter, Verkauf ab Hof, Karte, Map, Farmshops, Bauernladen, Openstreetmap, Biologisch, Lokales Essen, Milchautomat, Eierautomat, Essensautomat, Open Knowledge, Freies Wissen, OKFN, Code for Karlsruhe, Code for Germany, Deutschland, Schweiz, Österreich"
/>
<link href="css/leaflet.css" type="text/css" rel=stylesheet>
<link rel="stylesheet" href="css/leaflet-sidebar.css" />
<link rel="stylesheet" href="css/MarkerCluster.css" />
<link rel="stylesheet" href="css/fontawesome-all.min.css" />
<link rel="stylesheet" href="css/L.Control.Locate.min.css" />
<link href="css/style.css" type="text/css" rel=stylesheet>
<title>farmshops.eu - Finde Hofläden, Märkte, Automaten und andere Direktvermarkter und hole dir lokale Nahrungsmittel, gesunde Produkte und gutes Essen</title>
<meta property="og:image" content="https://raw.githubusercontent.com/CodeforKarlsruhe/direktvermarkter/master/img/direktvermarkter.png"
/>
<meta name="twitter:image:src" content="https://raw.githubusercontent.com/CodeforKarlsruhe/direktvermarkter/master/img/direktvermarkter.png"
/>
<meta name="country" content="Germany">
<meta name="country" content="Austria">
<meta name="country" content="Switzerland">
</head>
<body>
<script src="data/farmshopGeoJson.js"></script>
<div id="sidebar" class="sidebar collapsed">
<!-- Nav tabs -->
<div class="sidebar-tabs">
<ul role="tablist">
<li>
<a href="#home" role="tab" alt="info" title="Was ist das hier und wie pflege ich die Daten?">☰</a>
</li>
</ul>
<ul role="tablist">
<li>
<a href="#info" role="tab" alt="i" title="Impressum und Datenschutz">ℹ</a>
</li>
<li>
<a href="https://github.com/CodeforKarlsruhe/direktvermarkter" role="tab" target="_blank" rel="noopener">
<img width="20px" style="padding-top: 8px;" margin-top="5px" src="img/github.svg" alt="Github" title="Repository auf Github.com">
</a>
</li>
<li>
<a href="https://codefor.de/" target="_blank" rel="noopener" role="tab">
<img width="25px" style="padding-top: 8px;" src="img/okfnde.png" alt="ok lab" title="Code for Germany - eine Initiative von der Open Knowledge Foundation Germany">
</i>
</a>
</li>
</ul>
</div>
<!-- Tab panes -->
<div class="sidebar-content">
<div class="sidebar-pane" id="home">
<h1 class="sidebar-header">
farmshops.eu - Direktvermarkter-Karte
<span class="sidebar-close"></span>
</h1>
<h3>Was ist das hier?</h3>
<p>farmshops.eu ist eine Übersichtskarte, die Dir hilft die Adressen von Wochenmärkten, Hofläden, bäuerlichen Milch, -Eier- oder Essensautomaten und vielen anderen lokalen Direktvermarktern in Deiner Region zu finden.
Die Karte basiert auf den Daten von
<a href="https://www.openstreetmap.org"
target="_blank" rel="noopener">openstreetmap.org</a> und bereitet die Einträge optisch auf. Fehlende oder neue Daten
kann man direkt auf OpenStreetMap eintragen. Die Informationen werden von dort regelmäßig abgeglichen. </p>
<h3>Ich habe fehlende oder falsche Daten, wo kann ich die eintragen?</h3>
<p>
Alle Daten stammen von <a href="https://www.openstreetmap.org" target="_blank" rel="noopener">openstreetmap.org</a>. Es gibt zwei Möglichkeiten neue Orte einzutragen:
<p>
<a href="https://openstreetmap.org" target="_blank" rel="noopener" class="button">Auf OSM bearbeiten</a>
<br>(Login notwendig)</p>
<p>
<a href="./contribute/index.html" class="button">Eintrag Vorschlagen</a>
<br>(ohne Login möglich, erfahrene Mapper tragen die Daten für Dich ein. <a href="https://ent8r.github.io/NotesReview/?query=farmshops.eu&limit=100&start=true&map=6%2F50.7990%2F12.2168" target="_blank" rel="noopener">Hier findest Du alle unbearbeiteten Vorschläge</a>.)</p>
<p>
</p>
</table>
<p>
<h3>Welche Einträge von Openstreetmap werden hier angezeigt?</h3>
<p>Nur Orte mit folgenden Tags werden überhaupt angezeigt:</p>
<p>
<img src="img/h-pin2.png" alt="" style="width:100%; max-width: 40px;">
<a href="https://wiki.openstreetmap.org/wiki/DE:Tag:shop%3Dfarm" target="_blank" rel="noopener">shop=farm </a>für Hofläden und Direktvermarkter aller Art</p>
<p>
<img src="img/a-pin2.png" alt="" style="width:100%; max-width: 40px;">
<a href="https://wiki.openstreetmap.org/wiki/DE:Tag:amenity%3Dvending_machine" target="_blank" rel="noopener">amenity=vending_machine</a> für Verkaufsautomaten, jedoch nur mit:
<ul>
<li>
<a href="https://wiki.openstreetmap.org/wiki/Tag:vending%3Dfood" target="_blank" rel="noopener">vending=food</a> Für Essen</li>
<li>
<a href="https://wiki.openstreetmap.org/wiki/Tag:vending%3Dmilk" target="_blank" rel="noopener">vending=milk</a> Für Milchautomaten</li>
<li>Außerdem auch die vending-Einträge: eggs, tomatoes, cheese, sausages, potatoes, noodles, meat, honey, fruits</li>
<li>Man kann auch mehrere angebotene Waren kombinieren, z.B.
<i>vending=eggs;sausages;vegetables;cheese</i>
</li> uvm.
</ul>
</p>
<p>
<img src="img/m-pin2.png" alt="" style="width:100%; max-width: 40px;">
<a href="https://wiki.openstreetmap.org/wiki/DE:Tag:amenity=marketplace" target="_blank" rel="noopener">amenity=marketplace</a> für Wochenmärkte</p>
<p>
<img src="img/b-pin.png" alt="" style="width:100%; max-width: 40px;">
<a href="https://wiki.openstreetmap.org/wiki/DE:Tag:craft%3Dbeekeeper" target="_blank" rel="noopener">craft=beekeeper</a> für Imker</p>
<p>Von all diesen Orte werden falls vorhanden alle weiteren Daten wie die Adresse oder die Öfnungszeiten
im Popup angezeigt, wobei unbekante Tags in der Tabelle landen und teilweise Begriffe übersetzt werden.</p>
<p>Folgende Tags werden im Popup formatiert dargestellt:</p>
<p>
<img src="img/popupbeispiel.png" style="width:100%; max-width: 300px;" alt=""> </p>
<br>
Offnungszeiten werden im <a href="https://wiki.openstreetmap.org/wiki/DE:Key:opening_hours#.C3.96ffnungszeiten_f.C3.BCr_Ulm.2C_Neu-Ulm_.26_Umgebung" target="_blank" rel="noopener">Openstreetmap-Format</a> angezeigt. Darunter findet man einen grünen oder roten Text der angibt, ob die Einrichtung im Moment offen oder geschlossen ist. Jedoch werden Öffnungszeiten momentan nur ausgewertet, wenn sie keine (länderspezifischen) Schulferien enthalten.
</p>
<p>
<h3>Wie häufig werden die Daten abgeglichen und welchen Stand haben sie jetzt gerade?</h3>
Momentan werden die Daten mit
<a href="https://github.com/CodeforKarlsruhe/direktvermarkter/blob/master/update_data.js"
target="_blank" rel="noopener">einem Script</a> manuell in regelmäßigen Abständen™ abgeglichen. Ein automatischer Abgleich ist
geplant.
<p>
<script>
document.write(lastUpdate);
</script>
</p>
</p>
<p>
<h3>Wie erreiche ich euch?</h3>
<ul>
<li>Auf der Webseite von
<a href="https://codefor.de/karlsruhe/">Code for Karlsruhe</a> gibt es Kontaktdaten und Infos zu den regelmäßigen Treffen.
</li>
<li>Den Quellcode und technische Planung gibt es auf
<a href="https://github.com/CodeforKarlsruhe/direktvermarkter"
target="_blank" rel="noopener">GitHub</a>
</li>
<li>Für generelle Fragen kann man eine Mail an
<a href="mailto:[email protected]">[email protected]</a> schreiben.</li>
<li>
<a href="http://stefan.grotz.me/" target="_blank" rel="noopener">Stefan Grotz</a> koordiniert das Projekt und kann auch direkt angeschrieben werden.</li>
</ul>
</p>
<p>
<h3>Was gibt es für verwandte Projekte?</h3>
Folgende Seiten könnten für Nutzer dieser Seite auch interessant sein:
<p>
<ul>
<li>Genaue Daten zu Wochenmärkten findet man bequem für viele Städte auf
<a href="https://wo-ist-markt.de"
target="_blank" rel="noopener">wo-ist-markt.de</a>. </li>
<li>Kräuter und andere öffentlich zugängliche Nahrungsmittel findet man auf
<a href="https://mundraub.org/"
target="_blank" rel="noopener">mundraub.org</a>
</li>
<li>Bei <a href="https://marktschwaermer.de/de" target="_blank" rel="noopener"> Marktschwärmer/Food Assembly</a> organisieren sich Kunden und bestellen als Gruppe bei regionalen Erzeuger.</li>
</ul>
</p>
</div>
<div class="sidebar-pane" id="info">
<h1 class="sidebar-header">Impressum und Datenschutz
<span class="sidebar-close"></span>
</h1>
<img src="img/codeforkarlsruhe.png" alt="Logo Code for Karlsruhe" width="200px" style="display: block;margin-left: auto;margin-right: auto">
<p>
<strong>farmshops.eu</strong> ist ein Projekt von
<a href="https://codefor.de/karlsruhe/" target="_blank" rel="noopener">Code for Karlsruhe</a>. Die Karte bereitet Daten von Openstreetmap optisch auf und hilft bei der Pflege.</p>
<p> Diese Seite befindet sich momentan noch im Aufbau, ein ausführlicheres Impressum folgt bald.
<br> Kontakt:
<a href="mailto:[email protected]">[email protected]</a>
</p>
<h2>Copyright</h2>
<p>Die Karte selbst steht unter einer MIT Lizenz und der Quellcodde ist auf Github zu finden.</p>
<p>Die Icons auf der Karte stehen unter der Creative Commons CCBY und wurden an den Rändern leicht beschnitten.
<ul>
<li>Der Bauernhof Icon ist von Nociconist erstellt
<a href="https://thenounproject.com/icon/1549496/#">Mehr Informationen zum Icon bei the noun project</a>
</li>
<li>Das Automaten-Icon wurde von Ben Davis erstellt
<a href="https://thenounproject.com/icon/909556/#">Mehr Informationen zum Icon bei the noun project </a>
</li>
<li>Das Markt-Icon wurde von İsmail Nural erstellt
<a href="https://thenounproject.com/icon/195153/#">Mehr Informationen zum Icon bei the noun project </a>
</li>
<li>Das Imnker-Icon wurde von Mello erstellt
<a href="https://thenounproject.com/icon/2093276/#">Mehr Informationen zum Icon bei the noun project </a>
</li>
</ul>
<p>
<h2>Datenschutz</h2>
Wir speichern keinerlei Daten über unsere Benutzer und erheben keine Statistik über die Zugriffe und speichern soweit möglich
alle Abhängigkeiten auf dem eigenen Server.
<p>Folgende externe Anbieter werden u.U. beim Aufruf der Seite angesprochen: </p>
<ul>
<li>Die Seite ist auf den Servern von github.com gehostet.</li>
<li>Die Karten im Hintergrund werden von folgenden Servern gezogen:
<ul>
<li>maps.wikimedia.org (Standardeinstellung)</li>
<li>tile.openstreetmap.org (Openstreetmap Optik)</li>
<li>server.arcgisonline.com/ (Satelitenbild)</li>
</ul>
</li>
<li>Es werden die Suchstatistiken von Google, Bing und Yandex ausgewertet, die jedoch komplett anonymisiert
sind.</li>
<li>Die auf der Karte angezeigten Daten stammen von Openstreetmap und dürfen nur öffentlich zugängliche
Daten enthalten. Falls in diesen Datenbestand sensible oder geschützte Daten auftauchen löschen
wir diese nach Kenntnissnahme natürlich sofort aus dieser Webseite und helfen darüber hinaus
gerne dabei diese aus den Datenbestand von OSM zu löschen. Siehe dazu auch die
<a href="https://wiki.openstreetmap.org/wiki/DE:Datenschutz">Datenschutzbestimmungen von Openstreetmap</a>
</li>
</ul>
</p>
</p>
</div>
</div>
</div>
<div id="map" class="sidebar-map"></div>
<script src="js/leaflet.js"></script>
<script src="js/leaflet.permalink.min.js"></script>
<script src="js/jquery-3.3.1.js"></script>
<link rel="stylesheet" href="css/leaflet.extra-markers.min.css">
<script src="js/leaflet.extra-markers.min.js"></script>
<script src="js/leaflet.markercluster.js"></script>
<script src="js/leaflet-sidebar.js"></script>
<script src="js/L.Control.Locate.min.js"></script>
<script src="js/opening_hours+deps.min.js"></script>
<script src="js/popupcontent.js"></script>
<script src="js/direktvermarkter.js"></script>
</body>
</html>