forked from onionshare/onionshare-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
195 lines (180 loc) · 10.6 KB
/
index.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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="Science & Design, Inc - scidsg.org">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="OnionShare is a tool for anonymous peer-to-peer file sharing, chatting, and web hosting.">
<title>OnionShare</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="design-system/css/style.css">
<script src="design-system/js/jquery-min.js"></script>
<script src="design-system/js/design-system.js"></script>
</head>
<body>
<a href="#content" class="skiplink btn primaryBtn">Skip to content</a>
<header class="island">
<div class="wrapper">
<div class="logo">
<div class="logoMark"></div>
<h1><a href="#">OnionShare</a></h1>
</div>
<nav>
<button class="mobileNav btnIcon" aria-label="Expand mobile navigation" aria-expanded="false">Menu</button>
<ul>
<li><a class="wrapper" aria-label="Read our documentation" href="https://docs.onionshare.org/">Docs</a></li>
<li><a class="wrapper" aria-label="Contribute to OnionShare" href="https://github.com/onionshare/onionshare">Code</a></li>
<li><a class="btn" aria-label="Download OnionShare" href="https://opencollective.com/scidsg/contribute/onionshare-supporter-67247" target="_blank" rel="noopener noreferrer">Donate</a></li>
<li><a class="btn primaryBtn" aria-label="Download OnionShare" href="#download" target="_blank" rel="noopener noreferrer">Download</a></li>
</ul>
</nav>
</div>
</header>
<main id="content">
<section class="intro">
<div class="wrapper">
<h2>Productivity + Privacy</h2>
<p>🧅 OnionShare is an open-source tool that lets you securely and anonymously share files, host websites, and chat with friends using the Tor network.</p>
<a class="btn primaryBtn" aria-label="Download OnionShare" href="#download" target="_blank" rel="noopener noreferrer">Download OnionShare</a>
<img src="design-system/images/cover.png" alt="OnionShare's mobile and desktop applications">
</div>
<p class="hint">Scroll Down</p>
</section>
<section class="cardSection" id="download">
<div class="wrapper">
<h3>Download OnionShare</h3>
<h4>Desktop Apps</h4>
<div class="groupRow card">
<div class="description">
<img class="icon iconLarge" src="design-system/images/logo/windows-logo.png" alt="Unless the image is decorative, add alt text 9.">
<h5>Windows</h5>
<a class="btn" aria-label="Download OnionShare" href="https://onionshare.org/dist/2.6.2/OnionShare-win64-2.6.2.msi" target="_blank" rel="noopener noreferrer">Download</a>
<p class="meta"><a href="https://onionshare.org/dist/2.6.2/OnionShare-win64-2.6.2.msi.asc" target="_blank" aria-label="Download OnionShare Windows signing key" rel="noopener noreferrer">Signature</a> (<a href="https://docs.onionshare.org/2.6.2/en/install.html#verifying-pgp-signatures" target="_blank" aria-label="View instructions for verifying PGP signatures" rel="noopener noreferrer">👈 What's this?</a>)</p>
</div>
<div class="description">
<img class="icon iconLarge" src="design-system/images/logo/apple-logo.png" alt="Unless the image is decorative, add alt text 10.">
<h5>MacOS</h5>
<a class="btn" aria-label="Download OnionShare" href="https://onionshare.org/dist/2.6.2/OnionShare-2.6.2.dmg" target="_blank" rel="noopener noreferrer">Download</a>
<p class="meta"><a href="https://onionshare.org/dist/2.6.2/OnionShare-2.6.2.dmg.asc" target="_blank" aria-label="Download OnionShare Windows signing key" rel="noopener noreferrer">Signature</a> (<a href="https://docs.onionshare.org/2.6.2/en/install.html#verifying-pgp-signatures" target="_blank" aria-label="View instructions for verifying PGP signatures" rel="noopener noreferrer">👈 What's this?</a>)</p>
</div>
<div class="description">
<img class="icon iconLarge" src="design-system/images/logo/linux-logo.png" alt="Unless the image is decorative, add alt text 11.">
<h5>Linux</h5>
<a class="btn" aria-label="Download OnionShare" href="https://docs.onionshare.org/2.6.2/en/install.html#linux" target="_blank" rel="noopener noreferrer">Learn More</a>
</div>
</div>
<h4>Mobile Apps</h4>
<p>OnionShare's mobile applications are developed in collaboration with <a href="https://guardianproject.info" target="_blank" rel="noopener noreferrer" aria-label="Go to Guardian Project's website (external site)">Guardian Project</a> and <a href="https://calyxinstitute.org" target="_blank" rel="noopener noreferrer" aria-label="Go to The Calyx Institute's website (external site)">The Calyx Institute</a>.</p>
<div class="groupRow card">
<div class="description">
<img class="icon iconLarge" src="design-system/images/logo/android-logo.png" alt="Android Logo">
<h5>Android</h5>
<a class="btn" aria-label="Go to the Google Play Store (external link)" href="https://play.google.com/store/apps/details?id=org.onionshare.android&hl=en_US" target="_blank" rel="noopener noreferrer">Play Store</a>
</div>
<div class="description">
<img class="icon iconLarge" src="design-system/images/logo/f-droid-logo.png" alt="F-Droid Logo">
<h5>De-Googled Android</h5>
<a class="btn" aria-label="Go to F-Droid (external link)" href="https://f-droid.org/packages/org.onionshare.android.fdroid/" target="_blank" rel="noopener noreferrer">F-Droid</a>
</div>
<div class="description">
<img class="icon iconLarge" src="design-system/images/logo/apple-logo.png" alt="Apple/iOS Logo">
<h5>iOS</h5>
<a class="btn" aria-label="Go to the Apple App Store (external link)" href="https://apps.apple.com/gb/app/onionshare/id1601890129" target="_blank" rel="noopener noreferrer">App Store</a>
</div>
</div>
</div>
</section>
<section id="section1">
<div class="wrapper">
<h3>Why OnionShare?</h3>
<div class="group">
<div class="description">
<h4>Mobile-Ready</h4>
<p>Take OnionShare with you on the go. Share files privately wherever you are.</p>
</div>
<div class="mobileImageContainer">
<img src="design-system/images/mobile-cover.png" alt="iOS and Android apps for OnionShare.">
</div>
</div>
<div class="group">
<div class="description flip">
<h4>Available Everywhere</h4>
<p>OnionShare is available for Windows, Mac, and Linux, and comes preinstalled in operating systems like QubesOS, Tails, and ParrotOS.</p>
</div>
<div class="mobileImageContainer">
<img src="design-system/images/everywhere-cover.png" alt="Image of OnionShare Desktop, surrounded by OS logos.">
</div>
</div>
<div class="group">
<div class="description">
<h4>More Than Sharing</h4>
<p>OnionShare allows you to quickly host an onion site, chat, and create a private dropdown in addition to sharing files!</p>
</div>
<div class="mobileImageContainer">
<img src="design-system/images/more-cover.png" alt="UI from OnionShare desktop showing Share, Receive, Host a Website, and Chat functionality.">
</div>
</div>
</div>
</section>
<section class="cardSection">
<div class="wrapper">
<h3>Included With</h3>
<div class="groupRow card">
<div class="description">
<img class="icon osIcon iconLarge" src="design-system/images/logo/qubes-logo-lm.png" alt="QubesOS Logo">
<p>Qubes OS is a reasonably secure operating system.</p>
<p class="meta"><a href="https://www.qubes-os.org/" target="_blank" rel="noopener noreferrer">Learn about QubesOS</a></p>
</div>
<div class="description">
<img class="icon osIcon iconLarge" src="design-system/images/logo/tails-logo-lm.png" alt="Tails Logo">
<p>Tails is a Tor-based OS loaded from a USB stick.</p>
<p class="meta"><a href="https://tails.net/" target="_blank" rel="noopener noreferrer">Learn about Tails</a></p>
</div>
<div class="description">
<img class="icon osIcon iconLarge" src="design-system/images/logo/whonix-logo-lm.png" alt="Whonix Logo">
<p>Whonix uses VMs for OS functionality to achieve security through isolation.</p>
<p class="meta"><a href="https://www.whonix.org/" target="_blank" rel="noopener noreferrer">Learn about Whonix</a></p>
</div>
<div class="description">
<img class="icon osIcon iconLarge" src="design-system/images/logo/parrot-logo-lm.png" alt="ParrotOS Logo">
<p>Parrot OS is an operating system for developers and security specialists.</p>
<p class="meta"><a href="https://parrotsec.org/" target="_blank" rel="noopener noreferrer">Learn about Parrot OS</a></p>
</div>
</div>
</div>
</section>
<section class="cardSection">
<div class="wrapper">
<h3>Partnering Orgs</h3>
<div class="groupRow card partnerCard">
<div class="description">
<img class="icon pIcon" src="design-system/images/logo/calyx-logo.png" alt="The Calyx Institute Logo.">
<p class="meta"><a href="https://calyxinstitute.org/" target="_blank" rel="noopener noreferrer">Learn about The Calyx Institute</a></p>
</div>
<div class="description">
<img class="icon pIcon" src="design-system/images/logo/guardian-logo.png" alt="Guardian Project Logo.">
<p class="meta"><a href="https://guardianproject.info/" target="_blank" rel="noopener noreferrer">Learn about Guardian Project</a></p>
</div>
<div class="description">
<img class="icon pIcon" src="design-system/images/logo/scidsg-logo.png" alt="Science & Design Logo">
<p class="meta"><a href="https://scidsg.org" target="_blank" rel="noopener noreferrer">Learn about Science & Design</a></p>
</div>
<div class="description">
<img class="icon pIcon" src="design-system/images/logo/tor-logo.png" alt="Tor Project Logo">
<p class="meta"><a href="https://torproject.org" target="_blank" rel="noopener noreferrer">Learn about Tor Project</a></p>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="wrapper">
<p>OnionShare was developed by <a href="https://twitter.com/micahflee" target="_blank" rel="noopener noreferrer nofollow">Micah Lee</a>, et al. and is open source, released under the GPLv3.</p>
<p>Like all software, OnionShare may contain bugs or vulnerabilities.</p>
<p>🧅 http://lldan5gahapx5k7iafb3s4ikijc4ni7gx5iywdflkba5y2ezyg6sjgyd.onion/ <a href="/onion.txt" target="_blank" rel="noopener noreferrer nofollow">(proof)</a></p>
<p><a href="privacy/">Privacy policy</a></p>
<p class="byline">Site design by <a href="https://scidsg.org" target="_blank" rel="noopener noreferrer">Science & Design, Inc.</a></p>
</div>
</footer>
</body>
</html>