Side by Side Diff: backclick.html
Issue 29646555:
Issue 6210 - Implement Subscription (Double-opt-in) template for newsletter (Closed)
Patch Set:
Created Dec. 21, 2017, 11:25 a.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« .hgignore ('k')
|
default.html » ('j')
|
index.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!doctype html> | |
| 2 <html lang="en" dir="ltr"> | |
| 3 <head> | |
| 4 <meta charset="utf-8"> | |
| 5 <title>Adblock Plus newsletter signup form</title> | |
| 6 <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 7 <style> | |
| 8 .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}.bg-primary{color:#fff;background-color:#000}.bg-secon dary{color:#eee;background-color:#424242}.bg-accent{color:#e3f2fd;background-col or:#0d47a1}.bg-error{color:#ffebee;background-color:#b71c1c}.container{width:114 0px;max-width:100%;margin-right:auto;margin-left:auto;padding-right:1em;padding- left:1em}.clearfix:after,.content:after,.clearfix:before,.content:before{display :table;content:" "}.clearfix:after,.content: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:3 20px}.phablet-width{width:540px}.tablet-width{width:720px}.desktop-width{width:9 60px}.large-desktop-width{width:1140px}html,body,h1,h2,h3,h4,h5,h6,a,p,span,em,s mall,strong,sub,sup,strike,s,mark,del,ins,abbr,dfn,blockquote,q,cite,code,pre,kb d,samp,var,output,ruby,ol,ul,li,dl,dt,dd,div,section,article,main,aside,nav,head er,hgroup,footer,img,figure,figcaption,address,time,audio,video,canvas,object,if rame,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;ver tical-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:aft er,q:before,q:after{content:"";content:none}table{border-collapse:collapse;borde r-spacing:0}b,strong{font-weight:bolder}small{font-size:smaller}abbr{text-decora tion:underline;cursor:help}sup{position:relative;font-size:75%;vertical-align:su per}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}.content p,.conte nt ol,.content ul,.content dl,.content pre,.content blockquote{margin:1em 0em}.c ontent h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin:2em 0em 0.5em 0em;font-weight:600}.content h1{font-size:2em}.content h2{font-size:1 .5em}.content h3{font-size:1.25em}.content h4{font-size:1em}.content h5{font-siz e:0.8em}.content h6{font-size:0.7em}.content a,.content a:visited{color:#1565c0} .content hr{border:1px solid #eee}.content blockquote{padding-left:1em;border-le ft:5px solid #C70D2B}.content [dir="rtl"] blockquote{padding-right:1em;padding-l eft:0em;border-right:5px solid #eee;border-left:0px}.content ol,.content ul{padd ing-left:1.5em}.content [dir="rtl"] ol,.content [dir="rtl"] ul{padding-right:2em ;padding-left:0em}.content ol{list-style:decimal}.content ul{list-style:disc}.co ntent li{margin:0.25em 0em}.content ol ol,.content ul ul,.content ol ul,.content ul ol{margin:0em}.content ol ol{list-style-type:lower-alpha}.content dt{font-we ight:600}.content dd{margin:0.25em 0em 1em 0em}.row{margin:0px -1em}.row:after{d isplay:block;clear:both;content:""}.column{position:relative;width:100%;min-heig ht:1px;padding:0px 1em}.column,[dir="rtl"] .reverse .column{float:left}.reverse .column,[dir="rtl"] .column{float:right}@media (min-width: 768px){.one-half,.one -fourth{width:50%}}@media (min-width: 992px){.one-third{width:33.333333%}.two-th irds{width:66.666667%}}@media (min-width: 992px){.one-fourth{width:25%}.three-fo urths{width:75%}}input,optgroup,select,textarea{font:inherit}input{overflow:visi ble}select{text-transform:none}fieldset{display:block}legend{display:table;max-w idth:100%;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="rad io"]{padding:0px}[type="number"]::-webkit-inner-spin-button,[type="number"]::-we bkit-outer-spin-button{height:auto}[type="date"],[type="time"],[type="datetime"] ,[type="datetime-local"],[type="month"],[type="week"],[type="search"],[type="sea rch"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{- webkit-appearance:none}[type="search"]{outline-offset:-2px}button{margin:0px;col or:inherit;font:inherit;overflow:visible;border-radius:0;text-transform:none}but ton,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:butto n}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-mo z-focus-inner,[type="submit"]::-moz-focus-inner{padding:0px;border-style:none}bu tton:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring ,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}html{background-co lor:#F3F3F3}@media (min-width: 576px){body{display:table;width:100%;min-height:1 00vh}}.align-center{margin-right:auto;margin-left:auto}@media (min-width: 576px) {.outer-container{display:table-cell;vertical-align:middle}}@media (max-width: 5 76px){.phone-width{width:100%}}#header{margin-bottom:1em}@media (min-width: 576p x){#header{margin-bottom:2em;text-align:center}}#title{display:inline-table;font -size:1.5em;font-weight:300}@media (min-width: 576px){#title{font-size:2em}}#tit le img,#title span{display:table-cell;vertical-align:middle}#title img{height:1. 5em}@media (min-width: 576px){#title img{height:2em}}#title span{padding:0 .5em} #title strong{font-weight:700}a{text-decoration:underline}input,.button{width:10 0%;height:40px;border-radius:4px}input{margin-bottom:1em;padding:0 .5em;border:1 px solid #CDCDCD}.input_round_error{border-color:#f44336}.error-message{display: none}.input_round_error+.error-message{display:block;margin-top:-.5em;margin-bot tom:1em;color:#f44336}.button{border:0;text-transform:uppercase}.button.secondar y{color:#fff;background-color:#C70D2B} | |
| 9 </style> | |
| 10 </head> | |
| 11 <body> | |
| 12 <div class="outer-container"> | |
| 13 <div class="container phablet-width content"> | |
| 14 | |
| 15 <header id="header"> | |
| 16 <h1 id="title"> | |
| 17 <img src="http://adblockplus.github.io/adblockplusui/skin/abp-logo.svg " alt="ABP inside red octagon"> | |
| 18 <span>Adblock<strong>Plus</strong></span> | |
| 19 </h1> | |
| 20 <p class="lead"><strong>Sign up for the Adblock Plus newsletter</strong> </p> | |
| 21 <p>Stay up to date with all things Adblock Plus</p> | |
| 22 </header> | |
| 23 | |
| 24 <!--NEW-USER--> | |
| 25 <form name="abonnenten_anmeldung" action="web.subscribe?tid=14&mid=0" meth od="post" class="phone-width align-center"> | |
| 26 | |
| 27 <div> | |
| 28 <label for="email">Email Address *</label> | |
| 29 <span class="error-message">Please enter a valid email address</span> | |
| 30 | |
| 31 <?GIS EMAIL params="id='email'type='email' class='input_<!--ERROR:ROBI NSON-->_error<!--/ERROR:ROBINSON--><!--ERROR:INCORRECT-EMAIL-->_error<!--/ERROR: INCORRECT-EMAIL--><!--ERROR:NO-EMAIL-->_error<!--/ERROR:NO-EMAIL-->' required" m andatory?> | |
| 32 | |
| 33 <!--ERROR:ROBINSON--> | |
| 34 <span class="error-message">ROBINSON message</span> | |
| 35 <!--/ERROR:ROBINSON--> | |
| 36 | |
| 37 <!--ERROR:NO-EMAIL--> | |
| 38 <span class="error-message">No Email message</span> | |
| 39 <!--/ERROR:NO-EMAIL--> | |
| 40 | |
| 41 <!--ERROR:INCORRECT-EMAIL--> | |
| 42 <span class="error-message">Incorrect Email message</span> | |
| 43 <!--/ERROR:INCORRECT-EMAIL--> | |
| 44 </div> | |
| 45 | |
| 46 <div> | |
| 47 <label for="fullname">Full name</label> | |
| 48 | |
| 49 <?GIS NACHNAME params="id='fullname'"?> | |
| 50 </div> | |
| 51 | |
| 52 <button type="submit" class="button secondary">Sign Up</button> | |
| 53 | |
| 54 <p class="text-center"> | |
| 55 <a href="https://adblockplus.org/en/privacy" target="_blank">Privacy P olicy</a> | |
| 56 </p> | |
| 57 | |
| 58 <input type="hidden" name="REFRESH" value="../web.html"> | |
| 59 </form> | |
| 60 <!--/NEW-USER--> | |
| 61 | |
| 62 <!--ALREADY-CONFIRMED--> | |
| 63 <p>Already Confirmed</p> | |
| 64 <!--/ALREADY-CONFIRMED--> | |
| 65 | |
| 66 <!--UNCONFIRMED--> | |
| 67 <p>Unconfirmed</p> | |
| 68 <!--SUCCESS--> | |
| 69 <div> | |
| 70 Sie bekommen jetzt eine Bestätigungs-E-Mail zugesendet. | |
| 71 Wenn Sie den Anweisungen in dieser<br>E-Mail folgen, werden Sie | |
| 72 für folgende Newsletter angemeldet:<br><br> | |
| 73 </div> | |
| 74 <!--/SUCCESS--> | |
| 75 <!--/UNCONFIRMED--> | |
| 76 | |
| 77 <!--CONFIRMED--> | |
| 78 <p>Confirmed</p> | |
| 79 <!--SUCCESS--> | |
| 80 <div> | |
| 81 Sie bekommen jetzt eine Bestätigungs-E-Mail zugesendet. | |
| 82 Wenn Sie den Anweisungen in dieser<br>E-Mail folgen, werden Sie | |
| 83 für folgende Newsletter angemeldet:<br><br> | |
| 84 </div> | |
| 85 <!--/SUCCESS--> | |
| 86 <!--/CONFIRMED--> | |
| 87 | |
| 88 | |
| 89 </div> | |
| 90 </div> | |
| 91 </body> | |
| 92 </html> | |
| OLD | NEW |
