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

Side by Side Diff: backclick.html

Issue 29646555: Issue 6210 - Implement Subscription (Double-opt-in) template for newsletter (Closed)
Patch Set: Add comments to Backclick template Created Dec. 22, 2017, 11:37 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="https://adblockplus.github.io/adblockplusui/skin/abp-logo.sv g" alt="ABP inside 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 <div>
49 <label for="email">Email Address *</label>
50
51 <?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--><!--ALREADY-CON FIRMED--><!--ERROR-->invalid<!--/ERROR--><!--/ALREADY-CONFIRMED-->' required" ma ndatory?>
52
53 <!--ERROR:ROBINSON-->
54 <span class="error-message">
55 Sie sind mit der E-Mail-Adresse<br>
56 '<i><?gis name="eMail" content="form"?></i>' in unserer Robinsonlist e vermerkt und
57 können sich deshalb nicht anmelden!
58 </span>
59 <!--/ERROR:ROBINSON-->
60
61 <!--ERROR:NO-EMAIL-->
62 <span class="error-message">Please enter a valid email address</span>
63 <!--/ERROR:NO-EMAIL-->
64
65 <!--ERROR:INCORRECT-EMAIL-->
66 <span class="error-message">Please enter a valid email address</span>
67 <!--/ERROR:INCORRECT-EMAIL-->
68
69 <!--ALREADY-CONFIRMED--><!--ERROR-->
70 <span class="error-message">This email address is already subscribed</ span>
71 <!--/ERROR--><!--/ALREADY-CONFIRMED-->
72 </div>
73
74 <div>
75 <label for="fullname">Full name</label>
76 <?GIS NACHNAME params="id='fullname'"?>
77 </div>
78
79 <div class="sr-only">
80 <?GIS NEWSLETTER 1 checked?> Adblock Plus newsletter
81 </div>
82
83 <input type="hidden" name="REFRESH" value="../web.html">
84
85 <button type="submit" class="secondary">Sign Up</button>
86 </form>
87 <footer id="page-footer">
88 <a href="https://adblockplus.org/en/privacy" target="_blank">Privacy Pol icy</a>
89 </footer>
90 <!--/NEW-USER-->
91
92 </div>
93 </div>
94 </body>
95 </html>
96
97 <!--**************************************************************************** ***
98 * EMAIL TEMPLATES
99
100 Der folgende Abschnitt beschreibt Elemente der Bestätigungs-eMail.
101 "DOI" steht hierbei für Double-Opt-In. Der potentielle Abonnent bekommt
102 eine eMail zugesendet, die einen Bestätigungs-Link beinhaltet. Dieser
103 Link wird im Abschnitt "BODY" mit dem TAG "$$DOI-LINK$$ gesetzt. Dieser
104 TAG muss enthalten sein, ansonsten kann der Abonnent die Anmeldung nicht
105 bestätigen!
106 Im Abschnitt "TO" kann man über die Notation $$FELDNAME$$ auf Felder
107 zugreifen, die der potentielle Abonnent gerade ausgefüllt hat.
108 Dies kann auch im Abschnitt "SUBJECT" und "BODY" geschehen.
109 Ist eines dieser Felder das Feld Anrede, so können mit der im Kapitel der
110 XML-Schnittstelle
111 beschriebenen Notation "$$männl$weibl$$" geschlechtsspezifische
112 Satzabschnitte
113 eingefügt werden.
114 ****************************************************************************** - ->
115
116 <!--**************************************************************************** ***
117 * Confirm Email Template
118 ****************************************************************************** - ->
119 <!--DOI-EMAIL-->
120 <!--SENDER-EMAIL-->confirm@backclick-test.de<!--/SENDER-EMAIL-->
121 <!--SENDER-NAME-->Adblock Plus<!--/SENDER-NAME-->
122 <!--PRIORITY-->1<!--/PRIORITY-->
123 <!--TO-->$$VORNAME$$ $$NACHNAME$$<!--/TO-->
124 <!--SUBJECT-->Adblock Plus Newsletter Confirmation<!--/SUBJECT-->
125 <!--BODY-->
126 <html>
127 <head>
128 <title>test</title>
129 <style type="text/css">
130 html,body{
131 margin:0;
132 padding:0;
133 height:100%;
134 border:none;
135 font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
136 }
137 </style>
138 </head>
139 <body bgcolor="#EBEBEB">
140 <div style="width:100%;height:100%;background-color:#EBEBEB">
141 <table border="0" cellspacing="0" cellpadding="0" width="600" bgcolor="#D9E1E8" align="center">
142 <tr>
143 <td width="600" height="70">
144 <img src="http://asp.backclick.de/email-header/email-header-anmeldebestaet igung.png">
145 </td>
146 </tr>
147 <tr>
148 <td colspan="2" width="600">
149
150 <table cellpadding="0" border="0" cellspacing="25" width="600">
151 <tr>
152 <td style="color:#003366;" width="600">
153 Sehr $$geehrter$geehrte$geehrte/r$$ $$ANREDE$$ $$NACHNAME$$,<br><br>
154 um Ihre Anmeldung zu vervollständigen, müssen Sie auf den folgenden Link<br>
155 klicken, oder diesen kopieren und in Ihrer Browserzeile einfügen und die entsprechende<br>
156 Seite aufrufen:<br><br>
157
158 $$DOI-LINK$$<br><br>
159
160 Sie werden dann mit folgenden Daten:<br><br>
161 E-Mail: $$EMAIL$$<br>
162 Passwort: $$PASSWORD$$<br>
163 Anrede: $$ANREDE$$<br>
164 Vorname: $$VORNAME$$<br>
165 Nachname: $$NACHNAME$$<br><br>
166
167 <!--SUCCESS:NEW-NEWSLETTER-->für folgende Newsletter:<br><br><!--/SU CCESS:NEW-NEWSLETTER-->
168
169 <!--SUCCESS:NEW-NEWSLETTER-1--> - Newsletter 1<br><!--/SUCCESS:NEW-N EWSLETTER-1-->
170
171 <br>angemeldet.<br><br>
172 </td>
173 </tr>
174 </table>
175 </td>
176 </tr>
177 <tr>
178 <td bgcolor="#3A5775" colspan="2" width="600">
179 <div style="margin-left:25px;margin-top:10px;margin-bottom:10px;font-size: 10pt;color:white">
180 Sollten Sie diese E-Mail ungewollt erhalten haben, bitten wir<br>
181 Sie darum, diese E-Mail einfach zu ignorieren.
182 </div>
183 </td>
184 </tr>
185 </table>
186 </div>
187 </body>
188 </html>
189 <!--/BODY-->
190 <!--TEXT-->
191 Sehr $$geehrter$geehrte$geehrte/r$$ $$ANREDE$$ $$NACHNAME$$,
192 um Ihre Anmeldung zu vervollständigen, müssen Sie auf den folgenden Link
193 klicken, oder diesen kopieren und in Ihrer Browserzeile einfügen und die entspre chende
194 Seite aufrufen:
195
196 $$DOI-LINK$$
197
198 Sie werden dann mit folgenden Daten:
199
200 E-Mail: $$EMAIL$$
201 Passwort: $$PASSWORD$$
202 Anrede: $$ANREDE$$
203 Vorname: $$VORNAME$$
204 Nachname: $$NACHNAME$$
205
206 <!--SUCCESS:NEW-NEWSLETTER-->für folgende Newsletter:<!--/SUCCESS:NEW-NEWSLETTER -->
207
208 <!--SUCCESS:NEW-NEWSLETTER-1--> - Newsletter 1<!--/SUCCESS:NEW-NEWSLETTER-1--><! --SUCCESS:NEW-NEWSLETTER-2-->
209 - Newsletter 2<!--/SUCCESS:NEW-NEWSLETTER-2--><!--SUCCESS:NEW-NEWSLETTER-3-->
210 - Newsletter 3<!--/SUCCESS:NEW-NEWSLETTER-3--><!--SUCCESS:NEW-NEWSLETTER-4-->
211 - Newsletter 3<!--/SUCCESS:NEW-NEWSLETTER-4-->
212
213 angemeldet.
214
215 -----------
216 Sollten Sie diese E-Mail ungewollt erhalten haben, bitten wir
217 Sie darum, diese E-Mail einfach zu ignorieren.
218 <!--/TEXT-->
219 <!--/DOI-EMAIL-->
220
221 <!--**************************************************************************** ***
222 * Subscription Confirmed Template
223 ****************************************************************************** - ->
224 <!--
225 Für den Abschnitt "CONFIRM-EMAIL" gelten die gleichen Regeln, wie für
226 den Abschnitt "DOI"
227 -->
228
229 <!--CONFIRM-EMAIL-->
230 <!--SENDER-NAME-->Adblock Plus<!--/SENDER-NAME-->
231 <!--PRIORITY-->3<!--/PRIORITY-->
232 <!--TO-->$$VORNAME$$ $$NACHNAME$$<!--/TO-->
233 <!--SUBJECT-->Adblock Plus Newsletter Subscription Successful<!--/SUBJECT-->
234 <!--BODY-->
235 <html>
236 <head>
237 <title>test</title>
238 <style type="text/css">
239 html,body{
240 margin:0;
241 padding:0;
242 height:100%;
243 border:none;
244 font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
245 }
246 </style>
247 </head>
248 <body bgcolor="#EBEBEB">
249 <div style="width:100%;height:100%;background-color:#EBEBEB">
250 <table border="0" cellspacing="0" cellpadding="0" width="600" bgcolor="#D9E1E8" align="center">
251 <tr>
252 <td width="600" height="70">
253 <img src="http://asp.backclick.de/email-header/email-header-anmeldung-erfo lgreich.png">
254 </td>
255 </tr>
256 <tr>
257 <td colspan="2" width="600">
258 <table cellpadding="0" border="0" cellspacing="25" width="600">
259 <tr>
260 <td style="color:#003366;" width="600">
261 Sie wurden mit folgenden Daten<br><br>
262
263 E-Mail: $$EMAIL$$<br>
264 Anrede: $$ANREDE$$<br>
265 Vorname: $$VORNAME$$<br>
266 Nachname: $$NACHNAME$$<br>
267 Passwort: $$PASSWORD$$<br><br>
268
269 <!--SUCCESS:NEW-NEWSLETTER-->für folgende Newsletter:<br><br><!--/SU CCESS:NEW-NEWSLETTER-->
270
271 <!--SUCCESS:NEW-NEWSLETTER-1--> - Newsletter 1<br><!--/SUCCESS:NEW-N EWSLETTER-1-->
272 <br>angemeldet.<br><br>
273
274 Viel Vergnügen beim Lesen Ihrer Newsletter wünscht Ihnen<br><br>
275
276 <strong>Ihr Redaktions-Team</strong><br><br>
277 </td>
278 </tr>
279 </table>
280 </td>
281 </tr>
282 <tr>
283 <td bgcolor="#3A5775" colspan="2" width="600">
284 <div style="margin-left:25px;margin-top:10px;margin-bottom:10px;font-size: 10pt;color:white">
285 Sollten Sie diese E-Mail ungewollt erhalten haben, bitten wir<br>
286 Sie darum, diese E-Mail einfach zu ignorieren.
287 </div>
288 </td>
289 </tr>
290 </table>
291 </div>
292 </body>
293 </html>
294 <!--/BODY-->
295 <!--TEXT-->
296 Sehr $$geehrter$geehrte$geehrte/r$$ $$ANREDE$$ $$NACHNAME$$,
297
298 Sie wurden mit folgenden Daten
299
300 E-Mail: $$EMAIL$$
301 Anrede: $$ANREDE$$
302 Vorname: $$VORNAME$$
303 Nachname: $$NACHNAME$$
304 Passwort: $$PASSWORD$$
305
306 <!--SUCCESS:NEW-NEWSLETTER-->für folgende Newsletter:<!--/SUCCESS:NEW-NEWSLETTER -->
307
308 <!--SUCCESS:NEW-NEWSLETTER-1--> - Newsletter 1<!--/SUCCESS:NEW-NEWSLETTER-1--><! --SUCCESS:NEW-NEWSLETTER-2-->
309 - Newsletter 2<!--/SUCCESS:NEW-NEWSLETTER-2--><!--SUCCESS:NEW-NEWSLETTER-3-->
310 - Newsletter 3<!--/SUCCESS:NEW-NEWSLETTER-3--><!--SUCCESS:NEW-NEWSLETTER-4-->
311 - Newsletter 4<!--/SUCCESS:NEW-NEWSLETTER-4-->
312
313 angemeldet.
314
315 Viel Vergnügen beim Lesen Ihrer Newsletter wünscht Ihnen
316
317 Ihr Redaktions-Team
318
319 -----------
320 Sollten Sie diese E-Mail ungewollt erhalten haben, bitten wir
321 Sie darum, diese E-Mail einfach zu ignorieren.
322 <!--/TEXT-->
323 <!--/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