| LEFT | RIGHT |
| 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 | |
| 24 <!-- {% if type == 'safari' %} --> | |
| 25 <!-- {{ '<link type="text/css" href="skin/firstRun.css" rel="stylesheet"/>'
}} --> | |
| 26 <!-- {% else %} --> | |
| 27 <link type="text/css" href="/skin/firstRun.css" rel="stylesheet"/> | 23 <link type="text/css" href="/skin/firstRun.css" rel="stylesheet"/> |
| 28 <!-- {% endif %} --> | 24 {%- if needsExt %} |
| 29 | 25 <script type="text/javascript" src="ext/common.js"></script> |
| 30 <!-- {% if type in ('chrome', 'opera', 'safari') %} --> | 26 <script type="text/javascript" src="ext/content.js"></script> |
| 31 <!-- {{ '<script type="text/javascript" src="ext/common.js"></script>' }} --
> | 27 {%- endif %} |
| 32 <!-- {{ '<script type="text/javascript" src="ext/content.js"></script>' }} -
-> | |
| 33 <!-- {% endif %} --> | |
| 34 <script type="text/javascript" src="utils.js"></script> | 28 <script type="text/javascript" src="utils.js"></script> |
| 35 <script type="text/javascript" src="i18n.js"></script> | 29 <script type="text/javascript" src="i18n.js"></script> |
| 36 <script type="text/javascript" src="firstRun.js"></script> | 30 <script type="text/javascript" src="firstRun.js"></script> |
| 37 </head> | 31 </head> |
| 38 <body> | 32 <body> |
| 39 <div id="shade" class="arrow"></div> | 33 |
| 40 <div id="content"> | 34 |
| 41 <header> | 35 <header> |
| 36 <div id="logo"></div> |
| 42 <h1 id="title-main" class="i18n_firstRun_title"></h1> | 37 <h1 id="title-main" class="i18n_firstRun_title"></h1> |
| 43 </header> | 38 </header> |
| 44 | 39 |
| 45 <p id="legacySafariWarning" class="i18n_firstRun_legacySafariWarning" hidd
en="true"></p> | 40 <section id="legacySafariWarning" class="i18n_firstRun_legacySafariWarning"
hidden="true"></section> |
| 46 <p id="dataCorruptionWarning" class="i18n_firstRun_dataCorruptionWarning"
hidden="true"></p> | 41 <section id="dataCorruptionWarning" class="i18n_firstRun_dataCorruptionWarni
ng" hidden="true"></section> |
| 42 |
| 43 <section id="acceptable-ads"> |
| 44 <h2 class="i18n_firstRun_acceptableAdsHeadline"></h2> |
| 47 <p id="acceptableAdsExplanation" class="i18n_firstRun_acceptableAdsExplana
tion"></p> | 45 <p id="acceptableAdsExplanation" class="i18n_firstRun_acceptableAdsExplana
tion"></p> |
| 46 </section> |
| 48 | 47 |
| 49 <h2 id="features-title" class="i18n_firstRun_features"></h2> | 48 <section id="can-do-more"> |
| 49 <h2 class="i18n_firstRun_features"></h2> |
| 50 | 50 |
| 51 <ul id="features"> | 51 <ul id="can-do-more-overview"> |
| 52 <li id="feature-malware" class="feature"> | 52 <li id="feature-first"> |
| 53 <div class="feature-image"></div> | 53 <div class="feature-malware-image"></div> |
| 54 <div class="feature-description"> | 54 <h4 class="i18n_firstRun_feature_malware"></h4> |
| 55 <p class="feature-text"> | |
| 56 <span class="i18n_firstRun_feature_malware feature-title"></span>
<span class="i18n_firstRun_feature_malware_description"></span> | |
| 57 </p> | |
| 58 </div> | |
| 59 <div id="toggle-malware" class="toggle"> | |
| 60 <div class="i18n_firstRun_toggle_on toggle-on"></div> | |
| 61 <div class="toggle-blob"></div> | |
| 62 <div class="i18n_firstRun_toggle_off toggle-off"></div> | |
| 63 </div> | |
| 64 </li> | 55 </li> |
| 65 <li id="feature-social" class="feature"> | 56 <li> |
| 66 <div class="feature-image"></div> | 57 <div class="feature-social-image"></div> |
| 67 <div class="feature-description"> | 58 <h4 class="i18n_firstRun_feature_social"></h4> |
| 68 <p class="feature-text"> | |
| 69 <span class="i18n_firstRun_feature_social feature-title"></span> <
span class="i18n_firstRun_feature_social_description"></span> | |
| 70 </p> | |
| 71 </div> | |
| 72 <div id="toggle-social" class="toggle"> | |
| 73 <div class="i18n_firstRun_toggle_on toggle-on"></div> | |
| 74 <div class="toggle-blob"></div> | |
| 75 <div class="i18n_firstRun_toggle_off toggle-off"></div> | |
| 76 </div> | |
| 77 </li> | 59 </li> |
| 78 <li id="feature-tracking" class="feature"> | 60 <li> |
| 79 <div class="feature-image"></div> | 61 <div class="feature-tracking-image"></div> |
| 80 <div class="feature-description"> | 62 <h4 class="i18n_firstRun_feature_tracking"></h4> |
| 81 <p class="feature-text"> | |
| 82 <span class="i18n_firstRun_feature_tracking feature-title"></span>
<span class="i18n_firstRun_feature_tracking_description"></span> | |
| 83 </p> | |
| 84 </div> | |
| 85 <div id="toggle-tracking" class="toggle"> | |
| 86 <div class="i18n_firstRun_toggle_on toggle-on"></div> | |
| 87 <div class="toggle-blob"></div> | |
| 88 <div class="i18n_firstRun_toggle_off toggle-off"></div> | |
| 89 </div> | |
| 90 </li> | 63 </li> |
| 91 </ul> | 64 </ul> |
| 92 | 65 |
| 93 <footer id="social"> | 66 <div id="can-do-more-expanded"> |
| 94 <h1 class="i18n_firstRun_share"></h1> | 67 <ul id="features"> |
| 95 <ul> | 68 <li id="feature-malware" class="feature"> |
| 96 <li> | 69 <div class="feature-image feature-malware-image"></div> |
| 97 <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> | 70 <div class="feature-description"> |
| 71 <div class="feature-description-textblock"> |
| 72 <h3 class="i18n_firstRun_feature_malware feature-title"></h3> |
| 73 <span class="i18n_firstRun_feature_malware_description"></span> |
| 74 </div> |
| 75 <div id="toggle-malware" 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 </div> |
| 81 |
| 98 </li> | 82 </li> |
| 99 <li> | 83 <li id="feature-social" class="feature"> |
| 100 <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> | 84 <div class="feature-image feature-social-image"></div> |
| 85 <div class="feature-description"> |
| 86 <div class="feature-description-textblock"> |
| 87 <h3 class="i18n_firstRun_feature_social feature-title"></h3> |
| 88 <span class="i18n_firstRun_feature_social_description"></span> |
| 89 </div> |
| 90 <div id="toggle-social" class="toggle"> |
| 91 <div class="i18n_firstRun_toggle_on toggle-on"></div> |
| 92 <div class="toggle-blob"></div> |
| 93 <div class="i18n_firstRun_toggle_off toggle-off"></div> |
| 94 </div> |
| 95 </div> |
| 101 </li> | 96 </li> |
| 102 <li> | 97 |
| 103 <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> | 98 <li id="feature-tracking" class="feature"> |
| 99 <div class="feature-image feature-tracking-image"></div> |
| 100 <div class="feature-description"> |
| 101 <div class="feature-description-textblock"> |
| 102 <h3 class="i18n_firstRun_feature_tracking feature-title"></h3> |
| 103 <span class="i18n_firstRun_feature_tracking_description"></spa
n> |
| 104 </div> |
| 105 <div id="toggle-tracking" class="toggle"> |
| 106 <div class="i18n_firstRun_toggle_on toggle-on"></div> |
| 107 <div class="toggle-blob"></div> |
| 108 <div class="i18n_firstRun_toggle_off toggle-off"></div> |
| 109 </div> |
| 110 </div> |
| 104 </li> | 111 </li> |
| 112 |
| 105 </ul> | 113 </ul> |
| 106 </footer> | 114 |
| 107 </div> | 115 </div> |
| 116 |
| 117 |
| 118 <div id="activate-features" class="overview" data-status="overview"> |
| 119 <div class="arrow"></div> |
| 120 <a id="activate-features-label"> |
| 121 <span id="label-show-expanded" class="i18n_firstRun_feature_show_expan
ded"></span> |
| 122 <span id="label-show-overview" class="i18n_firstRun_feature_show_overv
iew hide"></span> |
| 123 </a> |
| 124 |
| 125 <div class="arrow"></div> |
| 126 </div> |
| 127 </section> |
| 128 |
| 129 <section id="share"> |
| 130 <h2 id="share-headline" class="i18n_firstRun_share_headline"></h2> |
| 131 |
| 132 <div id="donate-block"> |
| 133 <a id="donate" class="i18n_firstRun_donate" target="_blank"></a> |
| 134 <span id="donate-label" class="i18n_firstRun_donate_label"></span> |
| 135 </div> |
| 136 |
| 137 <div id="share-block"> |
| 138 <div id="share-general" class="share-buttons"> |
| 139 <a id="share-facebook" href="https://www.facebook.com/adblockplus" tar
get="_blank" data-script="https://facebook.com/plugins/like.php?"> |
| 140 </a> |
| 141 <a id="share-twitter" href="https://twitter.com/adblockplus" target="_
blank" data-script="https://platform.twitter.com/widgets.js"> |
| 142 </a> |
| 143 <a id="share-gplus" href="https://www.google.com/+AdblockPlus" target=
"_blank" data-script="https://apis.google.com/js/plusone.js"> |
| 144 </a> |
| 145 </div> |
| 146 |
| 147 <!-- Chinese social networks --> |
| 148 <div id="share-chinese" class="share-buttons"> |
| 149 <a id="share-renren" href="http://www.renren.com/601651969" target="_b
lank"> |
| 150 </a> |
| 151 <a id="share-weibo" href="http://e.weibo.com/adblockplus/" target="_bl
ank"> |
| 152 </a> |
| 153 </div> |
| 154 <span class="i18n_firstRun_share"></span> |
| 155 </div> |
| 156 |
| 157 </section> |
| 158 |
| 159 <footer> |
| 160 <a id="contributors" class="i18n_firstRun_contributor_credits"></a> |
| 161 </footer> |
| 162 |
| 108 | 163 |
| 109 <div id="glass-pane"> | 164 <div id="glass-pane"> |
| 110 <iframe id="share-popup" scrolling="no"></iframe> | 165 <iframe id="share-popup" scrolling="no"></iframe> |
| 111 </div> | 166 </div> |
| 112 </body> | 167 </body> |
| 113 </html> | 168 </html> |
| LEFT | RIGHT |