Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code
Issues
All Issues

Side by Side Diff: backclick.html

Issue 29646555: Issue 6210 - Implement Subscription (Double-opt-in) template for newsletter (Closed)
Patch Set: Addressed comments #4 and #5 Created Dec. 22, 2017, 10:39 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « .hgignore ('k') | default.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!doctype html>
2 <html lang="en" dir="ltr">
3 <head>
4 <!-- Website Defaults Standard Metadata -->
5 <meta charset="utf-8">
6 <meta http-equiv="x-ua-compatible" content="ie=edge">
7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 <meta charset="utf-8">
9 <title>Adblock Plus newsletter signup form</title>
10 <meta name="description" content="A newsletter sign up form, so users can stay up to date with all things related to Adblock Plus.">
11
12 <!-- Resources -->
13 <style>
14 .unstyled,.unstyled *{margin:0 !important;padding:0 !important;border:0 !imp ortant;background:none !important;list-style:none !important}.sr-only{position:a bsolute !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;w idth:1px !important;height:1px !important;margin:-1px !important;padding:0 !impo rtant;border:0 !important}.container{width:1140px;max-width:100%;margin-right:au to;margin-left:auto;padding-right:1em;padding-left:1em}.clearfix:after,.clearfix :before{display:table;content:" "}.clearfix:after{clear:both}.float-start{float: left}[dir="rtl"] .float-start{float:right}.float-end{float:right}[dir="rtl"] .fl oat-end{float:left}.lead{font-size:1.25em}.text-center{text-align:center}.text-l eft{text-align:left}.text-right{text-align:right}.text-start{text-align:left}[di r="rtl"] .text-start{text-align:right}.text-end{text-align:right}[dir="rtl"] .te xt-end{text-align:left}.full-width{display:block;width:100%}.phone-width{width:a uto}.phablet-width{width:540px}.tablet-width{width:720px}.desktop-width{width:96 0px}.large-desktop-width{width:1140px}html,body,h1,h2,h3,h4,h5,h6,a,p,span,em,sm all,strong,sub,sup,strike,s,mark,del,ins,abbr,dfn,blockquote,q,cite,code,pre,kbd ,samp,var,output,ruby,ol,ul,li,dl,dt,dd,div,section,article,main,aside,nav,heade r,hgroup,footer,img,figure,figcaption,address,time,audio,video,canvas,object,ifr ame,embed,details,summary,fieldset,form,label,legend,table,caption,tbody,tfoot,t head,tr,th,td{margin:0px;padding:0px;border:0px;font-size:100%;font:inherit;vert ical-align:baseline}article,aside,footer,header,nav,section,main{display:block}* ,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}body{margin:0px} ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:afte r,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border -spacing:0}b,strong{font-weight:bolder}small{font-size:smaller}abbr{text-decorat ion:underline;cursor:help}sup{position:relative;font-size:75%;vertical-align:sup er}a,a:visited{color:inherit;background-color:transparent;text-decoration:none;c ursor:pointer}a:hover,a:active,a:focus{text-decoration:underline}img{max-width:1 00%;border-style:none}[hidden]{display:none}html{color:#212121;background-color: #fff;font-family:"Source Sans Pro",sans-serif;line-height:1.5}input,optgroup,sel ect,textarea{font:inherit}input{overflow:visible}select{text-transform:none}fiel dset{display:block}legend{display:table;max-width:100%;white-space:normal}textar ea{overflow:auto}[type="checkbox"],[type="radio"]{padding:0px}button{margin:0px; color:inherit;font:inherit;overflow:visible;border-radius:0;text-transform:none} button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:bu tton}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]:: -moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0px;border-style:none }button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusr ing,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}html{background -color:#F3F3F3}@media (min-width: 576px){body{display:table;width:100%;min-heigh t:100vh}}@media (min-width: 576px){.outer-container{display:table-cell;vertical- align:middle}}#page-header{margin-top:2em;margin-bottom:1em}@media (min-width: 5 76px){#page-header{margin-top:0;margin-bottom:2em;text-align:center}}#page-heade r figure{display:inline-table;font-size:1.5em;font-weight:300}@media (min-width: 576px){#page-header figure{font-size:2em}}#page-header figure img,#page-header figure figcaption{display:table-cell;vertical-align:middle}#page-header figure i mg{height:1.5em}@media (min-width: 576px){#page-header figure img{height:2em}}#p age-header figure figcaption{padding:0 .5em}#page-header figure strong{font-weig ht:700}#page-header h1{margin:1em auto .5em}#sign-up,#page-footer{width:100%}@me dia (min-width: 576px){#sign-up,#page-footer{max-width:320px;margin-right:auto;m argin-left:auto}}#page-footer{margin-top:1em;text-align:center}@media (min-width : 576px){#page-footer{text-align:left}}a,a:visited{color:#077CA6;text-decoration :underline}input,button{width:100%;height:2.6em;border-radius:4px}input{margin-b ottom:1em;padding:0 .5em;border:1px solid #CDCDCD}.invalid{border-color:#f44336} .error-message{display:none}.invalid+.error-message{display:block;margin-top:-.5 em;margin-bottom:1em;color:#f44336}button{border:0;text-transform:uppercase}.sec ondary{color:#fff;background-color:#C70D2B}
15 </style>
16
17 <!--FILTER-COMMENTS-->
18 </head>
19 <body>
20 <div class="outer-container">
21 <div class="container phablet-width content">
22
23 <header id="page-header">
24 <figure>
25 <img src="img/abp-logo.png" srcset="img/abp-logo.svg 2x" alt="ABP insi de red octagon">
26 <figcaption>Adblock <strong>Plus</strong></figcaption>
27 </figure>
28
29 <!--NEW-USER-->
30 <h1 class="lead"><strong>Sign up for the Adblock Plus newsletter</strong ></h1>
31 <p>Stay up to date with all things Adblock Plus</p>
32 <!--/NEW-USER-->
33
34 <!--UNCONFIRMED--><!--SUCCESS-->
35 <h1 class="lead"><strong>Confirm your email</strong></h1>
36 <p>You will now receive a confirmation e-mail.</p>
37 <!--/SUCCESS--><!--/UNCONFIRMED-->
38
39 <!--CONFIRMED--><!--SUCCESS-->
40 <h1 class="lead"><strong>Confirmation successful</strong></h1>
41 <p>You have been successfully signed up for the AdblockPlus newsletter</ p>
42 <!--/SUCCESS--><!--/CONFIRMED-->
43 </header>
44
45 <!--NEW-USER-->
46 <form name="abonnenten_anmeldung" action="web.subscribe?tid=14&mid=0" meth od="post" id="sign-up">
47
48
49 <div>
50 <label for="email">Email Address *</label>
51 <span class="error-message">Please enter a valid email address</span>
52
53 <?GIS EMAIL params="id='email' type='email' class='<!--ERROR:ROBINSON- ->invalid<!--/ERROR:ROBINSON--><!--ERROR:INCORRECT-EMAIL-->invalid<!--/ERROR:INC ORRECT-EMAIL--><!--ERROR:NO-EMAIL-->invalid<!--/ERROR:NO-EMAIL-->' required" man datory?>
54
55 <!--ERROR:ROBINSON-->
56 <span class="error-message">
57 Sie sind mit der E-Mail-Adresse<br>
58 '<i><?gis name="eMail" content="form"?></i>' in unserer Robinsonlist e vermerkt und
59 können sich deshalb nicht anmelden!
60 </span>
61 <!--/ERROR:ROBINSON-->
62
63 <!--ERROR:NO-EMAIL-->
64 <span class="error-message">Please enter a valid email address</span>
65 <!--/ERROR:NO-EMAIL-->
66
67 <!--ERROR:INCORRECT-EMAIL-->
68 <span class="error-message">Please enter a valid email address</span>
69 <!--/ERROR:INCORRECT-EMAIL-->
70 </div>
71
72 <div>
73 <label for="fullname">Full name</label>
74 <?GIS NACHNAME params="id='fullname'"?>
75 </div>
76
77 <div class="sr-only">
78 <?GIS NEWSLETTER 1 checked?> Adblock Plus newsletter
79 </div>
80
81 <input type="hidden" name="REFRESH" value="../web.html">
82
83 <button type="submit" class="secondary">Sign Up</button>
84 </form>
85 <footer id="page-footer">
86 <a href="https://adblockplus.org/en/privacy" target="_blank">Privacy Pol icy</a>
87 </footer>
88 <!--/NEW-USER-->
89
90 </div>
91 </div>
92 </body>
93 </html>
94
95 <!--
96 Der folgende Abschnitt beschreibt Elemente der Bestätigungs-eMail.
97 "DOI" steht hierbei für Double-Opt-In. Der potentielle Abonnent bekommt
98 eine eMail zugesendet, die einen Bestätigungs-Link beinhaltet. Dieser
99 Link wird im Abschnitt "BODY" mit dem TAG "$$DOI-LINK$$ gesetzt. Dieser
100 TAG muss enthalten sein, ansonsten kann der Abonnent die Anmeldung nicht
101 bestätigen!
102 Im Abschnitt "TO" kann man über die Notation $$FELDNAME$$ auf Felder
103 zugreifen, die der potentielle Abonnent gerade ausgefüllt hat.
104 Dies kann auch im Abschnitt "SUBJECT" und "BODY" geschehen.
105 Ist eines dieser Felder das Feld Anrede, so können mit der im Kapitel der
106 XML-Schnittstelle
107 beschriebenen Notation "$$männl$weibl$$" geschlechtsspezifische
108 Satzabschnitte
109 eingefügt werden.
110 -->
111
112 <!--DOI-EMAIL-->
113 <!--SENDER-EMAIL-->confirm@backclick-test.de<!--/SENDER-EMAIL-->
114 <!--SENDER-NAME-->Anmeldung bestätigen<!--/SENDER-NAME-->
115 <!--PRIORITY-->1<!--/PRIORITY-->
116 <!--TO-->$$VORNAME$$ $$NACHNAME$$<!--/TO-->
117 <!--SUBJECT-->Backclick Anmeldebestätigung<!--/SUBJECT-->
118 <!--BODY-->
119 <html>
120 <head>
121 <title>test</title>
122 <style type="text/css">
123 html,body{
124 margin:0;
125 padding:0;
126 height:100%;
127 border:none;
128 font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
129 }
130 </style>
131 </head>
132 <body bgcolor="#EBEBEB">
133 <div style="width:100%;height:100%;background-color:#EBEBEB">
134 <table border="0" cellspacing="0" cellpadding="0" width="600" bgcolor="#D9E1 E8" align="center">
135 <tr>
136 <td width="600" height="70">
137 <img src="http://asp.backclick.de/email-header/email-header-anmeldebest aetigung.png">
138 </td>
139 </tr>
140 <tr>
141 <td colspan="2" width="600">
142
143 <table cellpadding="0" border="0" cellspacing="25" width="600">
144 <tr>
145 <td style="color:#003366;" width="600">
146 Sehr $$geehrter$geehrte$geehrte/r$$ $$ANREDE$$ $$NACHNAME$$,<br>< br>
147 um Ihre Anmeldung zu vervollständigen, müssen Sie auf den folgend en Link<br>
148 klicken, oder diesen kopieren und in Ihrer Browserzeile einfügen und die entsprechende<br>
149 Seite aufrufen:<br><br>
150
151 $$DOI-LINK$$<br><br>
152
153 Sie werden dann mit folgenden Daten:<br><br>
154 E-Mail: $$EMAIL$$<br>
155 Passwort: $$PASSWORD$$<br>
156 Anrede: $$ANREDE$$<br>
157 Vorname: $$VORNAME$$<br>
158 Nachname: $$NACHNAME$$<br><br>
159
160 <!--SUCCESS:NEW-NEWSLETTER-->für folgende Newsletter:<br><br><!-- /SUCCESS:NEW-NEWSLETTER-->
161
162 <!--SUCCESS:NEW-NEWSLETTER-1--> - Newsletter 1<br><!--/SUCCESS:NE W-NEWSLETTER-1-->
163 <!--SUCCESS:NEW-NEWSLETTER-2--> - Newsletter 2<br><!--/SUCCESS:NE W-NEWSLETTER-2-->
164 <!--SUCCESS:NEW-NEWSLETTER-3--> - Newsletter 3<br><!--/SUCCESS:NE W-NEWSLETTER-3-->
165 <!--SUCCESS:NEW-NEWSLETTER-4--> - Newsletter 4<br><!--/SUCCESS:NE W-NEWSLETTER-4-->
166
167 <br>angemeldet.<br><br>
168 </td>
169 </tr>
170 </table>
171 </td>
172 </tr>
173 <tr>
174 <td bgcolor="#3A5775" colspan="2" width="600">
175 <div style="margin-left:25px;margin-top:10px;margin-bottom:10px;font-si ze:10pt;color:white">
176 Sollten Sie diese E-Mail ungewollt erhalten haben, bitten wir<br>
177 Sie darum, diese E-Mail einfach zu ignorieren.
178 </div>
179 </td>
180 </tr>
181 </table>
182 </div>
183 </body>
184 </html>
185 <!--/BODY-->
186 <!--TEXT-->
187 Sehr $$geehrter$geehrte$geehrte/r$$ $$ANREDE$$ $$NACHNAME$$,
188 um Ihre Anmeldung zu vervollständigen, müssen Sie auf den folgenden Link
189 klicken, oder diesen kopieren und in Ihrer Browserzeile einfügen und die ent sprechende
190 Seite aufrufen:
191
192 $$DOI-LINK$$
193
194 Sie werden dann mit folgenden Daten:
195
196 E-Mail: $$EMAIL$$
197 Passwort: $$PASSWORD$$
198 Anrede: $$ANREDE$$
199 Vorname: $$VORNAME$$
200 Nachname: $$NACHNAME$$
201
202 <!--SUCCESS:NEW-NEWSLETTER-->für folgende Newsletter:<!--/SUCCESS:NEW-NEWSLE TTER-->
203
204 <!--SUCCESS:NEW-NEWSLETTER-1--> - Newsletter 1<!--/SUCCESS:NEW-NEWSLETTER-1- -><!--SUCCESS:NEW-NEWSLETTER-2-->
205 - Newsletter 2<!--/SUCCESS:NEW-NEWSLETTER-2--><!--SUCCESS:NEW-NEWSLETTER-3-- >
206 - Newsletter 3<!--/SUCCESS:NEW-NEWSLETTER-3--><!--SUCCESS:NEW-NEWSLETTER-4-- >
207 - Newsletter 3<!--/SUCCESS:NEW-NEWSLETTER-4-->
208
209 angemeldet.
210
211 -----------
212 Sollten Sie diese E-Mail ungewollt erhalten haben, bitten wir
213 Sie darum, diese E-Mail einfach zu ignorieren.
214 <!--/TEXT-->
215 <!--/DOI-EMAIL-->
216
217 <!--
218 Für den Abschnitt "CONFIRM-EMAIL" gelten die gleichen Regeln, wie für
219 den Abschnitt "DOI"
220 -->
221
222 <!--CONFIRM-EMAIL-->
223 <!--SENDER-NAME-->Erfolgreich angemeldet<!--/SENDER-NAME-->
224 <!--PRIORITY-->3<!--/PRIORITY-->
225 <!--TO-->$$VORNAME$$ $$NACHNAME$$<!--/TO-->
226 <!--SUBJECT-->Sie wurden erfolgreich angemeldet<!--/SUBJECT-->
227 <!--BODY-->
228 <html>
229 <head>
230 <title>test</title>
231 <style type="text/css">
232 html,body{
233 margin:0;
234 padding:0;
235 height:100%;
236 border:none;
237 font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
238 }
239 </style>
240 </head>
241 <body bgcolor="#EBEBEB">
242 <div style="width:100%;height:100%;background-color:#EBEBEB">
243 <table border="0" cellspacing="0" cellpadding="0" width="600" bgcolor="#D9E1 E8" align="center">
244 <tr>
245 <td width="600" height="70">
246 <img src="http://asp.backclick.de/email-header/email-header-anmeldung-e rfolgreich.png">
247 </td>
248 </tr>
249 <tr>
250 <td colspan="2" width="600">
251 <table cellpadding="0" border="0" cellspacing="25" width="600">
252 <tr>
253 <td style="color:#003366;" width="600">
254 Sie wurden mit folgenden Daten<br><br>
255
256 E-Mail: $$EMAIL$$<br>
257 Anrede: $$ANREDE$$<br>
258 Vorname: $$VORNAME$$<br>
259 Nachname: $$NACHNAME$$<br>
260 Passwort: $$PASSWORD$$<br><br>
261
262 <!--SUCCESS:NEW-NEWSLETTER-->für folgende Newsletter:<br><br><!-- /SUCCESS:NEW-NEWSLETTER-->
263
264 <!--SUCCESS:NEW-NEWSLETTER-1--> - Newsletter 1<br><!--/SUCCESS:NE W-NEWSLETTER-1-->
265 <!--SUCCESS:NEW-NEWSLETTER-2--> - Newsletter 2<br><!--/SUCCESS:NE W-NEWSLETTER-2-->
266 <!--SUCCESS:NEW-NEWSLETTER-3--> - Newsletter 3<br><!--/SUCCESS:NE W-NEWSLETTER-3-->
267 <!--SUCCESS:NEW-NEWSLETTER-4--> - Newsletter 4<br><!--/SUCCESS:NE W-NEWSLETTER-4-->
268 <br>angemeldet.<br><br>
269
270 Viel Vergnügen beim Lesen Ihrer Newsletter wünscht Ihnen<br><br>
271
272 <strong>Ihr Redaktions-Team</strong><br><br>
273 </td>
274 </tr>
275 </table>
276 </td>
277 </tr>
278 <tr>
279 <td bgcolor="#3A5775" colspan="2" width="600">
280 <div style="margin-left:25px;margin-top:10px;margin-bottom:10px;font-si ze:10pt;color:white">
281 Sollten Sie diese E-Mail ungewollt erhalten haben, bitten wir<br>
282 Sie darum, diese E-Mail einfach zu ignorieren.
283 </div>
284 </td>
285 </tr>
286 </table>
287 </div>
288 </body>
289 </html>
290 <!--/BODY-->
291 <!--TEXT-->
292 Sehr $$geehrter$geehrte$geehrte/r$$ $$ANREDE$$ $$NACHNAME$$,
293
294 Sie wurden mit folgenden Daten
295
296 E-Mail: $$EMAIL$$
297 Anrede: $$ANREDE$$
298 Vorname: $$VORNAME$$
299 Nachname: $$NACHNAME$$
300 Passwort: $$PASSWORD$$
301
302 <!--SUCCESS:NEW-NEWSLETTER-->für folgende Newsletter:<!--/SUCCESS:NEW-NEWSLE TTER-->
303
304 <!--SUCCESS:NEW-NEWSLETTER-1--> - Newsletter 1<!--/SUCCESS:NEW-NEWSLETTER-1- -><!--SUCCESS:NEW-NEWSLETTER-2-->
305 - Newsletter 2<!--/SUCCESS:NEW-NEWSLETTER-2--><!--SUCCESS:NEW-NEWSLETTER-3-- >
306 - Newsletter 3<!--/SUCCESS:NEW-NEWSLETTER-3--><!--SUCCESS:NEW-NEWSLETTER-4-- >
307 - Newsletter 4<!--/SUCCESS:NEW-NEWSLETTER-4-->
308
309 angemeldet.
310
311 Viel Vergnügen beim Lesen Ihrer Newsletter wünscht Ihnen
312
313 Ihr Redaktions-Team
314
315 -----------
316 Sollten Sie diese E-Mail ungewollt erhalten haben, bitten wir
317 Sie darum, diese E-Mail einfach zu ignorieren.
318 <!--/TEXT-->
319 <!--/CONFIRM-EMAIL-->
OLDNEW
« no previous file with comments | « .hgignore ('k') | default.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld