| 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> | 
| + 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 than block ads:</h2> | 
| - <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"> | 
| + <img src="chrome://adblockplus/skin/features/typo.png" alt=""/> | 
| + <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> | 
| + </div> | 
| + <div class="feature"> | 
| + <img src="chrome://adblockplus/skin/features/malware.png" alt=""/> | 
| + <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> | 
| + </div> | 
| + <div class="feature"> | 
| + <img src="chrome://adblockplus/skin/features/social.png" alt=""/> | 
| + <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> | 
| + </div> | 
| + <div class="feature"> | 
| + <img src="chrome://adblockplus/skin/features/tracking.png" alt=""/> | 
| + <h1>Disable Tracking</h1> | 
| + <p> | 
| + Enter nice description here. | 
| + </p> | 
| + <button>Activate</button> | 
| + </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="Share on Facebook"/> | 
| + </a> | 
| + </li> | 
| + <li> | 
| + <a href="https://twitter.com/adblockplus"> | 
| + <img src="chrome://adblockplus/skin/social/twitter.png" width="82" height="82" alt="Share on Twitter"/> | 
| + </a> | 
| + </li> | 
| + <li> | 
| + <a href="https://plus.google.com/110020691898167279887"> | 
| + <img src="chrome://adblockplus/skin/social/gplus.png" width="82" height="82" alt="Share on Google+"/> | 
| + </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> |