This repository has been archived by the owner on Sep 25, 2018. It is now read-only.
/
first-run.html
52 lines (48 loc) · 2.58 KB
/
first-run.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Welcome to Lightbeam!</title>
<link rel="stylesheet" href="OpenSans.css" />
<link rel="stylesheet" href="first-run.css" />
<script>
document.addEventListener("DOMContentLoaded", function() {
const firefoxVersionRe = /Firefox\/(([0-9]+)\.([0-9]+))/;
const firefoxMajorVersion = Number(firefoxVersionRe.exec(window.navigator.userAgent)[2]);
const australisSubs = {
".platform-dependent, #icon-placement": '<img src="icons/lightbeam_logo-only_32x32.png" style="width:20px;"/> logo in the Toolbar.'
}
for (var qs in australisSubs) {
document.querySelector(qs).innerHTML = australisSubs[qs];
}
});
</script>
</head>
<body>
<div id="header">
<img src="icons/lightbeam_logo-wordmark_300x150.png" class="center" id="lightbeam-logo" />
<h1 class="center">Thanks for downloading Lightbeam!</h1>
</div>
<ol id="steps">
<li>
<strong>Open the Lightbeam tab</strong> by clicking the <span class="platform-dependent" id="icon-placement"><img src="icons/lightbeam_logo-only_16x16.png" /> logo in the Add-on bar.</span>
</li>
<li>
<p>Lightbeam starts recording connections as soon as it's installed. If you open it now, you'll see a blank screen because nothing's been recorded yet.</p>
<p><strong>To start visualizing your online interactions</strong>, open a new tab, navigate to a site, and then check back to the Lightbeam tab to see how your connections graph appears.</p>
</li>
<li>
<p><strong>Consider contributing data to Mozilla!</strong> We'll use it to study the tracking landscape and develop new privacy-protecting technologies for the web.</p>
<p>You can opt in to sharing your data by flipping the "Contribute Data" toggle in the top right corner of the Lightbeam tab to "On".</p>
</li>
<li>
<ul id="contact">
<li>Learn more about Mozilla's Lightbeam for Firefox on our <a href="https://mozilla.org/lightbeam">project page</a></li>
<li>Question? Idea? Email the mailing list: <a href="mailto:lightbeam-feedback@mozilla.org" target="_blank">lightbeam@mozilla.org</a></li>
<li>Found a bug? <a href="https://github.com/mozilla/lightbeam/issues/new" target="_blank">Report an issue</a> on Github</li>
<li>Don't forget to <a href="https://addons.mozilla.org/en-US/firefox/addon/lightbeam/reviews/add" target="_blank">leave a review</a> on our Mozilla Addons page!</li>
</ul>
</li>
</ol>
</body>
</html>