templates/tox/add_ui.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tox ID Service</title>
    <link href="/static/tox.css" rel="stylesheet" type="text/css">
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/static/lookup.js"></script>
</head>
<body>
        <!--[if lte IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
    <header class="header_nav">
        <a class="icon" href="/" title="Tox"></a>
    </header>
    <article class="main_content">
        <div class="chunk hello dark">
            <p class="tagline">Add Yourself</p>
            <p>
                Use this to add your Tox ID to the public list.<br>
                Note: If your client supports this, it's best to do it from within the client.<br>
                Want to edit your entry? <a href="/edit_ui">Click here.</a>
            </p>
            <form class="addself_form" action="/add_ui" enctype="multipart/form-data" method="post">
                <div class="formbit">
                    <label class="left" for="name">Name</label>
                    <input name="name" id="name" type="text" placeholder="John">
                </div>
                <div class="formbit">
                    <label class="left" for="tox_id">Tox ID</label>
                    <input name="tox_id" id="tox_id" type="text" placeholder="ABCDEF00...">
                </div>
                <div class="formbit">
                    <label class="left" for="bio">Bio</label>
                    <input name="bio" id="bio" type="text" placeholder="I am a...">
                </div>
                <div class="formbit">
                    <input name="privacy" id="privacy" type="checkbox">
                    <label for="privacy">Hide my name from the public list</label>
                </div>
                <div class="formbit">
                    <input type="submit" class="submit" value="Publish!">
                </div>
            </form>
        </div>
        <div id="footer" class="footer">
            <p>
                <small class="de-emphasize">Copyright &copy; 2015 Tox Project. All rights reserved.</small>
                <small class="de-emphasize"><a href="https://github.com/subliun/toxme">I'm open source!</a></small>
            </p>
        </div>
    </article>
    <script type="text/javascript">sc_init();</script>
</body>
</html>