aboutTor.html (5537B)
1 <!doctype html> 2 3 <html> 4 <head> 5 <meta 6 http-equiv="Content-Security-Policy" 7 content="default-src chrome:; object-src 'none'" 8 /> 9 <title data-l10n-id="newtab-page-title"></title> 10 <link 11 rel="icon" 12 type="image/png" 13 href="chrome://branding/content/icon32.png" 14 /> 15 <!-- We need common.css to get styling for the moz-toggle. --> 16 <link rel="stylesheet" href="chrome://global/skin/in-content/common.css" /> 17 <link 18 rel="stylesheet" 19 href="chrome://browser/content/abouttor/aboutTor.css" 20 /> 21 22 <link rel="localization" href="browser/newtab/newtab.ftl" /> 23 <link rel="localization" href="toolkit/global/tor-browser.ftl" /> 24 25 <script 26 type="module" 27 src="chrome://global/content/elements/moz-button.mjs" 28 ></script> 29 <script 30 type="module" 31 src="chrome://global/content/elements/moz-toggle.mjs" 32 ></script> 33 <script src="chrome://browser/content/abouttor/aboutTor.js"></script> 34 </head> 35 <body class="onion-pattern-background"> 36 <!-- Year End Campaign (YEC). --> 37 <article id="yec-banner" aria-labelledby="yec-heading"> 38 <img id="yec-image" alt="" /> 39 <h2 id="yec-heading"></h2> 40 <p id="yec-body"> 41 <b id="yec-body-highlight" data-l10n-name="highlight"></b> 42 </p> 43 <p id="yec-matching"></p> 44 <a id="yec-donate-link"> 45 <span data-l10n-id="yec-donate-button"></span> 46 <img 47 id="yec-donate-icon" 48 alt="" 49 src="chrome://browser/content/abouttor/yec-heart.svg" 50 /> 51 </a> 52 <moz-button 53 id="yec-close" 54 type="icon ghost" 55 class="close" 56 size="16" 57 iconSrc="chrome://global/skin/icons/close.svg" 58 data-l10n-id="yec-close-button" 59 ></moz-button> 60 </article> 61 <h1> 62 <img 63 id="tor-browser-logo" 64 alt="" 65 src="chrome://branding/content/about-logo.svg" 66 /> 67 <span 68 id="tor-browser-home-heading-stable" 69 data-l10n-id="tor-browser-home-heading-stable" 70 ></span> 71 <span 72 id="tor-browser-home-heading-testing" 73 data-l10n-id="tor-browser-home-heading-testing" 74 ></span> 75 </h1> 76 <p id="tor-check" class="tor-home-box"> 77 <img 78 id="tor-check-icon" 79 alt="" 80 src="chrome://global/skin/icons/info.svg" 81 /> 82 <span data-l10n-id="tor-browser-home-tor-check-warning"> 83 <a 84 data-l10n-name="tor-check-link" 85 href="https://check.torproject.org/" 86 target="_blank" 87 ></a> 88 </span> 89 </p> 90 <form id="search-form" method="get" rel="noreferrer"> 91 <img 92 id="dax-logo" 93 alt="" 94 src="chrome://browser/content/abouttor/dax-logo.svg" 95 /> 96 <input 97 id="search-input" 98 name="q" 99 autocomplete="off" 100 type="text" 101 data-l10n-id="tor-browser-home-duck-duck-go-input" 102 /> 103 <moz-toggle 104 id="onionize-toggle" 105 label-align-before="" 106 data-l10n-id="tor-browser-home-onionize-toggle" 107 data-l10n-attrs="label" 108 ></moz-toggle> 109 </form> 110 <p id="home-message-updated" class="home-message"> 111 <img 112 class="message-emoji" 113 alt="" 114 src="chrome://browser/content/abouttor/2728-sparkles.svg" 115 /> 116 <span> 117 <a data-l10n-name="update-link" target="_blank"></a> 118 </span> 119 </p> 120 <p class="home-message home-message-rotating-stable"> 121 <span data-l10n-id="tor-browser-home-message-introduction"></span> 122 </p> 123 <p class="home-message home-message-rotating-stable"> 124 <img 125 class="message-emoji" 126 alt="" 127 src="chrome://browser/content/abouttor/2764-red-heart.svg" 128 /> 129 <span data-l10n-id="tor-browser-home-message-donate"> 130 <a 131 data-l10n-name="donate-link" 132 href="https://donate.torproject.org" 133 target="_blank" 134 ></a> 135 </span> 136 </p> 137 <p class="home-message home-message-rotating-stable"> 138 <img 139 class="message-emoji" 140 alt="" 141 src="chrome://browser/content/abouttor/1f4e3-megaphone.svg" 142 /> 143 <span data-l10n-id="tor-browser-home-message-news"> 144 <a 145 data-l10n-name="news-link" 146 href="https://newsletter.torproject.org" 147 target="_blank" 148 ></a> 149 </span> 150 </p> 151 <p class="home-message home-message-rotating-testing"> 152 <img 153 class="message-emoji" 154 alt="" 155 src="chrome://browser/content/abouttor/26a1-high-voltage.svg" 156 /> 157 <span data-l10n-id="tor-browser-home-message-testing"> 158 <a 159 data-l10n-name="learn-more-link" 160 href="https://community.torproject.org/user-research/become-tester/" 161 target="_blank" 162 ></a> 163 </span> 164 </p> 165 <!-- Survey element, initially used for tor-browser#43504. --> 166 <article id="survey" class="tor-home-box" aria-labelledby="survey-heading"> 167 <img 168 id="survey-icon" 169 alt="" 170 src="chrome://browser/content/abouttor/1f44b-waving-hand.svg" 171 /> 172 <h2 id="survey-heading"></h2> 173 <p id="survey-body"></p> 174 <div id="survey-buttons"> 175 <button id="survey-launch" class="primary"></button> 176 <button id="survey-dismiss"></button> 177 </div> 178 <moz-button 179 id="survey-close" 180 type="icon ghost" 181 class="close" 182 size="16" 183 iconSrc="chrome://global/skin/icons/close.svg" 184 ></moz-button> 185 </article> 186 </body> 187 </html>