-
-
Notifications
You must be signed in to change notification settings - Fork 6
/
howtomap.html
192 lines (183 loc) · 12 KB
/
howtomap.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="manifest" href="images/site.webmanifest">
<link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="stylesheet" href="css/responsive.css" type="text/css">
<title>Defikarte.ch - Die Defikarte der Schweiz</title>
<!-- OpenGrap Tags-->
<meta property="og:title" content="Defikarte.ch - die Defikarte der Schweiz" />
<meta property="og:description" content="Defikarte.ch - die Defikarte der Schweiz" />
<meta property="og:image" content="https://defikarte.ch/images/defi_logo2.png" />
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<header>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html"><i class="fa fa-home"></i> Home</a>
<a href="about.html"><i class="fa fa-file-text"></i> Über die Defikarte</a>
<a href="app.html"><i class="fa fa-signal"></i> Die App</a>
<a href="aed_info.html"><i class="fa fa-info-circle"></i> AED Info</a>
<a href="sponsors.html"><i class="fa fa-trophy"></i> Sponsoren</a>
<!--<a href="mailto:[email protected]?subject=Meldung%20auf%20Defikarte.ch&body=Hallo,%0D%0AHier ein neuer Defibrillator um in die Karte aufgenommen zu werden.%0D%0A%0D%0AStandort: (kurze genaue Beschreibung)%0D%0AZugang: (ja oder nein)%0D%0AErreichbarkeit: (24h oder Öffnungszeiten)%0D%0ABeschreibung: (Besonderes zum Defi)"><i class="fa fa-exclamation-circle"></i> Fehler melden</a>-->
<a></a>
<a></a>
<a></a>
<a></a>
<a></a>
<a></a>
<a href="impressum.html"><i class="fa fa-null"></i>Impressum & Datenschutz</a>
</div>
<div class="top-part">
<div class="container-fluid">
<div class="row">
<div class="col-9-pl">
<div class="menu" onclick="openNav()">
<img src="images/nav-berger.png" alt="">
</div>
<div class="co-name">
<h2>
<a href="index.html"><img src="images/defi_logo2.png" alt="" width="100"></a> - Die Defikarte der Schweiz</a>
</h2>
<!-- <img src="images/company-name.png" alt=""> -->
</div>
</div>
<div class="col-md-7 .offset-md-7">
<div class="logo">
In Partnerschaft mit
<a href="https://www.aed.ch" target="_blank"><img src="images/procamed.jpg" alt="" width="100"></a>
<a href="https://www.lifetec.ch" target="_blank"><img src="images/lifetec.png" alt="" width="100"></a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="inner-banner">
<div class="content-section-a">
<iframe width="100%" height="300px" frameborder="0" allowfullscreen src="https://umap.osm.ch/de/map/defikartech_2572?scaleControl=false&miniMap=false&scrollWheelZoom=true&zoomControl=true&allowEdit=false&moreControl=false&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=undefined&captionBar=false"></iframe>
<!-- <p>
<a href="https://umap.osm.ch/de/map/notfallkarte-gossau_2584">Vollbildanzeige</a>
</p> -->
</div>
</div>
<div class="about-content">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="about">
<h4 class="main-heading">How to Map</h4>
<p>
Bei 85 Prozent aller plötzlichen Herztode liegt anfangs ein Kammerflimmern vor.
Ein Defibrillator kann diese elektrisch kreisende Erregung im Herzen durch gleichzeitige Stimulation von mindestens 70 Prozent aller Herzmuskelzellen unterbrechen.
Dabei wird eine große Anzahl von Zellen gleichzeitig depolarisiert, was zur Folge hat, dass diese Zellen eine relativ lange Zeit (etwa 250 ms = Refraktärzeit der Zellen) nicht mehr erregbar sind.
Der kreisenden Welle wird quasi der Weg abgeschnitten und das Herz befindet sich wieder in einem Zustand, in dem das natürliche Erregungsleitungssystem die Stimulation des Herzens wieder übernehmen kann.
</p>
<p>
Entscheidend bei der Defibrillation ist der frühestmögliche Einsatz, da die durch das Kammerflimmern hervorgerufene Unterversorgung des Gehirns mit Sauerstoff (Gehirnischämie) binnen kurzer Zeit zu massiven neurologischen Defiziten führen kann.
Aus diesem Grund werden auch im öffentlichen Raum immer mehr automatisierte externe Defibrillatoren (AED) platziert.
Der erfolgreiche Einsatz eines AED steht und fällt mit der richtigen Durchführung der Herz-Lungen-Wiederbelebung. Der AED ist nur eine Ergänzung, kein Ersatz.
Jedoch ist zu berücksichtigen, dass bei einem Kammerflimmern pro Minute die Überlebenschance des Patienten um 10 % sinkt.
Daher muss und sollte der Einsatz eines Laiendefibrillators (AED) so früh wie möglich stattfinden.
</p>
</div>
</div>
<div class="col-lg-6">
<div class="about">
<h4 class="main-heading">Idee und Umsetzung</h4>
<p>
Die Idee zu dieser Seite kam mir als ich im Kanton Graubünden durch ein verschlafenes Dörfchen fuhr und mir in regelmässigen Abständen, eine Tafel den nächsten Standort eines Defibrillators angezeigt hat.Mir wurde bewusst dass dies bei weitem nicht alle Kantone so handhaben und dass die Defi-Standorte meist unbekannt sind. </p>
<p>
Danach ging ich auf die Suche der Daten bei meiner eigenen Gemeinde und bekam diese Infos. Ich habe dann die Daten in OpenStreetMap nachgetragen und in meiner Gemeinde waren nun Defibrillatoren gepflegt. Ich begann aber schnell auch über den Tellerrand zu schauen und wollte wissen wie die Datenbestände schweizweit aussehen. Bei der Datenabfrage hat mich das Ergebnis sehr überrascht und ich fand, diese Daten müsse man nützen. Ich fand zwei, drei Karten die mehr oder weniger manuell gepflegt wurden. Diese Methode fand ich zu umständlich und wollte dass meine Karte direkt von der Community-Datenpflege profitiert also habe ich die Defikarte.ch ins Leben gerufen. </p>
<p>
Die Karte soll allen helfen, schnell und effizient einen Defibrillator zu finden in einer hektischen, nicht alltäglichen Situation.
</p>
<p>
<b>Wichtig: Grün angezeigte Defi's sind 24h zugänglich. Orange angezeigte Defis sind mit Beschränkungen erreichbar.</b>
</p>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="footer-part">
<div class="container-fluid">
<div class="row">
<div class="col-lg-5">
<div class="footer-left">
<p>2023 Defikarte.ch | Verwendet <a rel="nofollow" href="https://www.openstreetmap.org/copyright" target="_blank">OpenstreetMap Daten</a></p>
</div>
</div>
<div class="col-lg-7 text-right">
<div class="footer-right">
<a href="defi_form.html" class="btn btn-report"><i class="fa fa-file-text-o" aria-hidden="true"></i> Meldung</a>
<!--<a href="mailto:[email protected]?subject=Meldung%20auf%20Defikarte.ch&body=Hallo,%0D%0AHier ein neuer Defibrillator um in die Karte aufgenommen zu werden.%0D%0A%0D%0AStandort: (kurze genaue Beschreibung)%0D%0AZugang: (ja oder nein)%0D%0AErreichbarkeit: (24h oder Öffnungszeiten)%0D%0ABeschreibung: (Besonderes zum Defi)" class="btn btn-report"><i class="fa fa-file-text-o" aria-hidden="true"></i> Meldung</a>-->
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="reportModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Report an Error</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-row">
<div class="form-group col-md-6">
<input type="text" class="form-control" placeholder="Name">
</div>
<div class="form-group col-md-6">
<input type="tel" class="form-control" placeholder="Phone No">
</div>
<div class="form-group col-md-12">
<select name="" id="" class="form-control">
<option value="">Select errors issuse</option>
</select>
</div>
<div class="form-group col-md-12">
<textarea class="form-control" placeholder="Type your Message" rows="5"></textarea>
</div>
</div>
<button type="submit" class="btn btn-report btn-block btn-lg">Send Error Message</button>
</form>
</div>
</div>
</div>
</div>
</body>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/vendor/jquery-1.11.2.min.js"></script>
<script src="js/vendor/popper.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>