<!--
Copyright (C) 2020 Yarmo Mackenbach

This program is free software: you can redistribute it and/or modify it under
the terms of the GNU Affero General Public License as published by the Free
Software Foundation, either version 3 of the License, or (at your option)
any later version.

This program is distributed in the hope that it will be useful, but WITHOUT
ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
details.

You should have received a copy of the GNU Affero General Public License along
with this program. If not, see <https://www.gnu.org/licenses/>.

Also add information on how to contact you by electronic and paper mail.

If your software can interact with users remotely through a computer network,
you should also make sure that it provides a way for users to get its source.
For example, if your program is a web application, its interface could display
a "Source" link that leads users to an archive of the code. There are many
ways you could offer source, and different solutions will be better for different
programs; see section 13 for the specific requirements.

You should also get your employer (if you work as a programmer) or school,
if any, to sign a "copyright disclaimer" for the program, if necessary. For
more information on this, and how to apply and follow the GNU AGPL, see <https://www.gnu.org/licenses/>.
 -->
<?php $this->layout('template.base', ['title' => $title]) ?>

<div class="content">
    <h1>Web Key Directory generator</h1>
    <form id="form-util-wkd" method="post">
        <p>This tool computes the part of the WKD URL that corresponds to the username when <a href="https://keyoxide.org/guides/web-key-directory">uploading keys using web key directory</a>.</p>
        <p>If you enter the entire WKD identifier (username@domain.org), this tool will also generate the complete URLs.</p>
        <h3>Input</h3>
        <input type="text" name="input" id="input" placeholder="WKD username or identifier">
        <h3>Output</h3>
        <h4>Local part</h4>
        <code class="full-width"id="output">Waiting for input...</code>
        <h4>Direct URL</h4>
        <code class="full-width"id="output_url_direct">Waiting for input...</code>
        <h4>Advanced URL</h4>
        <code class="full-width"id="output_url_advanced">Waiting for input...</code>
    </form>
</div>