mirror of
https://gitlab.torproject.org/tpo/anti-censorship/pluggable-transports/snowflake.git
synced 2025-10-14 05:11:19 -04:00
Update the main page on the static website
This commit is contained in:
Arlo Breault
parent
6c6707ae9b
commit
d6d42e82aa
7 changed files with 145 additions and 169 deletions
BIN
proxy/static/SourceSansPro-Regular.ttf
Normal file
BIN
proxy/static/SourceSansPro-Regular.ttf
Normal file
Binary file not shown.
BIN
proxy/static/chrome150.jpg
Normal file
BIN
proxy/static/chrome150.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
BIN
proxy/static/firefox150.jpg
Normal file
BIN
proxy/static/firefox150.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
78
proxy/static/index.css
Normal file
78
proxy/static/index.css
Normal file
|
|
@ -0,0 +1,78 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: Source Sans Pro;
|
||||||
|
src: url("SourceSansPro-Regular.ttf");
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
|
font-size: 1.3rem;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.5;
|
||||||
|
background-color: #59316B;
|
||||||
|
color: #212529;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header {
|
||||||
|
margin: 0;
|
||||||
|
line-height: 0;
|
||||||
|
padding: 1.3rem 2.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header a {
|
||||||
|
border-style: none;
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
margin: 0 0 2.6rem 0;
|
||||||
|
padding: 2.6rem 5.2rem;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 2.6rem;
|
||||||
|
color: #7D4698;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 2rem;
|
||||||
|
color: #7D4698;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clear {
|
||||||
|
margin: 2.6rem 0;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 600px) {
|
||||||
|
.browser, .extension {
|
||||||
|
float: left;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
.padding {
|
||||||
|
padding: 0 1.3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.addon {
|
||||||
|
margin-top: 2.6rem 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.addon a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 1.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diagram, .screenshot {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diagram img, .screenshot img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
@ -1,184 +1,82 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<title>Snowflake</title>
|
<title>Snowflake</title>
|
||||||
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
|
<link rel="stylesheet" href="index.css" />
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
text-align: center; margin: auto;
|
|
||||||
width: 50%;
|
|
||||||
min-width: 40em;
|
|
||||||
}
|
|
||||||
textarea {
|
|
||||||
width: 100%;
|
|
||||||
height: 4em;
|
|
||||||
font-size: 12px;
|
|
||||||
resize: none;
|
|
||||||
padding: 1em;
|
|
||||||
}
|
|
||||||
#options {
|
|
||||||
background-color: rgba(0,0,0,0.8);
|
|
||||||
color: #fff;
|
|
||||||
resize: none;
|
|
||||||
position: relative; border: none;
|
|
||||||
width: 30rem;
|
|
||||||
padding: 3rem; margin: auto; margin-top: 1rem;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
#options .active {
|
|
||||||
color: #2F2 !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<div id="header">
|
||||||
<h1>Snowflake</h1>
|
<a href="https://www.torproject.org/">
|
||||||
|
<img src="tor-logo@2x.png" alt="Tor" height="50px" />
|
||||||
<p>
|
|
||||||
<a href="https://trac.torproject.org/projects/tor/wiki/doc/Snowflake" target="_blank">Snowflake</a>
|
|
||||||
is a WebRTC pluggable transport for Tor.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
This page enables you to use your web browser as a proxy to help other
|
|
||||||
Internet users in censored places.
|
|
||||||
When you click yes, your browser will act as a
|
|
||||||
censorship circumvention proxy
|
|
||||||
as long as you are viewing a page with the snowflake badge.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div id='options'>
|
|
||||||
|
|
||||||
<noscript>
|
|
||||||
<hr/>
|
|
||||||
Snowflake proxy requires javascript.
|
|
||||||
<br/>
|
|
||||||
To volunteer as a proxy, please enable javascript.
|
|
||||||
</noscript>
|
|
||||||
|
|
||||||
<div id='buttons' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Do you want your browser to act as a proxy?
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<button onclick="enableSnowflake()">
|
|
||||||
Yes
|
|
||||||
</button>
|
|
||||||
<button onclick="disableSnowflake()">
|
|
||||||
No
|
|
||||||
</button>
|
|
||||||
</p>
|
|
||||||
<div id="snowflake-status"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id='cookies-disabled' style='display:none'>
|
|
||||||
<hr/>
|
|
||||||
<p>
|
|
||||||
Your browser has cookies disabled. You will need to enable them in order
|
|
||||||
to set Snowflake preferences.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Minimum functionality has been achieved, and it is possible
|
|
||||||
to bootstrap a Tor client to 100% using Snowflake, and the
|
|
||||||
browsing experience using this PT is reasonable enough.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
However, Snowflake is also under active development and much work is needed.
|
|
||||||
<br/>
|
|
||||||
It is not yet stable or audited, probably has many issues,
|
|
||||||
and should not yet be relied upon!!
|
|
||||||
</p>
|
|
||||||
|
|
||||||
See
|
|
||||||
<a href="https://trac.torproject.org/projects/tor/wiki/doc/Snowflake"
|
|
||||||
target="_blank">
|
|
||||||
here</a> for more information.
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
It is now possible to embed the Snowflake badge on any website:
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<textarea readonly>
|
|
||||||
<iframe src="https://snowflake.torproject.org/embed.html" width="88" height="16" frameborder="0" scrolling="no"></iframe>
|
|
||||||
</textarea>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Which looks like this:
|
|
||||||
</p>
|
|
||||||
<iframe src="embed.html" width="88" height="16" frameborder="0" scrolling="no"></iframe>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
If it animates, then congratulations -- you are currently acting as a Tor bridge.
|
|
||||||
</p>
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
Repo: <a target="_blank"
|
|
||||||
href="https://gitweb.torproject.org/pluggable-transports/snowflake.git/">
|
|
||||||
gitweb.torproject.org/pluggable-transports/snowflake.git
|
|
||||||
</a>
|
</a>
|
||||||
<br/>
|
</div>
|
||||||
Last update: <time>2019-01-22</time>
|
<div id="content">
|
||||||
|
<h1>SNOWFLAKE</h1>
|
||||||
|
|
||||||
<script>
|
<p class="diagram"><img src="https://trac.torproject.org/projects/tor/raw-attachment/wiki/doc/Snowflake/snowflake-schematic.png" alt="Diagram" /></p>
|
||||||
|
|
||||||
// Defaults to opt-in.
|
<p>Snowflake is a system to defeat internet censorship. People who are
|
||||||
var COOKIE_NAME = "snowflake-allow";
|
censored can use Snowflake to access the internet. Their connection goes
|
||||||
var COOKIE_LIFETIME = "Thu, 01 Jan 2038 00:00:00 GMT";
|
through Snowflake proxies, which are run by volunteers. For more detailed
|
||||||
|
information about how Snowflake works see our
|
||||||
|
<a href="https://trac.torproject.org/projects/tor/wiki/doc/Snowflake/">documentation wiki</a>.</p>
|
||||||
|
|
||||||
function readCookie(cookie) {
|
<div class="clear">
|
||||||
c = document.cookie.split('; ');
|
|
||||||
cookies = {};
|
|
||||||
for (i = 0 ; i < c.length ; i++) {
|
|
||||||
pair = c[i].split('=');
|
|
||||||
cookies[pair[0]] = pair[1];
|
|
||||||
}
|
|
||||||
return cookies[cookie];
|
|
||||||
}
|
|
||||||
|
|
||||||
function enableSnowflake() {
|
<div class="browser"><div class="padding">
|
||||||
setSnowflakeCookie(1);
|
<h3>Browser</h3>
|
||||||
location.reload();
|
|
||||||
}
|
|
||||||
|
|
||||||
function disableSnowflake() {
|
<p>If your internet access is censored, you should download
|
||||||
setSnowflakeCookie(0);
|
<a href="https://www.torproject.org/download/">Tor Browser</a>.</p>
|
||||||
location.reload();
|
|
||||||
}
|
|
||||||
|
|
||||||
function setSnowflakeCookie(val) {
|
<p class="screenshot"><img src="screenshot.png" alt="Tor Browser screenshot" /></p>
|
||||||
document.cookie = COOKIE_NAME + "=" + val + ";path=/ ;expires=" + COOKIE_LIFETIME;
|
</div></div>
|
||||||
}
|
|
||||||
|
|
||||||
window.onload = function() {
|
<div class="extension"><div class="padding">
|
||||||
if (navigator.cookieEnabled) {
|
<h3>Extension</h3>
|
||||||
// Both JS and cookies enabled -- display normal buttons.
|
|
||||||
document.getElementById('buttons').style = '';
|
|
||||||
} else {
|
|
||||||
// Display the cookies disabled message if necessary.
|
|
||||||
document.getElementById('cookies-disabled').style = '';
|
|
||||||
}
|
|
||||||
var enabled = readCookie(COOKIE_NAME);
|
|
||||||
var $status = document.getElementById('snowflake-status');
|
|
||||||
if ("1" === enabled) {
|
|
||||||
$status.innerHTML = 'Snowflake Proxy is ACTIVE <br/><br/>' +
|
|
||||||
'Thank you for contributing to internet freedom!';
|
|
||||||
$status.className = 'active';
|
|
||||||
} else {
|
|
||||||
$status.innerHTML = 'Snowflake Proxy is OFF';
|
|
||||||
$status.className = '';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
<p>If your internet access is <strong>not</strong> censored, you should
|
||||||
|
consider installing the Snowflake extension to help users in censored
|
||||||
|
networks. There is no need to worry about which websites people are
|
||||||
|
accessing through your proxy. Their visible browsing IP address will
|
||||||
|
match their Tor exit node, not yours.</p>
|
||||||
|
|
||||||
|
<p class="addon">
|
||||||
|
<a href="https://addons.mozilla.org/en-US/firefox/addon/torproject-snowflake/">
|
||||||
|
<img src="firefox150.jpg" alt="Install in Firefox" height="100px" /><br />
|
||||||
|
<span>Install in Firefox</span>
|
||||||
|
</a>
|
||||||
|
<a href="https://chrome.google.com/webstore/detail/snowflake/mafpmfcccpbjnhfhjnllmmalhifmlcie">
|
||||||
|
<img src="chrome150.jpg" alt="Install in Chrome" height="100px" /><br />
|
||||||
|
<span>Install in Chrome</span>
|
||||||
|
</a>
|
||||||
|
<span class="clear"></span>
|
||||||
|
</p>
|
||||||
|
</div></div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>REPORTING BUGS</h3>
|
||||||
|
|
||||||
|
<p>If you encounter problems with Snowflake as a client or a proxy,
|
||||||
|
please consider filing a bug. To do so, you will have to,</p>
|
||||||
|
|
||||||
|
<ol>
|
||||||
|
<li>
|
||||||
|
Either <a href="https://trac.torproject.org/projects/tor/register">create an
|
||||||
|
account</a> or <a href="https://trac.torproject.org/projects/tor/login">log in</a>
|
||||||
|
using the shared <b>cypherpunks</b> account with password <b>writecode</b>.</li>
|
||||||
|
<li><a href="https://trac.torproject.org/projects/tor/newticket?component=Circumvention%2FSnowflake">File a ticket</a>
|
||||||
|
using our bug tracker.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<p>Please try to be as descriptive as possible with your ticket and if
|
||||||
|
possible include log messages that will help us reproduce the bug.
|
||||||
|
Consider adding keywords <em>snowflake-webextension</em> or <em>snowflake-client</em>
|
||||||
|
to let us know how which part of the Snowflake system is experiencing
|
||||||
|
problems.</p>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
BIN
proxy/static/screenshot.png
Normal file
BIN
proxy/static/screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 369 KiB |
BIN
proxy/static/tor-logo@2x.png
Normal file
BIN
proxy/static/tor-logo@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.8 KiB |
Loading…
Add table
Add a link
Reference in a new issue