{{ Include "header.gohtml" }}
    <section>
        <h1>Dethnote</h1>

        <p>
            If you've come here because you found a password, enter it below
            to unlock the message:
        </p>

        <form class="unlock-form" name="unlocker" method="POST" action="/unlock">
            <input type="text"
                name="password"
                size="20"
                placeholder="enter the pass phrase here">
            <button type="submit" class="primary">Go</button>
        </form>
    </section>

    <section>
        <h1>What is this?</h1>

        <p>
            This service stores encrypted messages that may be unlocked in the event
            of an emergency, such as an untimely death. For example, you may want to
            make your password manager available to relatives after you die.
        </p>

        <p>
            You can create a Secure Note on this server. It will generate a random,
            very strong <a href="https://en.wikipedia.org/wiki/Diceware" target="_blank">Diceware</a>
            password. The password will encrypt your message on the server's hard disk,
            so that not even the server admin can read the message. The diceware password
            is strong enough to resist brute force decryption attacks.
        </p>

        <p>
            You then write a note and stick it in your wallet. "In case of death,
            visit &lt;this website&gt; and enter this password:"
        </p>

        <p>
            When the password is entered: you are alerted via e-mail that somebody
            has entered your password. You have 72 hours (or however long you prefer)
            to respond to the e-mail and cancel the request. If you do not cancel
            the request, the message will be unlocked to the user who entered the
            password.
        </p>
    </section>

    <section>
        <h1>Create a Note</h1>

        <p>
            You may create a note to store on this server. The note will be encrypted
            using a very strong, randomly generated <a href="https://en.wikipedia.org/wiki/Diceware" target="_blank">Diceware</a>
            passphrase that the server won't store a copy of.
        </p>

        <form name="create" method="POST" action="/create">
            <fieldset>
                <legend>
                    <label for="email">Email Address</label>
                </legend>
                <p>
                    You must provide an e-mail address, and you will be sent a confirmation
                    e-mail to prove control of it.
                </p>
                <p>
                    When your note is unlocked, you will be sent a notification e-mail
                    with options. If you don't react to the e-mail, the original requester
                    will be granted access to read the message after a window period
                    you specify below.
                </p>

                <input type="email"
                    name="email"
                    id="email"
                    placeholder="name@domain.com"
                    required>
            </fieldset>

            <fieldset>
                <legend>
                    <label for="timeout">Unlock Timeout Window</label>
                </legend>
                <p>
                    When somebody enters the password to unlock your message, you will
                    receive a notification e-mail and you may act on it. If you don't
                    react within this timeout window, the requester will be granted
                    access to decrypt your message.
                </p>
                <select name="timeout" id="timeout">
                    <option value="0">No unlock timeout</option>
                    <option value="24">24 hours</option>
                    <option value="48">48 hours (2 days)</option>
                    <option value="72" selected>72 hours (3 days)</option>
                    <option value="168">One week (7 days)</option>
                    <option value="336">Two weeks (14 days)</option>
                </select>
            </fieldset>

            <fieldset>
                <legend>
                    <label for="length">Security Settings</label>
                </legend>
                <p>
                    Your message will be encrypted using a strong, randomly generated
                    <a href="https://en.wikipedia.org/wiki/Diceware" target="_blank">Diceware</a>
                    password. You may choose how many words will be used; the more the better.
                </p>
                <select name="length" id="length">
                    <option value="6">6 words</option>
                    <option value="7">7 words</option>
                    <option value="8">8 words (recommended)</option>
                    <option value="9">9 words</option>
                    <option value="10">10 words</option>
                    <option value="11">11 words</option>
                    <option value="12">12 words</option>
                </select>
            </fieldset>

            <fieldset>
                <legend>
                    <label for="message">Message</label>
                </legend>
                <textarea
                    name="message"
                    cols="80"
                    rows="20"
                    placeholder="Secure Message"
                    required></textarea>
            </fieldset>

            <p>
                <button type="submit"
                    class="primary">Continue &gt;</button>
            </p>
        </form>
    </section>

{{ Include "footer.gohtml" }}