chrome/content/ui/firstRun.html - Issue 11039060: first run page redesign

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

Issue 11039060: first run page redesign (Closed)

Patch Set: Created July 22, 2013, 7:55 a.m.

Left:
Right:

Use n/p to move between diff chunks; N/P to move between comments.

Jump to:

View unified diff | Download patch

OLD	NEW
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

30 <div id="content">	30

31 <header>	31 <header>

	32 <div id="logo"></div>

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 <p id="dataCorruptionWarning" class="i18n_firstRun_dataCorruptionWarning" hi dden="true"></p>
	Thomas Greiner 2013/07/26 14:22:55 Change to <section>. Change to <section>.
36	37

37 <p id="acceptableAdsExplanation" class="i18n_firstRun_acceptableAdsExplana tion"></p>

38	38

39 <h2 id="features-title" class="i18n_firstRun_features"></h2>	39 <section id="acceptable-ads">

	40 <h2 class="i18n_firstRun_acceptableAdsHeadline"></h2>

	41 <p class="i18n_firstRun_acceptableAdsExplanation"></p>
	Thomas Greiner 2013/07/26 14:22:55 Links inside the text are not set. Links inside the text are not set.
	42 </section>

40	43

41 <ul id="features">	44 <section id="can-do-more">

42 <li id="feature-malware" class="feature">	45 <h2 class="i18n_firstRun_features"></h2>

43 <div class="feature-image"></div>	46

44 <div class="feature-description">	47 <ul id="can-do-more-overview">

45 <p class="feature-text">	48 <li id="feature-first">

46 <span class="i18n_firstRun_feature_malware feature-title"></span> <span class="i18n_firstRun_feature_malware_description"></span>	49 <div id="feature-malware-image"></div>
	Thomas Greiner 2013/07/26 14:22:55 This ID is not unique. If you want a style to appl This ID is not unique. If you want a style to apply to more than one element then use its class attribute.
47 </p>	50 <h4 class="i18n_firstRun_feature_malware"></h4>

48 </div>

49 <div id="toggle-malware" class="toggle">

50 <div class="i18n_firstRun_toggle_on toggle-on"></div>

51 <div class="toggle-blob"></div>

52 <div class="i18n_firstRun_toggle_off toggle-off"></div>

53 </div>

54 </li>	51 </li>

55 <li id="feature-social" class="feature">	52 <li>

56 <div class="feature-image"></div>	53 <div id="feature-social-image"></div>
	Thomas Greiner 2013/07/26 14:22:55 This ID is not unique. If you want a style to appl This ID is not unique. If you want a style to apply to more than one element then use its class attribute.
57 <div class="feature-description">	54 <h4 class="i18n_firstRun_feature_social"></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>	55 </li>

68 <li id="feature-tracking" class="feature">	56 <li>

69 <div class="feature-image"></div>	57 <div id="feature-tracking-image"></div>
	Thomas Greiner 2013/07/26 14:22:55 This ID is not unique. If you want a style to appl This ID is not unique. If you want a style to apply to more than one element then use its class attribute.
70 <div class="feature-description">	58 <h4 class="i18n_firstRun_feature_tracking"></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>	59 </li>

81 </ul>	60 </ul>

82	61

83 <footer id="social">	62 <div id="can-do-more-expanded">

84 <h1 class="i18n_firstRun_share"></h1>	63 <ul id="features">

85 <ul>	64 <li id="feature-malware" class="feature">

86 <li>	65 <div id="feature-malware-image" class="feature-image"></div>

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>	66 <div class="feature-description">

	67 <div class="feature-description-textblock">

	68 <h3 class="i18n_firstRun_feature_malware feature-title"></h3>

	69 <span class="i18n_firstRun_feature_malware_description"></span>

	70 </div>

	71 <div id="toggle-malware" class="toggle">

	72 <div class="i18n_firstRun_toggle_on toggle-on"></div>

	73 <div class="toggle-blob"></div>

	74 <div class="i18n_firstRun_toggle_off toggle-off"></div>

	75 </div>

	76 </div>

	77

88 </li>	78 </li>

89 <li>	79 <li id="feature-social" class="feature">

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>	80 <div id="feature-social-image" class="feature-image"></div>

	81 <div class="feature-description">

	82 <div class="feature-description-textblock">

	83 <h3 class="i18n_firstRun_feature_social feature-title"></h3>

	84 <span class="i18n_firstRun_feature_social_description"></span>

	85 </div>

	86 <div id="toggle-social" class="toggle">

	87 <div class="i18n_firstRun_toggle_on toggle-on"></div>

	88 <div class="toggle-blob"></div>

	89 <div class="i18n_firstRun_toggle_off toggle-off"></div>

	90 </div>

	91 </div>

91 </li>	92 </li>

92 <li>	93

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>	94 <li id="feature-tracking" class="feature">

	95 <div id="feature-tracking-image" class="feature-image" src="/skin/fe atures/tracking.png"/></div>

	96 <div class="feature-description">

	97 <div class="feature-description-textblock">

	98 <h3 class="i18n_firstRun_feature_tracking feature-title"></h3>

	99 <span class="i18n_firstRun_feature_tracking_description"></spa n>

	100 </div>

	101 <div id="toggle-tracking" class="toggle">

	102 <div class="i18n_firstRun_toggle_on toggle-on"></div>

	103 <div class="toggle-blob"></div>

	104 <div class="i18n_firstRun_toggle_off toggle-off"></div>

	105 </div>

	106 </div>

94 </li>	107 </li>

	108

95 </ul>	109 </ul>

96 </footer>	110 </div>

97 </div>	111 <div class="clearfix"></div>

	112 <div id="activate-features" class="i18n_firstRun_feature_activate" data-st atus="overview">
	Thomas Greiner 2013/07/26 14:22:55 If you put the status as a class name in <body> in If you put the status as a class name in <body> instead you could use CSS transitions instead of the jQuery fade function.
	113 </div>

	114 </section>

	115

	116 <section id="share">

	117 <div id="donate-block">

	118 <a id="donate" class="i18n_firstRun_donate" target="_blank"></a>

	119 </div>

	120

	121 <div id="share-block">

	122 <h2 class="i18n_firstRun_or_tell"></h2>

	123 <div id="share-buttons">

	124 <a id="share-facebook" href="https://www.facebook.com/adblockplus" tar get="_blank" data-script="https://facebook.com/plugins/like.php?">

	125 </a>

	126 <a id="share-twitter" href="https://twitter.com/adblockplus" target="_ blank" data-script="https://platform.twitter.com/widgets.js">

	127 </a>

	128 <a id="share-gplus" href="https://www.google.com/+AdblockPlus" target= "_blank" data-script="https://apis.google.com/js/plusone.js">

	129 </a>

	130 </div>

	131 </div>

	132 <div class="clearfix"></div>

	133 </section>

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>

OLD	NEW

« no previous file with comments | « no previous file | chrome/content/ui/firstRun.js » ('j') | no next file with comments »