summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorDirk Engling <erdgeist@erdgeist.org>2016-08-06 21:50:44 +0200
committerDirk Engling <erdgeist@erdgeist.org>2016-08-06 21:50:44 +0200
commitd850c105940f414caf44705191af8c8b19ca9c85 (patch)
treeb7292c120fd2c3533ec0735b5115b6527377ab73 /index.html
parent0fd7ccf96690cbf5b2decdd95ead141daf1efd62 (diff)
UX clean up
Diffstat (limited to 'index.html')
-rw-r--r--index.html127
1 files changed, 77 insertions, 50 deletions
diff --git a/index.html b/index.html
index 1ae1252..ebd2c69 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
2<html lang="en"> 2<html lang="en">
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>Automatischer Abmahnbeantworter</title> 5 <title>Abmahnbeantworter</title>
6 <link rel="stylesheet" href="style.css"> 6 <link rel="stylesheet" href="style.css">
7 <script src="pdfmake.min.js"></script> 7 <script src="pdfmake.min.js"></script>
8 <script src="vfs_fonts.js"></script> 8 <script src="vfs_fonts.js"></script>
@@ -15,77 +15,104 @@
15 <body> 15 <body>
16 <div class="uk-grid"> 16 <div class="uk-grid">
17 <div class="uk-container-center uk-width-1-2"> 17 <div class="uk-container-center uk-width-1-2">
18 <h1>Automatischer Abmahnbeantworter</h1> 18 <h1>Abmahnbeantworter</h1>
19 <div> 19 <div>
20 <p>Wenn Sie eine Abahnung für einen angeblichen Urheberrechtsverstoß erhalten haben und sich sicher sind, dass Sie diese Urheberrechtsverletzung nicht begangen haben, können Sie mit diesem Schriftsatz-Generator ein Antwortschreiben erzeugen, das die abmahnenden Kanzlei über die Unrechtmäßigkeit der Abmahnung in Kenntnis setzt. Nimmt diese daraufhin die Forderung nicht innerhalb der gesetzten Frist (von 14 Tagen) zurück, steht Ihnen eine gerichtliche Klärung zu.</p> 20 <p>Sie haben eine Abmahnung für einen Urheberrechtsverstoß erhalten?</p>
21 <p>Für diese gerichtliche Klärung können Sie – im Gegensatz zur ersten Antwort auf die Abmahnung – Ihre Auslagen vom Abmahner zurückfordern. Dazu gehören auch die Anwaltskosten.</p> 21 <p>Sie sind sicher, diese angebliche Urheberrechtsverletzung nicht begangen zu haben?</p>
22 <p>Bitte benutzen Sie diesen Vordruck nur, wenn Sie tatsächlich nicht für die abgemahnte Verletzung verantwortlich sind. Sollte dies doch der Fall sein, oder wenn Sie sich <b>nicht</b> sicher sind, dann suchen Sie bitte einen Anwalt auf. Zudem können Ihnen unrichtige Angaben zum Sachverhalt vor Gericht belastend ausgelegt werden.</p> 22 <p>Erzeugen Sie mit diesem Schriftsatz-Generator ein Antwortschreiben, das die abmahnende Kanzlei über die Unrechtmäßigkeit der Abmahnung in Kenntnis setzt.</p>
23 <p><b>Wählen Sie daher auf jeden Fall nur die Häkchen aus, die den Tatsachen entsprechen.</b></p> 23 <hr/>
24 <p>Datenschutzhinweis: Das Dokument wird in Ihrem Browser generiert, es werden keine Daten zum Server übertragen und können daher auch dort nicht gespeichert werden. Der Webserver speichert zudem keine persönlichen Informationen über Zugriffe auf diese Webseite, sondern zählt einzig die Besucher.</p> 24 <p>Bitte benutzen Sie diesen Vordruck nur, wenn Sie tatsächlich nicht für die abgemahnte Verletzung verantwortlich sind. Sollte dies doch der Fall sein, oder wenn Sie sich <b>nicht</b> sicher sind, dann suchen Sie bitte einen Anwalt auf.</p>
25 </div> 25 <button class="w3-btn w3-hover-red" onclick="alert('Hier klappt dann unteres Interface auf.')">Ich bin mir sicher.</button>
26 <button class="w3-btn w3-hover-red" onclick="alert('Bitte suchen Sie einen Anwalt auf. Das Prozessrisiko kann erhebliche Kosten verursachen.')">Ich bin mir nicht sicher.</button>
27 <div class="clear">
28 <h2 class="block_title">Entlastendes aus dem Sachverhalt</h2>
29 <p>Bevor wir loslegen, sammeln wir alle Informationen ein, die der abmahnenden Kanzlei verdeutlichen, warum die Abmahnung unberechtigt ist.</p>
30 <h3 class="block_subtitle">Falsche Annahme der Täterschaft</h3>
31 <p>Der Anschlussinhaber wird in der Abmahnung als Täter angenommen. Dies ist meist inkorrekt.</p>
32 <p>Gibt es Beweise, dass Sie nicht der Täter sind, wählen Sie das entsprechende Häkchen:</p>
33 <ul>
34 <li><input id="alibi_urlaub" type="checkbox">Ich war nachweislich im Urlaub.</input></li>
35 <li><input id="alibi_ausserhalb" type="checkbox">Ich war nachweislich außerhalb Deutschlands.</input></li>
36 <li><input id="alibi_nichtzuhause" type="checkbox">Ich war nachweislich nicht zuhause.</input></li>
37 <li><input id="alibi_keinendgeraet" type="checkbox">Ich besitze keinen internetfähigen Computer.</li>
38 <li><input id="alibi_nichtwohnhaft" type="checkbox">Zum angegebenen Zeitpunkt habe ich an der ermittelten Adresse nicht (mehr) gewohnt.</li>
39 </ul>
40 <h3 class=block_subtitle">Ausschluss der Störerhaftung</h3>
41 <p>Um nicht als Störer in Haftung genommen zu werden, sind Hinweise hilfreich, aus welchem Grund auch eine Störerhaftung nicht in Betracht kommt. Bitte wählen Sie die entsprechenden Häkchen.</p>
42 <ul>
43 <li><input id="alibi_freifunk" type="checkbox">Ich betreibe ein Freifunk-Netzwerk.</input></li>
44 <li><input id="alibi_tornode" type="checkbox">Ich betreibe nachweislich einen Tor-Exit-Node.</input></li>
45 <li><input id="alibi_offeneswifi" type="checkbox">Ich betreibe ein offenes Netzwerk.</input></li>
46 <li><input id="alibi_vorschaltwifi" type="checkbox">Ich betreibe ein offenes Netzwerk mit Vorschaltseite.</input></li>
47 <li><input id="alibi_famile" type="checkbox">Neben mir benutzen mehrere Familienmitglieder mein Netzwerk.</input></li>
48 <li><input id="alibi_nachbarn" type="checkbox">Neben mir benutzen mehrere Nachbarn mein Netzwerk.</input></li>
49 </ul>
50 <p>Achtung: Unrichtige Angaben zum Sachverhalt können Ihnen vor Gericht belastend ausgelegt werden. <b>Wählen Sie daher auf jeden Fall nur die Häkchen aus, die den Tatsachen entsprechen.</b></p>
51 <div>
26 <div><a href="javascript:ausfuellen()" class="button">Debug: pre-fill</a></div> 52 <div><a href="javascript:ausfuellen()" class="button">Debug: pre-fill</a></div>
27
28 <div class="uk-progress">
29 <div class="uk-progress-bar" style="width: 33%;">33%</div>
30 </div>
31
32 <div class="block abgemahnter"> 53 <div class="block abgemahnter">
33 <h2 class="block_titel">Abgemahnter</h2> 54 <h2 class="block_titel">Abgemahnter</h2>
34 55 <p>Hier benötigen wir Ihre Informationen, um das Anschreiben mit einem Absender zu versehen. Bitte fügen Sie Namen und Adresse wie auf der Abmahnung ein.</p>
35 <form class="uk-form"> 56 <ul>
36 <fieldset data-uk-margin> 57 <li><input id="abgemahnter_vorname" type="text" name="vorname" placeholder="Vorname"/></li>
37 <input id="abgemahnter_vorname" type="text" name="vorname" placeholder="Vorname"/> 58 <li><input id="abgemahnter_nachname" type="text" name="nachname" placeholder="Nachname"/></li>
38 <input id="abgemahnter_nachname" type="text" name="nachname" placeholder="Nachname"/> 59 <li><input id="abgemahnter_zusatz" type="text" name="zusatz" placeholder="Zusatz (optional)"/></li>
39 <input id="abgemahnter_zusatz" type="text" name="zusatz" placeholder="Zusatz (optional)"/> 60 <li><input id="abgemahnter_strasse" type="text" name="strasse" placeholder="Straße und Hausnummer"/></li>
40 <input id="abgemahnter_strasse" type="text" name="strasse" placeholder="Strasse und Hausnummer"/> 61 <li><input id="abgemahnter_plz" type="text" name="plz" placeholder="Postleitzahl"/></li>
41 <input id="abgemahnter_plz" type="text" name="plz" placeholder="Postleitzahl"/> 62 <li><input id="abgemahnter_ort" type="text" name="ort" placeholder="Wohnort"/></li>
42 <input id="abgemahnter_ort" type="text" name="ort" placeholder="Wohnort"/> 63 <li><input id="abgemahnter_land" type="text" name="land" placeholder="Land (optional)"/></li>
43 </fieldset> 64 </ul>
44 </form> 65 <p>Datenschutzhinweis: Wir übertragen Ihre Daten nicht ins Internet. Das Antwortschreiben wird auf Ihrem Computer erstellt.</p>
45 66 <p>Wir zählen ausschließlich die Abrufe dieser Webseite und speichern keinerlei Details über die Besucher.</p>
46 </div> 67 </div>
47 <div class="block abmahnender"> 68 <div class="clear block abmahnender">
48 <h2 class="block_titel">Abmahnender</h2> 69 <h2 class="block_titel">Abmahnender</h2>
70 <p>Ist der Abmahner eine der folgenden Kanzleien? Dann können wir die Adresse gleich per Click übernehmen.</p>
71 <button class="w3-btn" onclick="sebastian()">Daniel Sebastian Rechtsanwalt</button>
72 <button class="w3-btn" onclick="fareds()">Fareds Rechtsanwaltsgesellschaft mbH</button>
73 <button class="w3-btn" onclick="rasch()">Rasch Rechtsanwälte</button>
74 <button class="w3-btn" onclick="sasse()">Sasse &amp; Partner</button>
75 <button class="w3-btn" onclick="schulenberg()">Schulenberg &amp; Schenk Rechtsanwälte</button>
76 <button class="w3-btn" onclick="schutt()">Schutt, Waetke Rechtsanwälte</button>
77 <button class="w3-btn" onclick="waldorff()">Waldorff &amp; Frommer</button>
78 <button class="w3-btn" onclick="wesave()">WeSaveYourCopyrights Rechtsanwaltsgesellschaft mbH</button>
79 <p>Andernfalls tragen Sie bitte die Anschrift der Kanzlei ein, von der Sie die Abmahnung erhielten.</p>
49 <ul> 80 <ul>
50 <li><input id="abmahnender_kanzlei" type="text" name="kanzlei" placeholder="Kanzlei"/></li> 81 <li><input id="abmahnender_kanzlei" type="text" name="kanzlei" placeholder="Kanzlei"/></li>
51 <li><input id="abmahnender_bearbeiter" type="text" name="bearbeiter" placeholder="Bearbeiter (optional)"/></li> 82 <li><input id="abmahnender_bearbeiter" type="text" name="bearbeiter" placeholder="Bearbeiter (optional)"/></li>
52 <li><input id="abmahnender_strasse" type="text" name="strasse" placeholder="Strasse und Hausnummer"/></li> 83 <li><input id="abmahnender_strasse" type="text" name="strasse" placeholder="Straße und Hausnummer"/></li>
53 <li><input id="abmahnender_plz" type="text" name="plz" placeholder="Postleitzahl"/></li> 84 <li><input id="abmahnender_plz" type="text" name="plz" placeholder="Postleitzahl"/></li>
54 <li><input id="abmahnender_ort" type="text" name="ort" placeholder="Ort"/></li> 85 <li><input id="abmahnender_ort" type="text" name="ort" placeholder="Ort"/></li>
55 <li><input id="abmahnender_fax" type="text" name="fax" placeholder="Fax"/></li> 86 <li><input id="abmahnender_fax" type="text" name="fax" placeholder="Fax"/></li>
56 </ul> 87 </ul>
57 Bekannte Kanzlei?
58 <button class="w3-btn" onclick="waldorff()">Waldorff &amp; Frommer</button>
59 <button class="w3-btn" onclick="sasse()">Sasse &amp; Partner</button>
60 <button class="w3-btn" onclick="fareds()">Fareds Rechtsanwaltsgesellschaft mbH</button>
61 <button class="w3-btn" onclick="schutt()">Schutt, Waetke Rechtsanwälte</button>
62 <button class="w3-btn" onclick="sebastian()">Daniel Sebastian Rechtsanwalt</button>
63 </div> 88 </div>
64 <div class="block vorgang"> 89 <div class="clear block vorgang">
65 <h2 class="block_title">Vorgang</h2> 90 <h2 class="block_title">Vorgang</h2>
91 <p>Der Abmahner hat Ihnen ein Aktenzeichen zugeordnet. Dies muss im Schreiben auftauchen, um die Antwort der Abmahnung zuordnen zu können.</p>
92 <p>Das Datum der Abmahnung hilft Ihnen später, die Einhaltung der Fristen nachvollziehen zu können. Wir geben es in der Antwort mit an.</p>
66 <ul> 93 <ul>
67 <li><input id="vorgang_aktenzeichen" type="text" name="aktenzeichen" placeholder="(Akten)-Zeichen"/></li> 94 <li><input id="vorgang_aktenzeichen" type="text" name="aktenzeichen" placeholder="(Akten)-Zeichen"/></li>
68 <li><input id="vorgang_detail" type="text" name="detail" placeholder="Beschreibung (optional)"/></li> 95 <li><input id="vorgang_detail" type="text" name="detail" placeholder="Beschreibung (optional)"/></li>
69 <li><input id="vorgang_datum" type="date" name="datum" placeholder="Datum der Abmahnung"/></li> 96 <li><input id="vorgang_datum" type="date" name="datum" placeholder="Datum der Abmahnung"/></li>
70 </ul> 97 </ul>
98 <p>Hinweis: Die vom Abmahner angegebenen Fristen sind meist zu knapp und können ruhig ignoriert werden. Jedoch sollte Ihre Antwort nicht grundlos mehr als 14 Tage nach Eingang der Abmahnung erfolgen.</p>
99 </div>
100 <div class="clear block absenden">
101 <h2 class="block_titel">Fertig!</h2>
102 <p>Wir haben nun alle Informationen, um das Antwortschreiben erzeugen zu können:</p>
103 <button class="w3-btn w3-hover-red" onclick="abmahnbeantworter()">Abmahnung beantworten</button>
104 <p>Drucken Sie das Schreiben aus und schicken Sie es per Post an die abmahnende Kanzlei. Optional können Sie zur Wahrung der Frist das Schreiben auch vorab <span id="faxempfaenger"></span>faxen.</p>
105 </div>
106 <div class="clear block undjetzt">
107 <h2 class="block_titel">Und jetzt?</h2>
108 <p>Nimmt die abmahnende Kanzlei ihre Forderung nicht innerhalb unserer Frist (14 Tage) zurück, steht Ihnen eine gerichtliche Klärung zu.</p>
109 <p>Die Auslagen hierfür können Sie – im Gegensatz zur ersten Antwort auf die Abmahnung – vom Abmahner zurückfordern. Dazu gehören auch die Anwaltskosten.</p>
71 </div> 110 </div>
72 <div class="clear">
73 <h2 class="block_title">Alibis</h2>
74 <ul>
75 <li><input id="alibi_urlaub" type="checkbox">Ich war nachweislich im Urlaub.</input></li>
76 <li><input id="alibi_ausserhalb" type="checkbox">Ich war nachweislich außerhalb Deutschlands.</input></li>
77 <li><input id="alibi_nichtzuhause" type="checkbox">Ich war nachweislich nicht zuhause.</input></li>
78 <li><input id="alibi_freifunk" type="checkbox">Ich betreibe ein Freifunk-Netzwerk.</input></li>
79 <li><input id="alibi_tornode" type="checkbox">Ich betreibe nachweislich einen Tor-Exit-Node.</input></li>
80 <li><input id="alibi_offeneswifi" type="checkbox">Ich betreibe ein offenes Netzwerk.</input></li>
81 <li><input id="alibi_vorschaltwifi" type="checkbox">Ich betreibe ein offenes Netzwerk mit Vorschaltseite.</input></li>
82 <li><input id="alibi_famile" type="checkbox">Neben mir benutzen mehrere Familienmitglieder mein Funknetzwerk.</input></li>
83 <li><input id="alibi_nachbarn" type="checkbox">Neben mir benutzen mehrere Nachbarn mein Funknetzwerk.</input></li>
84 </ul>
85 <div>
86 <!--a href="javascript:abmahnbeantworter()" class="button">fire!</a -->
87 <button class="w3-btn w3-hover-red" onclick="abmahnbeantworter()">Abmahnung beantworten</button>
88 </div> 111 </div>
89 </div> 112 </div>
113 <div class="footer">
114 <p>Ein Projekt des <a href="https://www.ccc.de/">Chaos Computer Club</a> und der <a href="https://freiheitsrechte.org">Gesellschaft für Freiheitsrechte e. V.</a></p>
115 <p>UX: <a href="http://elektrowecker.de/">Pepo</a>, Gestaltung: <a href="http://www.schlicht-und-ergreifend.de">Malik Aziz</a>, Konzept: <a href="https://erdgeist.org/">erdgeist</a>.</p>
116 </div>
90 </body> 117 </body>
91</html> 118</html>
generated by cgit v1.2.3 (git 2.25.1) at 2024-05-17 08:23:31 +0000