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

Unified Diff: chrome/content/ui/firstRun.html

Issue 10585038: First-run page (revisited) (Closed)
Patch Set: Applied proposed changes (except Chrome-specific utils.js due to uncertainty) Created May 27, 2013, 12:58 p.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | chrome/content/ui/firstRun.js » ('j') | chrome/content/ui/firstRun.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/content/ui/firstRun.html
===================================================================
rename from chrome/content/ui/firstRun.xhtml
rename to chrome/content/ui/firstRun.html
--- a/chrome/content/ui/firstRun.xhtml
+++ b/chrome/content/ui/firstRun.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
<!--
- This file is part of Adblock Plus <http://adblockplus.org/>,
- Copyright (C) 2006-2013 Eyeo GmbH
@@ -15,38 +16,83 @@
- along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>.
-->
-<!DOCTYPE html SYSTEM "chrome://adblockplus/locale/firstRun.dtd">
+<html>
+ <head>
+ <title class="i18n_firstRun_title"></title>
+ <meta charset="utf-8">
+ <link type="text/css" href="/skin/firstRun.css" rel="stylesheet"/>
+ <script type="text/javascript" src="firstRun.js"></script>
+ </head>
+ <body>
+ <div id="shade" class="arrow"></div>
+ <div id="content">
+ <header>
+ <h1 id="title-main" class="i18n_firstRun_title"></h1>
+ </header>
-<html xmlns="http://www.w3.org/1999/xhtml">
- <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="firstRun.js"/>
- <link type="text/css" href="chrome://adblockplus/skin/firstRun.css" rel="stylesheet"/>
- </head>
- <body onload="init()">
- <p>&confirmation;</p>
+ <p id="dataCorruptionWarning" class="i18n_firstRun_dataCorruptionWarning" hidden="true"></p>
- <div class="sectionContainer">
- <p class="sectionTitle">&advancedSection;</p>
+ <p id="acceptableAdsExplanation" class="i18n_firstRun_acceptableAdsExplanation"></p>
- <p>&listSelection1;</p>
+ <h2 id="features-title" class="i18n_firstRun_features"></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>
+ <ul id="features">
+ <li id="feature-typo" class="feature">
+ <div class="feature-image"></div>
+ <div class="feature-description">
+ <p class="feature-text">
+ <span class="i18n_firstRun_feature_typo feature-title"></span> <span class="i18n_firstRun_feature_typo_description"></span>
+ </p>
+ </div>
+ <button id="toggle-typo"></button>
+ </li>
+ <li id="feature-malware" class="feature">
+ <div class="feature-image"></div>
+ <div class="feature-description">
+ <p class="feature-text">
+ <span class="i18n_firstRun_feature_malware feature-title"></span> <span class="i18n_firstRun_feature_malware_description"></span>
+ </p>
+ </div>
+ <button id="toggle-malware"></button>
+ </li>
+ <li id="feature-social" class="feature">
+ <div class="feature-image"></div>
+ <div class="feature-description">
+ <p class="feature-text">
+ <span class="i18n_firstRun_feature_social feature-title"></span> <span class="i18n_firstRun_feature_social_description"></span>
+ </p>
+ </div>
+ <button id="toggle-social"></button>
+ </li>
+ <li id="feature-tracking" class="feature">
+ <div class="feature-image"></div>
+ <div class="feature-description">
+ <p class="feature-text">
+ <span class="i18n_firstRun_feature_tracking feature-title"></span> <span class="i18n_firstRun_feature_tracking_description"></span>
+ </p>
+ </div>
+ <button id="toggle-tracking"></button>
+ </li>
+ </ul>
- <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>
+ <footer id="social">
+ <h1 class="i18n_firstRun_share"></h1>
+ <ul>
+ <li>
+ <a id="share-facebook" class="share-button" href="#" title="Share on Facebook"></a>
+ </li>
+ <li>
+ <a id="share-twitter" class="share-button" href="#" title="Share on Twitter"></a>
+ </li>
+ <li>
+ <a id="share-gplus" class="share-button" href="#" title="Share on Google+"></a>
+ </li>
+ </ul>
+ </footer>
</div>
- <p id="changeDescription" _textTemplate="&listSelection2;">
- <a href="#" onclick="openFilters(); return false;"/>
- </p>
+ <div id="glass-pane">
+ <iframe id="share-popup" scrolling="no"></iframe>
+ </div>
</body>
</html>
« no previous file with comments | « no previous file | chrome/content/ui/firstRun.js » ('j') | chrome/content/ui/firstRun.js » ('J')

Powered by Google App Engine
This is Rietveld