summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorerdgeist <erdgeist@bauklotz.fritz.box>2016-08-07 15:01:10 +0200
committererdgeist <erdgeist@bauklotz.fritz.box>2016-08-07 15:01:10 +0200
commitbe65e80a5eb077ff8d9a765852c3ea6a1ff716f3 (patch)
tree11e0464ab8097f36042a728a5e0b86f4388be09f /index.html
parent45d5e6f1878c57709ab2064b46bb9eef5ef770ee (diff)
Animate Schritt-transitions
Diffstat (limited to 'index.html')
-rw-r--r--index.html24
1 files changed, 12 insertions, 12 deletions
diff --git a/index.html b/index.html
index 7835320..576843b 100644
--- a/index.html
+++ b/index.html
@@ -9,10 +9,10 @@
9 <script src="js/abmahn.js"></script> 9 <script src="js/abmahn.js"></script>
10 </head> 10 </head>
11 <body> 11 <body>
12 <div id="wrapper" class="wrapper step1"> 12 <div id="wrapper" class="step1">
13 <div class="collapsable block-step1"> 13 <div class="collapsable block-step1">
14 <div onclick="step0_done()" class="block-header"> 14 <div onclick="step0_done()" class="block-header">
15 <h1>Abmahnbeantworter</h1> 15 <h1 id="head1">Abmahnbeantworter</h1>
16 </div> 16 </div>
17 <div class="juice"> 17 <div class="juice">
18 <p>Sie haben eine Abmahnung für einen Urheberrechtsverstoß erhalten?</p> 18 <p>Sie haben eine Abmahnung für einen Urheberrechtsverstoß erhalten?</p>
@@ -20,12 +20,12 @@
20 <p><strong>Sie sind sicher, diese angebliche Urheberrechtsverletzung nicht begangen zu haben?</strong></p> 20 <p><strong>Sie sind sicher, diese angebliche Urheberrechtsverletzung nicht begangen zu haben?</strong></p>
21 <div class="two-buttons"> 21 <div class="two-buttons">
22 <div class="button button-green" onclick="step1_done()">Ja, los!</div> 22 <div class="button button-green" onclick="step1_done()">Ja, los!</div>
23 <div class="button button-red" onclick="step1_cancel()">Hm, nein.</div> 23 <div class="button button-red" onclick="step0_cancel()">Hm, nein.</div>
24 </div> 24 </div>
25 </div> 25 </div>
26 </div> 26 </div>
27 <div class="collapsable" id="unsicher"> 27 <div class="collapsable block-stepcancel" id="unsicher">
28 <div class="juice block-stepcancel"> 28 <div class="juice">
29 <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> 29 <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>
30 <p>Unrichtige Angaben zum Sachverhalt können Ihnen vor Gericht belastend ausgelegt werden. Dadurch können erhebliche Kosten entstehen.</p> 30 <p>Unrichtige Angaben zum Sachverhalt können Ihnen vor Gericht belastend ausgelegt werden. Dadurch können erhebliche Kosten entstehen.</p>
31 <div class="one-button"> 31 <div class="one-button">
@@ -38,7 +38,7 @@
38 <div class="collapsable block-step2"> 38 <div class="collapsable block-step2">
39 <div onclick="step1_done()" class="block-header"> 39 <div onclick="step1_done()" class="block-header">
40 <div class="done">&#x2713;</div> 40 <div class="done">&#x2713;</div>
41 <h2>Schritt 1: Fakten sammeln</h2> 41 <h2 id="head2">Schritt 1: Fakten sammeln</h2>
42 </div> 42 </div>
43 <div class="juice"> 43 <div class="juice">
44 <p>Bevor wir loslegen, sammeln wir alle Informationen ein, die der abmahnenden Kanzlei verdeutlichen, warum die Abmahnung unberechtigt ist.</p> 44 <p>Bevor wir loslegen, sammeln wir alle Informationen ein, die der abmahnenden Kanzlei verdeutlichen, warum die Abmahnung unberechtigt ist.</p>
@@ -74,7 +74,7 @@
74 <div class="collapsable block-step3"> 74 <div class="collapsable block-step3">
75 <div onclick="step2_done()" class="block-header"> 75 <div onclick="step2_done()" class="block-header">
76 <div class="done">&#x2713;</div> 76 <div class="done">&#x2713;</div>
77 <h2>Schritt 2: Daten des Abgemahnten</h2> 77 <h2 id="head3">Schritt 2: Daten des Abgemahnten</h2>
78 </div> 78 </div>
79 <div class="juice"> 79 <div class="juice">
80 <div><a href="javascript:ausfuellen()" class="button">Debug: pre-fill</a></div> 80 <div><a href="javascript:ausfuellen()" class="button">Debug: pre-fill</a></div>
@@ -100,7 +100,7 @@
100 <div class="collapsable block-step4"> 100 <div class="collapsable block-step4">
101 <div onclick="step3_done()" class="block-header"> 101 <div onclick="step3_done()" class="block-header">
102 <div class="done">&#x2713;</div> 102 <div class="done">&#x2713;</div>
103 <h2>Schritt 3: Daten der Abmahner</h2> 103 <h2 id="head4">Schritt 3: Daten der Abmahner</h2>
104 </div> 104 </div>
105 <div class="juice"> 105 <div class="juice">
106 <p>Ist der Abmahner eine der folgenden Kanzleien? Dann können wir die Adresse gleich per Click übernehmen.</p> 106 <p>Ist der Abmahner eine der folgenden Kanzleien? Dann können wir die Adresse gleich per Click übernehmen.</p>
@@ -130,7 +130,7 @@
130 <div class="collapsable block-step5"> 130 <div class="collapsable block-step5">
131 <div onclick="step4_done()" class="block-header"> 131 <div onclick="step4_done()" class="block-header">
132 <div class="done">&#x2713;</div> 132 <div class="done">&#x2713;</div>
133 <h2>Schritt 4: Aktenzeichen und Datum</h2> 133 <h2 id="head5">Schritt 4: Aktenzeichen und Datum</h2>
134 </div> 134 </div>
135 <div class="juice"> 135 <div class="juice">
136 <p>Der Abmahner hat Ihnen ein Aktenzeichen zugeordnet. Dies muss im Schreiben auftauchen, um die Antwort der Abmahnung zuordnen zu können.</p> 136 <p>Der Abmahner hat Ihnen ein Aktenzeichen zugeordnet. Dies muss im Schreiben auftauchen, um die Antwort der Abmahnung zuordnen zu können.</p>
@@ -150,7 +150,7 @@
150 <div class="collapsable block-step6"> 150 <div class="collapsable block-step6">
151 <div onclick="step5_done()" class="block-header"> 151 <div onclick="step5_done()" class="block-header">
152 <div class="done">&#x2713;</div> 152 <div class="done">&#x2713;</div>
153 <h2>Schritt 5: Antwortschreiben erzeugen</h2> 153 <h2 id="head6">Schritt 5: Antwortschreiben erzeugen</h2>
154 </div> 154 </div>
155 <div class="juice"> 155 <div class="juice">
156 <p>Wir haben nun alle Informationen, um das Antwortschreiben erzeugen zu können:</p> 156 <p>Wir haben nun alle Informationen, um das Antwortschreiben erzeugen zu können:</p>
@@ -160,9 +160,9 @@
160 <p class="hint">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> 160 <p class="hint">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>
161 </div> 161 </div>
162 </div> 162 </div>
163 <div class="hidden collapsable block-step7"> 163 <div class="collapsable block-step7">
164 <div class="block-header"> 164 <div class="block-header">
165 <h2>Und jetzt?</h2> 165 <h2 id="head7">Und jetzt?</h2>
166 </div> 166 </div>
167 <div class="juice"> 167 <div class="juice">
168 <p>Nimmt die abmahnende Kanzlei ihre Forderung nicht innerhalb unserer Frist (14 Tage) zurück, steht Ihnen eine gerichtliche Klärung zu.</p> 168 <p>Nimmt die abmahnende Kanzlei ihre Forderung nicht innerhalb unserer Frist (14 Tage) zurück, steht Ihnen eine gerichtliche Klärung zu.</p>
generated by cgit v1.2.3 (git 2.25.1) at 2025-10-29 21:31:17 +0000