| Index: chrome/content/ui/firstRun.xhtml |
| =================================================================== |
| --- a/chrome/content/ui/firstRun.xhtml |
| +++ b/chrome/content/ui/firstRun.xhtml |
| @@ -21,32 +21,88 @@ |
| <head> |
| <title>&dialog.title;</title> |
| <script type="application/x-javascript;version=1.7" src="utils.js"/> |
| + <script type="application/x-javascript;version=1.7" src="typoSettings.js"/> |
| <script type="application/x-javascript;version=1.7" src="firstRun.js"/> |
| <link type="text/css" href="chrome://adblockplus/skin/firstRun.css" rel="stylesheet"/> |
| </head> |
| - <body onload="init()"> |
| - <p>&confirmation;</p> |
| + <body> |
| + <div id="shade" class="arrow"></div> |
| + <div id="content"> |
| + <header> |
| + <h1>Adblock Plus has been installed</h1> |
| + </header> |
| - <div class="sectionContainer"> |
| - <p class="sectionTitle">&advancedSection;</p> |
| + <p> |
| + Adblock Plus will always block annoying ads. Still, we want to encourage |
| + websites using plain and unobtrusive advertising. That's why we have established |
| + <a href="#" onclick="UI.loadDocLink('acceptable_ads', 'criteria'); return false;">strict guidelines</a> |
|
Wladimir Palant
2013/05/07 15:01:12
In fact, that's something we've done wrong in Chro
|
| + to identify acceptable ads, and allow these out of the box. You can always |
| + <a href="#" onclick="openFilters(); return false;">disable</a> this if you want to block all ads. |
| + </p> |
| - <p>&listSelection1;</p> |
| + <h2>Adblock Plus can do more then block ads:</h2> |
|
Wladimir Palant
2013/05/07 15:01:12
s/then/than/
|
| - <p id="listNameContainer" hidden="true"> |
| - <div id="listName"/> |
| - <a id="listHomepage" onclick="UI.loadInBrowser(this.getAttribute('href')); return false;">&visitHomepage.label;</a> |
| - </p> |
| - <p id="listNone">&noList;</p> |
| - |
| - <p id="acceptableAds" hidden="true"> |
| - &acceptableAds2; |
| - <a href="#" onclick="UI.loadInBrowser(Prefs.subscriptions_exceptionsurl); return false;">&viewList.label;</a> |
| - <a href="#" onclick="UI.loadDocLink('acceptable_ads'); return false;">&readMore.label;</a> |
| - </p> |
| + <div id="features"> |
| + <div class="feature"> |
|
Wladimir Palant
2013/05/07 15:01:12
Wrong indentation here.
|
| + <img src="chrome://adblockplus/skin/features/typo.png" alt="Typo Correction"/> |
|
Wladimir Palant
2013/05/07 15:01:12
I would suggest going with alt="" here - the alt t
|
| + <h1>Typo Correction</h1> |
| + <p> |
| + Adblock Plus can automatically correct typos in the address bar |
| + to protect you from visiting malicious websites when misspelling an |
| + internet address. |
| + </p> |
| + <button onclick="TypoActions.setEnabled(true); this.setAttribute('hidden', 'true'); return false;">Activate</button> |
|
Wladimir Palant
2013/05/07 15:01:12
We shouldn't be using inline JavaScript if we want
|
| + </div> |
| + <div class="feature"> |
| + <img src="chrome://adblockplus/skin/features/malware.png" alt="Malware Blocking"/> |
| + <h1>Malware Blocking</h1> |
| + <p> |
| + Adblock Plus can block domains that are known to be infected by malware |
| + to make browsing the internet more secure. |
| + </p> |
| + <button>Activate</button> |
|
Wladimir Palant
2013/05/07 15:01:12
This is obviously a TODO.
|
| + </div> |
| + <div class="feature"> |
| + <img src="chrome://adblockplus/skin/features/social.png" alt="Remove Social Media Buttons"/> |
| + <h1>Remove Social Media Buttons</h1> |
| + <p> |
| + Social media integration such as the Facebook Like button can be used |
| + to track your browsing habits. Adblock Plus can remove all social media |
| + buttons. |
| + </p> |
| + <button>Activate</button> |
|
Wladimir Palant
2013/05/07 15:01:12
This is obviously a TODO.
|
| + </div> |
| + <div class="feature"> |
| + <img src="chrome://adblockplus/skin/features/tracking.png" alt="Disable Tracking"/> |
| + <h1>Disable Tracking</h1> |
| + <p> |
| + Enter nice description here. |
| + </p> |
| + <button>Activate</button> |
|
Wladimir Palant
2013/05/07 15:01:12
This is obviously a TODO.
|
| + </div> |
| </div> |
| - <p id="changeDescription" _textTemplate="&listSelection2;"> |
| - <a href="#" onclick="openFilters(); return false;"/> |
| - </p> |
| + <footer id="social"> |
| + <ul> |
| + <li> |
| + <a href="https://www.facebook.com/adblockplus"> |
| + <img src="chrome://adblockplus/skin/social/facebook.png" width="82" height="82" alt="Facebook logo"/> |
|
Wladimir Palant
2013/05/07 15:01:12
Alt text should be "Share on Facebook" here - othe
|
| + </a> |
| + </li> |
| + <li> |
| + <a href="https://twitter.com/adblockplus"> |
| + <img src="chrome://adblockplus/skin/social/twitter.png" width="82" height="82" alt="Twitter logo"/> |
| + </a> |
| + </li> |
| + <li> |
| + <a href="https://plus.google.com/110020691898167279887"> |
| + <img src="chrome://adblockplus/skin/social/gplus.png" width="82" height="82" alt="Google+ logo"/> |
| + </a> |
| + </li> |
| + </ul> |
| + <!-- This is a hack, header should go before content, but I do not know how to make address it with CSS then. --> |
| + <h1>Think Adblock Plus is worth sharing?</h1> |
| + </footer> |
| + </div> |
| </body> |
| </html> |