navi/templates/auth.html

{% extends 'base/base.html' %}
{% block content %}

<div class="ui vertical stripe segment">
    <div class="ui container">
        <div class="ui warning message">
            <div class="header">温馨提示</div>
            <ul>
                <li>用户服务仍处于测试与迭代研发阶段。</li>
                <li>本网站不保证在未来保留部分或全部该服务的内容，但网站代码对外开源，欢迎Fork。</li>
            </ul>
        </div>
        <div class="ui placeholder segment">
            <div class="ui two column very relaxed stackable grid">
                <div class="middle aligned  column">
                    {% if type == 'login' %}
                    <div class="ui form">
                        <form method="post" action="login">
                            <div class="field">
                                <label>Username</label>
                                <div class="ui left icon input">
                                    <input type="text" name="username" placeholder="Username">
                                    <i class="user icon"></i>
                                </div>
                            </div>
                            <div class="field">
                                <label>Password</label>
                                <div class="ui left icon input">
                                    <input type="password" name="password">
                                    <i class="lock icon"></i>
                                </div>
                            </div>
                            <button type="submit" class="ui blue submit button">Login</button>
                            <p style="color:red;"> {{ attention }} </p>
                        </form>
                    </div>
                    {% else %}
                    <a href="/login">
                    <div class="ui big button">
                        <i class="signup icon"></i>
                        Login
                    </div></a>
                    {% endif %}
                </div>
                <div class="middle aligned column">
                    {% if type == 'register' %}
                    <div class="ui form">
                        <form method="post" action="register">
                            <div class="field">
                                <label>Username</label>
                                <div class="ui left icon input">
                                    <input type="text" name="username" placeholder="Username">
                                    <i class="user icon"></i>
                                </div>
                            </div>
                            <div class="field">
                                <label>Password</label>
                                <div class="ui left icon input">
                                    <input type="password" name="password">
                                    <i class="lock icon"></i>
                                </div>
                            </div>
                            <button type="submit" class="ui blue submit button">Sign Up</button>
                            <p style="color:red;"> {{ attention }} </p>
                        </form>
                    </div>
                    {% else %}
                    <a href="/register">
                    <div class="ui big button">
                        <i class="signup icon"></i>
                        Sign Up
                    </div></a>
                    {% endif %}
                </div>
            </div>
            <div class="ui vertical divider">
                Or
            </div>
        </div>
    </div>
</div>

{% endblock %}