-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
215 lines (178 loc) · 10.7 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
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Anschreibengenerator Verkehrsordnungswidrigkeit</title>
<script src='js/pdfmake.min.js'></script>
<script src='js/vfs_fonts.js'></script>
<script src="js/anschreibengenerator.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<!-- Custom styles for this template -->
<!-- <link href="starter-template.css" rel="stylesheet"> -->
</head>
<body>
<div class="col-lg-5 mx-auto p-3 py-md-5">
<header class="d-flex align-items-center pb-3 mb-5 border-bottom">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" fill="currentColor" class="me-2 bi bi-file-earmark-text" viewBox="0 0 16 16">
<path d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
<path d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/>
</svg>
<span class="fs-4">Anschreibengenerator Verkehrsordnungswidrigkeit</span>
</header>
<main>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Was ist das hier?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Mit dieser Seite möchte ich dir dabei zu helfen, eine (Verkehrs-)Ordnungswidrigkeit bei einem <b>Ordnungsamt</b> anzuzeigen. Etwas weiter unten findest du ein Formular. Füllst du dieses aus und klickst auf den Button "Anschreiben generieren", wird eine PDF-Datei generiert, die du ausdrucken und per Post an das angegebene Ordnungsamt schicken kannst. Alternativ kannst du den Brief natürlich auch vor Ort in einem Bürgeramt in den Briefkasten werfen.</p>
<p>Ein paar häufige, weitere Fragen findest du weiter unten. Einfach auf eine Frage klicken um die Antwort zu sehen.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Warum muss ich die Anzeige per Post verschicken und nicht per E-Mail?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
Manche Ordnungsämter nehmen leider auf Grund von Datenschutzbedenken keine Anzeigen per E-Mail oder Fax entgegen. In diesen Fällen sind die einzigen offiziell geduldeten Arten, eine Ordnungswidrigkeitsanzeige zu erstatten, schriftlich oder persönlich bei einem/r SachbearbeiterIn des Ordnungsamtes.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Warum muss ich eine "persönliche Betroffenheit" begründen?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
Die Überwachung der Einhaltung der Gesetze und Verordnungen ist primär eine Aufgabe offizieller Behörden und entsprechender Beamter (Polizei, Ordnungsamt, ...). Insbesondere bei Ordnungswidrigkeiten gibt es für Privatanzeigen keinen Anspruch auf Verfolgung (s. § 47 OWiG). Um den Eindruck zu vermeiden, man verfolge als eine Art "Platzwart" oder "Hilfssheriff" die Aufgaben des Staates, ist es sinnvoll, Ordnungswidrigkeiten nur bei persönlicher Betroffenheit zur Anzeige zu bringen. Dies ist z.B. der Fall, wenn du auf dem Weg zur oder von der Arbeit behindert wirst, beim Weg zum Einkaufen oder zur Kita. Noch besser ist es, wenn du weitere Zeugen nennen kannst, die ebenfalls von der Ordnungswidrigkeit betroffen waren.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
Muss ich Fotos verwenden?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
<div class="accordion-body">
Ja. Eine Ordnungswidrigkeitenanzeige ohne nachvollziehbare Beweise (hier: in Form von Ablichtungen/Fotos) hat von Haus aus wenig Chancen auf Verfolgung oder Erfolg. Hierbei läuft es automatisch auf die Situation Aussage-gegen-Aussage hinaus und der Aufwand, der für die Wahrheitsfindung betrieben werden müsste, steht in keinem Verhältnis zu gängigen Ordnungswidrigkeiten.
</div>
</div>
</div>
</div>
<div class="alert alert-info mt-3" role="alert">
<p><b>Werden die Daten irgendwo gespeichert?</b></p>
<p><b>Nein! Die gesamte Datenverarbeitung und -speicherung findet auf deinem Gerät (Smartphone, Computer, Laptop, ...) statt.</b> Dieser Generator stellt dir lediglich ein Werkzeug bereit, mit dessen Hilfe du einfach Anschreiben für eine Verkehrsordnungswidrigkeitenanzeige erstellen kannst. Weder beim Ausfüllen, noch beim Speichern der PDF werden Daten von deinem Gerät an andere verschickt oder gespeichert.</p>
</div>
<hr class="col-3 col-md-2 mb-5">
<div class="row g-5 col-md-10 mx-auto">
<form class="form-floating">
<div class="row">
<p><b>Angaben zum/zur AnzeigenerstatterIn</b></p>
</div>
<div class="form-floating mb-3">
<input type="text" class="form-control" id="anzName">
<label for="anzName">Vor- und Nachname(n)</label>
</div>
<div class="form-floating mb-3">
<input type="text" class="form-control" id="anzStr">
<label for="anzStr">Straße und Hausnummer</label>
</div>
<div class="form-floating mb-3">
<input type="text" class="form-control" id="anzOrt">
<label for="anzOrt">Postleitzahl und Wohnort</label>
</div>
<div class="row">
<p><b>Angaben zum Ordnungsamt</b></p>
</div>
<select class="form-select mb-3" id="owiOrdnungsaemterSelect" onchange="onSelectOrdnungsamt(this)">
<option selected>Ordnungsamt auswählen</option>
</select>
<div class="form-floating mb-3">
<textarea id="owiAdresseOrdnungsamt" class="form-control" style="height: 120px;">Ordnungsamt Magdeburg
Bußgeldabteilung
Bruno-Beye-Ring 50 (BB)
39130 Magdeburg</textarea>
<label for="owiDatum">Ordnungsamt</label>
</div>
<div class="row">
<p><b>Angaben zur Ordnungswidrigkeit</b></p>
</div>
<div class="form-floating mb-3">
<input type="date" class="form-control" id="owiDatum">
<label for="owiDatum">Tattag</label>
</div>
<div class="form-floating mb-3">
<input type="text" class="form-control" id="owiZeit">
<label for="owiZeit">Tatzeit (am besten als von-bis Angabe)</label>
</div>
<div class="form-floating mb-3">
<input type="text" class="form-control" id="owiOrt">
<label for="owiOrt">Tatort (möglichst genau)</label>
</div>
<div class="form-floating mb-3">
<input type="text" class="form-control" id="owiKennz">
<label for="owiKennz">KFZ-Kennzeichen</label>
</div>
<div class="form-floating mb-3">
<input type="text" class="form-control" id="owiTyp">
<label for="owiTyp">Fabrikat (z.B. VW Golf, grün)</label>
</div>
<div class="form-floating mb-3">
<textarea type="text" style="height: 15em; padding-top: 4em;" class="form-control" id="owiText">Bitte beschreibe die OWI möglichst genau. Um etwaigen Vorwürfen der Denunziation/Amtsausübung zu begegnen, begründe am besten auch, warum und wie du persönlich von der OWI betroffen wurdest (z.B. Art der Behinderung/Gefährdung und Anlass für deine Anwesenheit, "Arbeitsweg" o.ä.)</textarea>
<label for="owiText">Beschreibung der Ordnungswidrigkeit und Begründung der persönlichen Betroffenheit</label>
</div>
<div class="form mb-3">
<label for="owiPics">Tatfotos (Mehrfachauswahl möglich, Zuschnitt automatisch)</label>
<input type="file" class="form-control" id="owiPics" multiple>
</div>
<button type="button" onclick="generatePDF()" class="btn btn-primary">Anschreiben generieren und öffnen</button>
</form>
</div>
</main>
<footer class="pt-5 my-5 text-muted border-top">
<p><b>Credits</b></p>
<p class="small">
Anschriften von Ordnungsämtern: <a href="https://fragdenstaat.de" target="_blank">fragdenstaat.de</a>
</p>
<p><b>Disclaimer und Impressum</b></p>
<p class="small">
Die kostenlosen und frei zugänglichen Inhalte dieser Webseite wurden mit größtmöglicher Sorgfalt erstellt. Der Anbieter dieser Webseite übernimmt jedoch keine Gewähr für die Richtigkeit und Aktualität der bereitgestellten kostenlosen und frei zugänglichen Inhalte. Allein durch den Aufruf der kostenlosen und frei zugänglichen Inhalte kommt keinerlei Vertragsverhältnis zwischen dem Nutzer und dem Anbieter zustande, insoweit fehlt es am Rechtsbindungswillen des Anbieters.
</p>
<p><b>Angaben gemäß § 5 TMG</b></p>
<p class="small"><b>Kontakt</b><br/>
Thomas Hoffmann<br/>
Westring 31<br/>
39108 Magdeburg<br/></p>
</footer>
</div>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/ordnungsaemter.js"></script>
</body>
</html>