Khmer Web Library

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title><%= siteTitle %></title>
    <script src="/scripts/jQuery.js"></script>
    <link href="/images/site_logo.png" rel="icon" ></link>
    <link href="/fonts/setup.css" rel="stylesheet"></link>
    <link href="/styles/global.css" rel="stylesheet"></link>
  </head>
  <body>

<%- include('partials/header.ejs') %>
<link href="/styles/login.css" rel="stylesheet"></link>
  
<section class='Login'>
    <div class='title'>ចុះឈ្មោះចូលទំព័រគ្រប់គ្រង</div>

    <form action='/users' method='post' >
        <a>Email:</a><input type='email' name='email' required />
        <a>ពាក្យសំងាត់ៈ</a><input type='password' name='password' required />
    </form>

    <footer>&copy; 2021 Khmer Web</footer>
</section>
    
<%- include('partials/footer.ejs') %>

.Login{
    width: 400px;
    margin: 100px auto;
    background: var(--background-dark);
} 

.Login .title{
    text-align: center;
    font: 18px/1.5 Moul, Oswald;
    padding: 10px;
    border-bottom: 1px solid lightgrey;
}

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

.Login form a{
    text-align: right;
}

.Login form input{
    padding: 5px;
}

.Login footer{
    border-top: 1px solid lightgrey;
    text-align: center;
    padding: 10px;
}

GitHub: https://github.com/Sokhavuth/tv

Vercel: https://tv-neon.vercel.app

Responsive: http://www.responsinator.com