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

Side by Side Diff: chrome/content/ui/firstRun.html

Issue 11039060: first run page redesign (Closed)
Patch Set: Created July 15, 2013, 12:39 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | chrome/content/ui/firstRun.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <!-- 2 <!--
3 - This file is part of Adblock Plus <http://adblockplus.org/>, 3 - This file is part of Adblock Plus <http://adblockplus.org/>,
4 - Copyright (C) 2006-2013 Eyeo GmbH 4 - Copyright (C) 2006-2013 Eyeo GmbH
5 - 5 -
6 - Adblock Plus is free software: you can redistribute it and/or modify 6 - Adblock Plus is free software: you can redistribute it and/or modify
7 - it under the terms of the GNU General Public License version 3 as 7 - it under the terms of the GNU General Public License version 3 as
8 - published by the Free Software Foundation. 8 - published by the Free Software Foundation.
9 - 9 -
10 - Adblock Plus is distributed in the hope that it will be useful, 10 - Adblock Plus is distributed in the hope that it will be useful,
11 - but WITHOUT ANY WARRANTY; without even the implied warranty of 11 - but WITHOUT ANY WARRANTY; without even the implied warranty of
12 - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 12 - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 - GNU General Public License for more details. 13 - GNU General Public License for more details.
14 - 14 -
15 - You should have received a copy of the GNU General Public License 15 - You should have received a copy of the GNU General Public License
16 - along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. 16 - along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>.
17 --> 17 -->
18 18
19 <html> 19 <html>
20 <head> 20 <head>
21 <title class="i18n_firstRun_title"></title> 21 <title class="i18n_firstRun_title"></title>
22 <meta charset="utf-8"> 22 <meta charset="utf-8">
23 <link type="text/css" href="/skin/firstRun.css" rel="stylesheet"/> 23 <link type="text/css" href="/skin/firstRun.css" rel="stylesheet"/>
24 <script type="text/javascript" src="utils.js"></script> 24 <script type="text/javascript" src="utils.js"></script>
25 <script type="text/javascript" src="i18n.js"></script> 25 <script type="text/javascript" src="i18n.js"></script>
26 <script type="text/javascript" src="firstRun.js"></script> 26 <script type="text/javascript" src="firstRun.js"></script>
27 </head> 27 </head>
28 <body> 28 <body>
29 <div id="shade" class="arrow"></div> 29 <p id="dataCorruptionWarning" class="i18n_firstRun_dataCorruptionWarning" hi dden="true"></p>
30 <div id="content"> 30
31 <header> 31 <header>
32 <img id="logo" src="/skin/abp-icon-big.png" alt="Adblock Plus">
32 <h1 id="title-main" class="i18n_firstRun_title"></h1> 33 <h1 id="title-main" class="i18n_firstRun_title"></h1>
33 </header> 34 </header>
34 35
35 <p id="dataCorruptionWarning" class="i18n_firstRun_dataCorruptionWarning" hidden="true"></p>
36 36
37 <p id="acceptableAdsExplanation" class="i18n_firstRun_acceptableAdsExplana tion"></p> 37 <section id="acceptable-ads">
38 <h2 class="i18n_firstRun_acceptableAdsHeadline"></h2>
39 <p class="i18n_firstRun_acceptableAdsExplanation"></p>
40 </section>
38 41
39 <h2 id="features-title" class="i18n_firstRun_features"></h2> 42 <section id="can-do-more">
43 <h2 class="i18n_firstRun_features"></h2>
44
45 <!-- Features Title -->
40 46
41 <ul id="features"> 47 <div id="can-do-more-expanded">
42 <li id="feature-malware" class="feature"> 48 <ul id="features">
43 <div class="feature-image"></div> 49 <li id="feature-malware" class="feature">
44 <div class="feature-description"> 50 <img class="feature-image" src="/skin/features/malware.png">
45 <p class="feature-text"> 51 <div class="feature-description">
46 <span class="i18n_firstRun_feature_malware feature-title"></span> <span class="i18n_firstRun_feature_malware_description"></span> 52 <h3 class="i18n_firstRun_feature_malware feature-title"></h3>
47 </p> 53 <span class="i18n_firstRun_feature_malware_description"></span>
48 </div> 54 </div>
49 <div id="toggle-malware" class="toggle"> 55 <div id="toggle-malware" class="toggle">
50 <div class="i18n_firstRun_toggle_on toggle-on"></div> 56 <div class="i18n_firstRun_toggle_on toggle-on"></div>
51 <div class="toggle-blob"></div> 57 <div class="toggle-blob"></div>
52 <div class="i18n_firstRun_toggle_off toggle-off"></div> 58 <div class="i18n_firstRun_toggle_off toggle-off"></div>
53 </div> 59 </div>
60 </li>
61 <li id="feature-social" class="feature">
62 <img class="feature-image" src="/skin/features/social.png">
63 <div class="feature-description">
64 <h3 class="i18n_firstRun_feature_social feature-title"></h3>
65 <span class="i18n_firstRun_feature_social_description"></span>
66 </div>
67 <div id="toggle-social" class="toggle">
68 <div class="i18n_firstRun_toggle_on toggle-on"></div>
69 <div class="toggle-blob"></div>
70 <div class="i18n_firstRun_toggle_off toggle-off"></div>
71 </div>
72 </li>
73 <li id="feature-tracking" class="feature">
74 <img class="feature-image" src="/skin/features/tracking.png"/>
75 <div class="feature-description">
76 <h3 class="i18n_firstRun_feature_tracking feature-title"></h3>
77 <span class="i18n_firstRun_feature_tracking_description"></span>
78 </div>
79 <div id="toggle-tracking" class="toggle">
80 <div class="i18n_firstRun_toggle_on toggle-on"></div>
81 <div class="toggle-blob"></div>
82 <div class="i18n_firstRun_toggle_off toggle-off"></div>
83 </div>
84 </li>
85 </ul>
86 </div>
87
88 <ul id="can-do-more-overview">
89 <li id="feature-first">
90 <img src="/skin/features/social.png">
91 <h4 class="i18n_firstRun_feature_social"></h4>
54 </li> 92 </li>
55 <li id="feature-social" class="feature"> 93 <li>
56 <div class="feature-image"></div> 94 <img src="/skin/features/tracking.png">
57 <div class="feature-description"> 95 <h4 class="i18n_firstRun_feature_tracking"></h4>
58 <p class="feature-text">
59 <span class="i18n_firstRun_feature_social feature-title"></span> < span class="i18n_firstRun_feature_social_description"></span>
60 </p>
61 </div>
62 <div id="toggle-social" class="toggle">
63 <div class="i18n_firstRun_toggle_on toggle-on"></div>
64 <div class="toggle-blob"></div>
65 <div class="i18n_firstRun_toggle_off toggle-off"></div>
66 </div>
67 </li> 96 </li>
68 <li id="feature-tracking" class="feature"> 97 <li>
69 <div class="feature-image"></div> 98 <img src="/skin/features/malware.png">
70 <div class="feature-description"> 99 <h4 class="i18n_firstRun_feature_malware"></h4>
71 <p class="feature-text">
72 <span class="i18n_firstRun_feature_tracking feature-title"></span> <span class="i18n_firstRun_feature_tracking_description"></span>
73 </p>
74 </div>
75 <div id="toggle-tracking" class="toggle">
76 <div class="i18n_firstRun_toggle_on toggle-on"></div>
77 <div class="toggle-blob"></div>
78 <div class="i18n_firstRun_toggle_off toggle-off"></div>
79 </div>
80 </li> 100 </li>
81 </ul> 101 </ul>
102 <div class="clearfix"></div>
103
104 <div id="activate-features" class="i18n_firstRun_feature_activate" status= "overview">
105 </div>
106
107 </section>
82 108
83 <footer id="social"> 109
84 <h1 class="i18n_firstRun_share"></h1> 110 <section id="share">
85 <ul> 111 <div id="text">
86 <li> 112 <h2 class="i18n_firstRun_please"></h2>
87 <a id="share-facebook" class="share-button" href="https://www.facebo ok.com/adblockplus" target="_blank" title="Share on Facebook" data-script="https ://facebook.com/plugins/like.php?"></a> 113 <a id="donate" href="" class="i18n_firstRun_donate"></a>
88 </li> 114 <h2 class="i18n_firstRun_or_tell"></h2>
89 <li> 115 </div>
90 <a id="share-twitter" class="share-button" href="https://twitter.com /adblockplus" target="_blank" title="Share on Twitter" data-script="https://plat form.twitter.com/widgets.js"></a> 116 <div id="share-buttons">
91 </li> 117 <a id="share-facebook">
92 <li> 118 <img src="/skin/social/facebook.png" alt="facebook">
93 <a id="share-gplus" class="share-button" href="https://www.google.co m/+AdblockPlus" target="_blank" title="Share on Google+" data-script="https://ap is.google.com/js/plusone.js"></a> 119 </a>
94 </li> 120 <a id="share-twitter">
95 </ul> 121 <img src="/skin/social/twitter.png" alt="twitter">
96 </footer> 122 </a>
97 </div> 123 <a id="share-gplus">
124 <img src="/skin/social/googleplus.png" alt="googple plus">
125 </a>
126 </div>
127 <div class="clearfix"></div>
128 </section>
129
130 <footer>
131 <!-- <h1 class="i18n_firstRun_share"></h1> -->
132
133 </footer>
98 134
99 <div id="glass-pane"> 135 <div id="glass-pane">
100 <iframe id="share-popup" scrolling="no"></iframe> 136 <iframe id="share-popup" scrolling="no"></iframe>
101 </div> 137 </div>
102 </body> 138 </body>
103 </html> 139 </html>
OLDNEW
« no previous file with comments | « no previous file | chrome/content/ui/firstRun.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld