<!DOCTYPE html>
<html class="cp">
<!-- If this file is not called customize.dist/src/template.html, it is generated -->
<head>
    <title data-localization="main_title">Cryptpad: Zero Knowledge, Collaborative Real Time Editing</title>
    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="/customize/main.css" />
    <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
    <link rel="icon" type="image/png" href="/customize/main-favicon.png" id="favicon"/>
    <script src="/bower_components/jquery/dist/jquery.min.js"></script>
    <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
        <script data-bootload="/customize/main.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>

</head>
<body class="html">
    <div id="cryptpadTopBar">
    <span>
        <a class="gotoMain" href="/">
            <img src="/customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
        </a>
    </span>

    <!--<span class="slogan" data-localization="main_slogan"></span>-->

    <span id="user-menu" class="right dropdown-bar"></span>
    <span id="language-selector" class="right dropdown-bar"></span>
    <span class="link right">
        <a href="/about.html" data-localization="about">About</a>
    </span>
    <span class="link right">
        <a href="/privacy.html" data-localization="privacy">Privacy</a>
    </span>
    <span class="link right">
        <a href="/terms.html" data-localization="terms">ToS</a>
    </span>
    <span class="link right">
        <a href="/contact.html" data-localization="contact">Contact</a>
    </span>
    <span class="link right">
        <a href="https://blog.cryptpad.fr/" data-localization="blog">Blog</a>
    </span>
</div>


    <noscript>
    <div id="noscriptContainer">
        <div class="mainOverlay"></div>
        <div id="noscript">
          <p>
            <strong>OOPS</strong> In order to do encryption in your browser, Javascript is really <strong>really</strong> required.
          </p>
          <hr>
          <p>
            <strong>OUPS</strong> Afin de pouvoir réaliser le chiffrement dans votre navigateur, Javascript est <strong>vraiment</strong> nécessaire.
          </p>
        </div>
    </div>
</noscript>


    <div id="mainBlock" class="hidden">
    <div id="main_other">
      <center>
          <h1 data-localization="about">About</h1>
      </center>

      <p data-localization="main_p2"><!-- CkEditor, CodeMirror, Chainpad --></p>

      <h2 id="howitworks" data-localization="main_howitworks"></h2>
      <p data-localization="main_howitworks_p1"><!-- Operational transform, Nakamoto blockchain, server kept unaware of the content--></p>
</div>


    </div>

        <footer>
        <div class="container">
            <div class="row">
                    <div class="col">
                        <ul class="list-unstyled">
                            <li class="title">CryptPad</li>
                            <li><a href="/about.html" data-localization="about"></a></li>
                            <li><a href="/terms.html" data-localization="terms"></a></li>
                            <li><a href="/privacy.html" data-localization="privacy"></a></li>
                        </ul>
                    </div>
                    <div class="col">
                        <ul class="list-unstyled">
                            <li class="title" data-localization="footer_applications"><li>
                            <li><a href="/pad/" data-localization="main_richText"></a></li>
                            <li><a href="/code/" data-localization="main_code"></a></li>
                            <li><a href="/slide/" data-localization="main_slide"></a></li>
                            <li><a href="/poll/" data-localization="main_poll"></a></li>
                            <li><a href="/drive/" data-localization="main_drive"></a></li>
                        </ul>
                    </div>
                    <div class="col">
                        <ul class="list-unstyled">
                            <li class="title" data-localization="footer_aboutUs"><li>
                            <li><a href="https://blog.cryptpad.fr" target="_blank" data-localization="blog" rel="noopener noreferrer">Blog</a></li>
                            <li><a href="https://labs.xwiki.com" target="_blank" rel="noopener noreferrer">XWiki Labs</a></li>
                            <li><a href="http://www.xwiki.com" target="_blank" rel="noopener noreferrer">XWiki SAS</a></li>
                            <li><a href="https://www.open-paas.org/" target="_blank" rel="noopener noreferrer">OpenPaaS</a></li>
                        </ul>
                    </div>
                    <div class="col">
                        <ul class="list-unstyled">
                            <li class="title" data-localization="footer_contact"><li>
                            <li><a href="http://webchat.freenode.net?channels=%23cryptpad&uio=MT1mYWxzZSY5PXRydWUmMTE9Mjg3JjE1PXRydWUe7" target="_blank" rel="noopener noreferrer">IRC</a></li>
                            <li><a href="https://twitter.com/cryptpad" target="_blank" rel="noopener noreferrer">Twitter</a></li>
                            <li><a href="https://github.com/xwiki-labs/cryptpad" target="_blank" rel="noopener noreferrer">GitHub</a></li>
                            <li><a href="/contact.html">Email</a></li>
                        </ul>
                    </div>
            </div>
        </div>
    </footer>

</body>
</html>