cryptpad/customize.dist/index.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>

    <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>
and so it begins 10 years ago			`<!DOCTYPE html>`
			`<html>`
			`<head>`
restyle main page and bottom bar 9 years ago			`<title>Cryptpad :: Zero Knowledge, Collaborative Real Time Editing</title>`
and so it begins 10 years ago			`<meta content="text/html; charset=utf-8" http-equiv="content-type"/>`
restyle main page and bottom bar 9 years ago			`<link rel="stylesheet" type="text/css" href="customize/main.css" />`
			`<script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>`
Completed adding of customization system and bottom infobar 10 years ago			`<script src="/bower_components/requirejs/require.js"></script>`
Added piwik code for cryptpad.fr 10 years ago			`<!-- 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 -->`
and so it begins 10 years ago			`</head>`
			`<body>`
restyle main page and bottom bar 9 years ago			<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>

			`<div id="main">`
Cleaned up the front page and added a little piece of code to show recent pads 10 years ago			`<center>`
restyle main page and bottom bar 9 years ago			`<img class="imgcenter cryptofist" src="/customize/cryptofist_small.png" />`
Cleaned up the front page and added a little piece of code to show recent pads 10 years ago			`<h1>Unity is Strength - Collaboration is Key</h1>`
update landing page styles and copy text 9 years ago
Cleaned up the front page and added a little piece of code to show recent pads 10 years ago			`</center>`
restyle main page and bottom bar 9 years ago			`<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>`
update landing page styles and copy text 9 years ago
restyle main page and bottom bar 9 years ago			`<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>`
Cleaned up the front page and added a little piece of code to show recent pads 10 years ago
			`</code></pre><h2 id="howitworks">How It Works</h2>`
restyle main page and bottom bar 9 years ago			<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>
Cleaned up the front page and added a little piece of code to show recent pads 10 years ago
Added cryptsheet to cryptpad suite! 10 years ago			`<center>`
Cleaned up the front page and added a little piece of code to show recent pads 10 years ago			`<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>`
improve pad naming UX, slight refactoring * prevent naming conflicts * migrate localestorage to use named attributes * use ctime and atime * display default names in table * sort pads by most recent atime * move more functions into cryptpad common * change table styles 9 years ago
			`<tr>`
			`<th>Type</th>`
			`<th>Link</th>`
			`<th>Created</th>`
			`<th>Last Accessed</th>`
			`<th></th> <!-- remove column -->`
			`</tr>`

Cleaned up the front page and added a little piece of code to show recent pads 10 years ago			`</tbody>`
			`</table>`

update landing page styles and copy text 9 years ago			`<div id="buttons" class="buttons">`
fix landing page styles and js a wee bit 9 years ago			`<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>`
Added cryptsheet to cryptpad suite! 10 years ago			`</div>`
			`</center>`
Give cryptpad a proper main page 10 years ago			`</div>`
Cleaned up the front page and added a little piece of code to show recent pads 10 years ago
			`<div id="bottom-bar"></div>`
and so it begins 10 years ago			`</body>`
			`</html>`