Unified 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.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« .hgignore ('k')
|
default.html » ('j')
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: backclick.html |
| =================================================================== |
| new file mode 100644 |
| --- /dev/null |
| +++ b/backclick.html |
| @@ -0,0 +1,323 @@ |
| +<!doctype html> |
| +<html lang="en" dir="ltr"> |
| +<head> |
| + <!-- Website Defaults Standard Metadata --> |
| + <meta charset="utf-8"> |
| + <meta http-equiv="x-ua-compatible" content="ie=edge"> |
| + <meta name="viewport" content="width=device-width, initial-scale=1"> |
| + <meta charset="utf-8"> |
| + <title>Adblock Plus newsletter signup form</title> |
| + <meta name="description" content="A newsletter sign up form, so users can stay up to date with all things related to Adblock Plus."> |
| + |
| + <!-- Resources --> |
| + <style> |
| + .unstyled,.unstyled *{margin:0 !important;padding:0 !important;border:0 !important;background:none !important;list-style:none !important}.sr-only{position:absolute !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;border:0 !important}.container{width:1140px;max-width:100%;margin-right:auto;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"] .float-end{float:left}.lead{font-size:1.25em}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:left}[dir="rtl"] .text-start{text-align:right}.text-end{text-align:right}[dir="rtl"] .text-end{text-align:left}.full-width{display:block;width:100%}.phone-width{width:auto}.phablet-width{width:540px}.tablet-width{width:720px}.desktop-width{width:960px}.large-desktop-width{width:1140px}html,body,h1,h2,h3,h4,h5,h6,a,p,span,em,small,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,header,hgroup,footer,img,figure,figcaption,address,time,audio,video,canvas,object,iframe,embed,details,summary,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0px;padding:0px;border:0px;font-size:100%;font:inherit;vertical-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:after,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-decoration:underline;cursor:help}sup{position:relative;font-size:75%;vertical-align:super}a,a:visited{color:inherit;background-color:transparent;text-decoration:none;cursor:pointer}a:hover,a:active,a:focus{text-decoration:underline}img{max-width:100%;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,select,textarea{font:inherit}input{overflow:visible}select{text-transform:none}fieldset{display:block}legend{display:table;max-width:100%;white-space:normal}textarea{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:button}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-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}html{background-color:#F3F3F3}@media (min-width: 576px){body{display:table;width:100%;min-height:100vh}}@media (min-width: 576px){.outer-container{display:table-cell;vertical-align:middle}}#page-header{margin-top:2em;margin-bottom:1em}@media (min-width: 576px){#page-header{margin-top:0;margin-bottom:2em;text-align:center}}#page-header 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 img{height:1.5em}@media (min-width: 576px){#page-header figure img{height:2em}}#page-header figure figcaption{padding:0 .5em}#page-header figure strong{font-weight:700}#page-header h1{margin:1em auto .5em}#sign-up,#page-footer{width:100%}@media (min-width: 576px){#sign-up,#page-footer{max-width:320px;margin-right:auto;margin-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-bottom:1em;padding:0 .5em;border:1px solid #CDCDCD}.invalid{border-color:#f44336}.error-message{display:none}.invalid+.error-message{display:block;margin-top:-.5em;margin-bottom:1em;color:#f44336}button{border:0;text-transform:uppercase}.secondary{color:#fff;background-color:#C70D2B} |
| + </style> |
| + |
| +<!--FILTER-COMMENTS--> |
| +</head> |
| +<body> |
| + <div class="outer-container"> |
| + <div class="container phablet-width content"> |
| + |
| + <header id="page-header"> |
| + <figure> |
| + <img src="https://adblockplus.github.io/adblockplusui/skin/abp-logo.svg" alt="ABP inside red octagon"> |
| + <figcaption>Adblock <strong>Plus</strong></figcaption> |
| + </figure> |
| + |
| + <!--NEW-USER--> |
| + <h1 class="lead"><strong>Sign up for the Adblock Plus newsletter</strong></h1> |
| + <p>Stay up to date with all things Adblock Plus</p> |
| + <!--/NEW-USER--> |
| + |
| + <!--UNCONFIRMED--><!--SUCCESS--> |
| + <h1 class="lead"><strong>Confirm your email</strong></h1> |
| + <p>You will now receive a confirmation e-mail.</p> |
| + <!--/SUCCESS--><!--/UNCONFIRMED--> |
| + |
| + <!--CONFIRMED--><!--SUCCESS--> |
| + <h1 class="lead"><strong>Confirmation successful</strong></h1> |
| + <p>You have been successfully signed up for the AdblockPlus newsletter</p> |
| + <!--/SUCCESS--><!--/CONFIRMED--> |
| + </header> |
| + |
| + <!--NEW-USER--> |
| + <form name="abonnenten_anmeldung" action="web.subscribe?tid=14&mid=0" method="post" id="sign-up"> |
| + |
| + <div> |
| + <label for="email">Email Address *</label> |
| + |
| + <?GIS EMAIL params="id='email' type='email' class='<!--ERROR:ROBINSON-->invalid<!--/ERROR:ROBINSON--><!--ERROR:INCORRECT-EMAIL-->invalid<!--/ERROR:INCORRECT-EMAIL--><!--ERROR:NO-EMAIL-->invalid<!--/ERROR:NO-EMAIL--><!--ALREADY-CONFIRMED--><!--ERROR-->invalid<!--/ERROR--><!--/ALREADY-CONFIRMED-->' required" mandatory?> |
| + |
| + <!--ERROR:ROBINSON--> |
| + <span class="error-message"> |
| + Sie sind mit der E-Mail-Adresse<br> |
| + '<i><?gis name="eMail" content="form"?></i>' in unserer Robinsonliste vermerkt und |
| + können sich deshalb nicht anmelden! |
| + </span> |
| + <!--/ERROR:ROBINSON--> |
| + |
| + <!--ERROR:NO-EMAIL--> |
| + <span class="error-message">Please enter a valid email address</span> |
| + <!--/ERROR:NO-EMAIL--> |
| + |
| + <!--ERROR:INCORRECT-EMAIL--> |
| + <span class="error-message">Please enter a valid email address</span> |
| + <!--/ERROR:INCORRECT-EMAIL--> |
| + |
| + <!--ALREADY-CONFIRMED--><!--ERROR--> |
| + <span class="error-message">This email address is already subscribed</span> |
| + <!--/ERROR--><!--/ALREADY-CONFIRMED--> |
| + </div> |
| + |
| + <div> |
| + <label for="fullname">Full name</label> |
| + <?GIS NACHNAME params="id='fullname'"?> |
| + </div> |
| + |
| + <div class="sr-only"> |
| + <?GIS NEWSLETTER 1 checked?> Adblock Plus newsletter |
| + </div> |
| + |
| + <input type="hidden" name="REFRESH" value="../web.html"> |
| + |
| + <button type="submit" class="secondary">Sign Up</button> |
| + </form> |
| + <footer id="page-footer"> |
| + <a href="https://adblockplus.org/en/privacy" target="_blank">Privacy Policy</a> |
| + </footer> |
| + <!--/NEW-USER--> |
| + |
| + </div> |
| + </div> |
| +</body> |
| +</html> |
| + |
| +<!--******************************************************************************* |
| +* EMAIL TEMPLATES |
| + |
| +Der folgende Abschnitt beschreibt Elemente der Bestätigungs-eMail. |
| +"DOI" steht hierbei für Double-Opt-In. Der potentielle Abonnent bekommt |
| +eine eMail zugesendet, die einen Bestätigungs-Link beinhaltet. Dieser |
| +Link wird im Abschnitt "BODY" mit dem TAG "$$DOI-LINK$$ gesetzt. Dieser |
| +TAG muss enthalten sein, ansonsten kann der Abonnent die Anmeldung nicht |
| +bestätigen! |
| +Im Abschnitt "TO" kann man über die Notation $$FELDNAME$$ auf Felder |
| +zugreifen, die der potentielle Abonnent gerade ausgefüllt hat. |
| +Dies kann auch im Abschnitt "SUBJECT" und "BODY" geschehen. |
| +Ist eines dieser Felder das Feld Anrede, so können mit der im Kapitel der |
| +XML-Schnittstelle |
| +beschriebenen Notation "$$männl$weibl$$" geschlechtsspezifische |
| +Satzabschnitte |
| +eingefügt werden. |
| +****************************************************************************** --> |
| + |
| +<!--******************************************************************************* |
| +* Confirm Email Template |
| +****************************************************************************** --> |
| +<!--DOI-EMAIL--> |
| +<!--SENDER-EMAIL-->confirm@backclick-test.de<!--/SENDER-EMAIL--> |
| +<!--SENDER-NAME-->Adblock Plus<!--/SENDER-NAME--> |
| +<!--PRIORITY-->1<!--/PRIORITY--> |
| +<!--TO-->$$VORNAME$$ $$NACHNAME$$<!--/TO--> |
| +<!--SUBJECT-->Adblock Plus Newsletter Confirmation<!--/SUBJECT--> |
| +<!--BODY--> |
| +<html> |
| +<head> |
| +<title>test</title> |
| +<style type="text/css"> |
| +html,body{ |
| + margin:0; |
| + padding:0; |
| + height:100%; |
| + border:none; |
| + font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; |
| +} |
| +</style> |
| +</head> |
| +<body bgcolor="#EBEBEB"> |
| +<div style="width:100%;height:100%;background-color:#EBEBEB"> |
| +<table border="0" cellspacing="0" cellpadding="0" width="600" bgcolor="#D9E1E8" align="center"> |
| + <tr> |
| + <td width="600" height="70"> |
| + <img src="http://asp.backclick.de/email-header/email-header-anmeldebestaetigung.png"> |
| + </td> |
| + </tr> |
| + <tr> |
| + <td colspan="2" width="600"> |
| + |
| + <table cellpadding="0" border="0" cellspacing="25" width="600"> |
| + <tr> |
| + <td style="color:#003366;" width="600"> |
| + Sehr $$geehrter$geehrte$geehrte/r$$ $$ANREDE$$ $$NACHNAME$$,<br><br> |
| + um Ihre Anmeldung zu vervollständigen, müssen Sie auf den folgenden Link<br> |
| + klicken, oder diesen kopieren und in Ihrer Browserzeile einfügen und die entsprechende<br> |
| + Seite aufrufen:<br><br> |
| + |
| + $$DOI-LINK$$<br><br> |
| + |
| + Sie werden dann mit folgenden Daten:<br><br> |
| + E-Mail: $$EMAIL$$<br> |
| + Passwort: $$PASSWORD$$<br> |
| + Anrede: $$ANREDE$$<br> |
| + Vorname: $$VORNAME$$<br> |
| + Nachname: $$NACHNAME$$<br><br> |
| + |
| + <!--SUCCESS:NEW-NEWSLETTER-->für folgende Newsletter:<br><br><!--/SUCCESS:NEW-NEWSLETTER--> |
| + |
| + <!--SUCCESS:NEW-NEWSLETTER-1--> - Newsletter 1<br><!--/SUCCESS:NEW-NEWSLETTER-1--> |
| + |
| + <br>angemeldet.<br><br> |
| + </td> |
| + </tr> |
| + </table> |
| + </td> |
| + </tr> |
| + <tr> |
| + <td bgcolor="#3A5775" colspan="2" width="600"> |
| + <div style="margin-left:25px;margin-top:10px;margin-bottom:10px;font-size:10pt;color:white"> |
| + Sollten Sie diese E-Mail ungewollt erhalten haben, bitten wir<br> |
| + Sie darum, diese E-Mail einfach zu ignorieren. |
| + </div> |
| + </td> |
| + </tr> |
| +</table> |
| +</div> |
| +</body> |
| +</html> |
| +<!--/BODY--> |
| +<!--TEXT--> |
| +Sehr $$geehrter$geehrte$geehrte/r$$ $$ANREDE$$ $$NACHNAME$$, |
| +um Ihre Anmeldung zu vervollständigen, müssen Sie auf den folgenden Link |
| +klicken, oder diesen kopieren und in Ihrer Browserzeile einfügen und die entsprechende |
| +Seite aufrufen: |
| + |
| +$$DOI-LINK$$ |
| + |
| +Sie werden dann mit folgenden Daten: |
| + |
| +E-Mail: $$EMAIL$$ |
| +Passwort: $$PASSWORD$$ |
| +Anrede: $$ANREDE$$ |
| +Vorname: $$VORNAME$$ |
| +Nachname: $$NACHNAME$$ |
| + |
| +<!--SUCCESS:NEW-NEWSLETTER-->für folgende Newsletter:<!--/SUCCESS:NEW-NEWSLETTER--> |
| + |
| +<!--SUCCESS:NEW-NEWSLETTER-1--> - Newsletter 1<!--/SUCCESS:NEW-NEWSLETTER-1--><!--SUCCESS:NEW-NEWSLETTER-2--> |
| +- Newsletter 2<!--/SUCCESS:NEW-NEWSLETTER-2--><!--SUCCESS:NEW-NEWSLETTER-3--> |
| +- Newsletter 3<!--/SUCCESS:NEW-NEWSLETTER-3--><!--SUCCESS:NEW-NEWSLETTER-4--> |
| +- Newsletter 3<!--/SUCCESS:NEW-NEWSLETTER-4--> |
| + |
| +angemeldet. |
| + |
| +----------- |
| +Sollten Sie diese E-Mail ungewollt erhalten haben, bitten wir |
| +Sie darum, diese E-Mail einfach zu ignorieren. |
| +<!--/TEXT--> |
| +<!--/DOI-EMAIL--> |
| + |
| +<!--******************************************************************************* |
| +* Subscription Confirmed Template |
| +****************************************************************************** --> |
| +<!-- |
| +Für den Abschnitt "CONFIRM-EMAIL" gelten die gleichen Regeln, wie für |
| +den Abschnitt "DOI" |
| +--> |
| + |
| +<!--CONFIRM-EMAIL--> |
| +<!--SENDER-NAME-->Adblock Plus<!--/SENDER-NAME--> |
| +<!--PRIORITY-->3<!--/PRIORITY--> |
| +<!--TO-->$$VORNAME$$ $$NACHNAME$$<!--/TO--> |
| +<!--SUBJECT-->Adblock Plus Newsletter Subscription Successful<!--/SUBJECT--> |
| +<!--BODY--> |
| +<html> |
| +<head> |
| +<title>test</title> |
| +<style type="text/css"> |
| +html,body{ |
| + margin:0; |
| + padding:0; |
| + height:100%; |
| + border:none; |
| + font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; |
| +} |
| +</style> |
| +</head> |
| +<body bgcolor="#EBEBEB"> |
| +<div style="width:100%;height:100%;background-color:#EBEBEB"> |
| +<table border="0" cellspacing="0" cellpadding="0" width="600" bgcolor="#D9E1E8" align="center"> |
| + <tr> |
| + <td width="600" height="70"> |
| + <img src="http://asp.backclick.de/email-header/email-header-anmeldung-erfolgreich.png"> |
| + </td> |
| + </tr> |
| + <tr> |
| + <td colspan="2" width="600"> |
| + <table cellpadding="0" border="0" cellspacing="25" width="600"> |
| + <tr> |
| + <td style="color:#003366;" width="600"> |
| + Sie wurden mit folgenden Daten<br><br> |
| + |
| + E-Mail: $$EMAIL$$<br> |
| + Anrede: $$ANREDE$$<br> |
| + Vorname: $$VORNAME$$<br> |
| + Nachname: $$NACHNAME$$<br> |
| + Passwort: $$PASSWORD$$<br><br> |
| + |
| + <!--SUCCESS:NEW-NEWSLETTER-->für folgende Newsletter:<br><br><!--/SUCCESS:NEW-NEWSLETTER--> |
| + |
| + <!--SUCCESS:NEW-NEWSLETTER-1--> - Newsletter 1<br><!--/SUCCESS:NEW-NEWSLETTER-1--> |
| + <br>angemeldet.<br><br> |
| + |
| + Viel Vergnügen beim Lesen Ihrer Newsletter wünscht Ihnen<br><br> |
| + |
| + <strong>Ihr Redaktions-Team</strong><br><br> |
| + </td> |
| + </tr> |
| + </table> |
| + </td> |
| + </tr> |
| + <tr> |
| + <td bgcolor="#3A5775" colspan="2" width="600"> |
| + <div style="margin-left:25px;margin-top:10px;margin-bottom:10px;font-size:10pt;color:white"> |
| + Sollten Sie diese E-Mail ungewollt erhalten haben, bitten wir<br> |
| + Sie darum, diese E-Mail einfach zu ignorieren. |
| + </div> |
| + </td> |
| + </tr> |
| +</table> |
| +</div> |
| +</body> |
| +</html> |
| +<!--/BODY--> |
| +<!--TEXT--> |
| +Sehr $$geehrter$geehrte$geehrte/r$$ $$ANREDE$$ $$NACHNAME$$, |
| + |
| +Sie wurden mit folgenden Daten |
| + |
| +E-Mail: $$EMAIL$$ |
| +Anrede: $$ANREDE$$ |
| +Vorname: $$VORNAME$$ |
| +Nachname: $$NACHNAME$$ |
| +Passwort: $$PASSWORD$$ |
| + |
| +<!--SUCCESS:NEW-NEWSLETTER-->für folgende Newsletter:<!--/SUCCESS:NEW-NEWSLETTER--> |
| + |
| +<!--SUCCESS:NEW-NEWSLETTER-1--> - Newsletter 1<!--/SUCCESS:NEW-NEWSLETTER-1--><!--SUCCESS:NEW-NEWSLETTER-2--> |
| +- Newsletter 2<!--/SUCCESS:NEW-NEWSLETTER-2--><!--SUCCESS:NEW-NEWSLETTER-3--> |
| +- Newsletter 3<!--/SUCCESS:NEW-NEWSLETTER-3--><!--SUCCESS:NEW-NEWSLETTER-4--> |
| +- Newsletter 4<!--/SUCCESS:NEW-NEWSLETTER-4--> |
| + |
| +angemeldet. |
| + |
| +Viel Vergnügen beim Lesen Ihrer Newsletter wünscht Ihnen |
| + |
| +Ihr Redaktions-Team |
| + |
| +----------- |
| +Sollten Sie diese E-Mail ungewollt erhalten haben, bitten wir |
| +Sie darum, diese E-Mail einfach zu ignorieren. |
| +<!--/TEXT--> |
| +<!--/CONFIRM-EMAIL--> |
« no previous file with comments
|
« .hgignore ('k')
|
default.html » ('j')
|
no next file with comments »
