Update Snowflake embed, and add info page about it (close #16)

This commit is contained in:
Serene Han 2016-02-10 13:54:07 -08:00
parent 4f18340c16
commit 6fb2e4753f
3 changed files with 102 additions and 15 deletions

View file

@ -6,36 +6,38 @@
<style>
* {
box-sizing: border-box;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
body {
position: absolute;
width: 100%; height: 100%; top: 0; margin: 0 auto;
background-color: #424; color: #000;
font-size: 10px; letter-spacing: 1px; font-variant: small-caps;
position: absolute; width: 100%; height: 100%;
top: 0; margin: 0 auto; padding: 0;
background-color: #424;
text-align: center; cursor: default;
margin: 0; padding: 0;
}
#badge {
margin: auto; padding: 0;
width: 88px; height: 16px;
background-image: url('koch.jpg');
text-shadow: 0 0 5px #fef;
font-weight: 900;
white-space: nowrap;
color: #000;
font-size: 12px; font-weight: 900;
font-variant: small-caps;
text-shadow: 0 0 5px #fef,
0 1px 2px #fef,
0 -1px 2px #fef;
1px 0px 3px #fef;
-1px 0px 3px #fef;
}
.active {
-webkit-animation: bgScroll 8s linear infinite;
animation: bgScroll 8s linear infinite;
}
@-webkit-keyframes bgScroll {
from {background-position: 49% -4%;}
to {background-position: 49% 104%;}
from {background-position: 0 -4%;}
to {background-position: 0 104%;}
}
@keyframes bgScroll {
from {background-position: 49% -4%;}
to {background-position: 49% 104%;}
from {background-position: 0 -4%;}
to {background-position: 0 104%;}
}
</style>
</head>

78
proxy/static/index.html Normal file
View file

@ -0,0 +1,78 @@
<!doctype html>
<html>
<head>
<style>
body {
text-align: center; margin: auto;
width: 50%;
min-width: 40em;
}
textarea {
width: 100%;
height: 4em;
font-size: 12px;
resize: none;
padding: 1em;
}
</style>
</head>
<body>
<h1>Snowflake</h1>
<p>
<a href="https://github.com/keroserene/snowflake" target="_blank">Snowflake</a>
is a WebRTC pluggable transport for Tor.
</p>
<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://lists.torproject.org/pipermail/tor-dev/2016-January/010310.html"
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="http://keroserene.net/snowflake/embed.html" width="88" height="16" frameborder="0" scrolling="no"></iframe>
</textarea>
<p>
Which looks like this:
</p>
<iframe src="http://keroserene.net/snowflake/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>
<br/>
Last update: 2016-02-10
<br/>
~Serene
</body>
<html>