<!--views/index.tpl-->
% rebase('base.tpl')
<link href="/static/styles/index.css" rel="stylesheet"></link>

<section>
    <header>​ចុះ​ឈ្មោះចូល​ទំព័រ​គ្រប់គ្រង</header>
    <form method="post" action="/login">
        <a>Email:</a><input type='email' name="email" required />
        <a>ពាក្យ​សំងាត់ៈ</a><input type='password' name="password" required />
        <a></a><input type='submit' value='បញ្ជូន' />
        <a></a><div>{{ data['message'] }}</div>
    </form>
</section>

/*asset/css/index.css*/
section{
    width: 400px;
    margin: 100px auto;
    background: lightgrey;
}

section header{
    text-align: center;
    font: 16px/1.5 Oswald, Koulen;
    border-bottom: 1px solid grey;
    padding: 5px;
}

section form{
    display: grid;
    grid-template-columns: 21% auto;
    grid-gap: 5px;
    align-items: center;
    padding: 20px;
}

section form a{
    text-align: right;
}

section form input{
    padding: 2px 5px;
    font: 14px/1.5 Vidaloka, OdorMeanChey;
}

GitHub: https://github.com/Sokhavuth/REST-API

Vercel: https://rest-api-zeta.vercel.app