<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">

    <title>kiccan</title>

    <meta name="description" content="Generate Onionr block">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta name="referrer" content="no-referrer">

    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>👁️</text></svg>">
    <link rel="stylesheet" href="css/bulma-dark.min.css">
    <link rel="stylesheet" href="style.css">
    <script src="tordetect.js" async></script>
    <script src="marked.min.js" defer></script>
    <script src="purify.min.js" defer></script>
    <script src="sha3.js" defer></script>
    <script src="onionr-jspow/index.js" defer></script>
    <script src="onionr-blocks.js" defer></script>
    <script src="hush-hush.js" defer></script>
    <script src="worker-handler.js" defer></script>
    <script src="message-creator.js" defer></script>
</head>
    <body>
        <section class="section">
            <div class="container">
              <h1 class="title">
                kiccan
              </h1>
              <p class="subtitle">
                anonymous decentralized message board 🌐
                <img src="vanilla.png" alt="this website uses vanilla JS" aria-hidden="true" loading="lazy" class="is-pulled-right">
                <a href="LICENSE.txt"><img src="copyleft.png" alt="GNU" loading="lazy" class="is-pulled-right"></a>
              </p>
              <noscript><p class="has-text-warning">
                  JavaScript is required for this app. The server has no knowledge of posts, so content must be served by P2P nodes.
                </p></noscript>
              <p>kiccan is a message board program that utilizes the <a href="https://onionr.net/">Onionr</a> network.</p>
              <p>posts are rate-limited using a partial hash collision proof of work function.</p>
              <p>⚠️ the host of this web page has no control over posts. Browse and post at your own risk.</p>
              <p class="is-pulled-right">feed size: <span id="memUsage">0kb</span> | page size: 289kb</p>
              <p class="is-hidden has-text-warning noTor">You do not seem to be able to reach .onion services. Please use Tor Browser.</p>
            </div>
        </section>
        <section class="section">
            <div class="container messageCreator">
                <div class="columns">
                    <div class="column is-two-fifths">
                        <div class="postForm">
                            <div class="control">
                                <p>Markdown and limited HTML is supported.</p>
                                <textarea class="textarea" placeholder="Draft a post..." id="postMessageField"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="column">
                    </div>
                </div>
                <div class="control">
                    <a class="button is-primary" id="createMessageBtn">Create Post</a>
                </div>
            </div>
        </section>
        <div class="container messageFeed">
        </div>
        <template id="cMsgTemplate">
            <div class="box cMsgBox">
                <div class="columns">
                    <div class="column cMsg">
                        Message
                    </div>
                    <div class="column cAuthor is-narrow"></div>
                    <div class="column is-narrow cMsgDate">
                        Date
                    </div>
                </div>
            </div>
        </template>
    </body>
</html>