76 lines
5 KiB
HTML
76 lines
5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Cryptpad :: Zero Knowledge, Collaborative Real Time Editing</title>
|
|
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
|
<link rel="stylesheet" type="text/css" href="customize/main.css" />
|
|
<script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
|
|
<script src="/bower_components/requirejs/require.js"></script>
|
|
<!-- Piwik -->
|
|
<script type="text/javascript">
|
|
if (window.location.href.indexOf('cryptpad.fr') !== -1) {
|
|
// This piwik is only relevant to cryptpad.fr
|
|
var _paq = _paq || [];
|
|
_paq.push(['trackPageView']);
|
|
_paq.push(['enableLinkTracking']);
|
|
(function() {
|
|
var u="//piwik.xwiki.com/";
|
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
|
_paq.push(['setSiteId', 12]);
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
|
})();
|
|
}
|
|
</script>
|
|
<!-- End Piwik Code -->
|
|
</head>
|
|
<body>
|
|
<a href="https://your-url" class="github-corner"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#46e981; color:#fff; position: absolute; top: 0; border: 0; right: 0;"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style><!-- Thanks! http://tholman.com/github-corners/ -->
|
|
|
|
<div id="main">
|
|
<center>
|
|
<img class="imgcenter cryptofist" src="/customize/cryptofist_small.png" />
|
|
<h1>Unity is Strength - Collaboration is Key</h1>
|
|
|
|
</center>
|
|
<p>CryptPad is the <strong>zero knowledge</strong> realtime collaborative editor. Encryption carried out in your web browser protects the data from the server, the cloud, and the NSA. The secret encryption key is stored in the URL <a href="https://en.wikipedia.org/wiki/Fragment_identifier">fragment identifier</a> which is never sent to the server but is available to javascript so by sharing the URL, you give authorization to others who want to participate.</p>
|
|
|
|
<p>This project uses the <a href="http://ckeditor.com/">CKEditor</a> Visual Editor, <a href="https://codemirror.net/">CodeMirror</a>, and the <a href="https://github.com/xwiki-contrib/chainpad">ChainPad</a> realtime engine.</p>
|
|
|
|
</code></pre><h2 id="howitworks">How It Works</h2>
|
|
<p>CryptPad uses a variant of the <a href="https://en.wikipedia.org/wiki/Operational_transformation">Operational transformation</a> algorithm which is able to find distributed consensus using a Nakamoto Blockchain, a construct popularized by <a href="https://en.wikipedia.org/wiki/Bitcoin">Bitcoin</a>. This way the algorithm can avoid the need for a central server to resolve Operational Transform Edit Conflicts and without the need for resolving conflicts, the server can be kept unaware of the content which is being edited on the pad.</p>
|
|
|
|
<center>
|
|
<noscript>
|
|
<p>
|
|
<strong>OOPS</strong> In order to do encryption in your browser, Javascript is really
|
|
<strong>really</strong> required.
|
|
</p>
|
|
</noscript>
|
|
<h5 id="tryit">Try it out!</h5>
|
|
|
|
<table class="recent scroll" style="display:none">
|
|
<tbody>
|
|
|
|
<tr>
|
|
<th>Type</th>
|
|
<th>Link</th>
|
|
<th>Created</th>
|
|
<th>Last Accessed</th>
|
|
<th></th> <!-- remove column -->
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<div id="buttons" class="buttons">
|
|
<a id="create-pad" class="button create" href="/pad/">CREATE NEW WYSIWYG PAD</a>
|
|
<a id="create-code" class="button create" href="/code/">CREATE NEW CODE PAD</a>
|
|
</div>
|
|
</center>
|
|
</div>
|
|
|
|
<div id="bottom-bar"></div>
|
|
</body>
|
|
</html>
|
|
|