86 lines
4.0 KiB
HTML
Executable File
86 lines
4.0 KiB
HTML
Executable File
{% load static %}
|
|
<!doctype html>
|
|
<html lang="en" data-theme="light">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
|
<meta name="color-scheme" content="dark light">
|
|
<title>{% block title %}{% endblock title %} | Litepay.ch </title>
|
|
<!-- App favicon -->
|
|
<link rel="shortcut icon" href="{% static 'images/favicon.ico'%}">
|
|
{% block css %}
|
|
<!-- Styles -->
|
|
<link rel="stylesheet" type="text/css" href="{% static '/css/main.css'%}">
|
|
<link rel="stylesheet" type="text/css" href="{% static '/css/utility.css'%}">
|
|
<!-- Bootstrap Icons -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">
|
|
<!-- Fonts -->
|
|
<link rel="stylesheet" href="https://api.fontshare.com/v2/css?f=satoshi@900,700,500,300,401,400&display=swap">
|
|
{% endblock css %}
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
<div class="row g-0 justify-content-center gradient-bottom-right start-purple-500 middle-indigo-500 end-pink-500">
|
|
<div class="col-md-6 col-lg-5 col-xl-5 position-fixed start-0 top-0 h-screen overflow-y-hidden d-none d-lg-flex flex-lg-column">
|
|
<div class="p-12 py-xl-10 px-xl-20">
|
|
<a class="d-block" href="/">
|
|
<img src="https://ik.imagekit.io/litepaych/assets/new/img/logo_litepay_2020_white_small.png" class="h-10" alt="...">
|
|
</a>
|
|
<div class="mt-16">
|
|
<h1 class="ls-tight font-bolder display-6 text-white mb-5">
|
|
Accept crypto currencies
|
|
<span class="d-xxl-block"> easy!</span>
|
|
</h1>
|
|
<p class="text-white text-opacity-80 pe-xl-24">
|
|
Login or register to start :-)
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="mt-auto ps-16 ps-xl-20">
|
|
<img class="img-fluid rounded-top-start-4" alt="..." src="https://ik.imagekit.io/litepaych/assets/new/img/hero_8.png " />
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-12 col-lg-7 offset-lg-5 min-h-screen overflow-y-auto d-flex flex-column justify-content-center position-relative bg-surface-primary rounded-top-start-lg-4 border-start-lg shadow-soft-5">
|
|
<div class="w-md-1/2 w-xxl-2/5 mx-auto px-10 px-md-0 py-10">
|
|
<div class="mb-10">
|
|
<a class="d-inline-block d-lg-none mb-10" href="/pages/dashboard.html">
|
|
<img src="https://ik.imagekit.io/litepaych/assets/new/img/logo_litepay_2020_blue.png" class="h-10" alt="...">
|
|
</a>
|
|
<h1 class="ls-tight font-bolder h3">
|
|
Sign in to your account
|
|
</h1>
|
|
<div class="mt-3 text-sm text-muted">
|
|
<span>Don't have an account?</span>
|
|
<a href="/pages/register.html" class="font-semibold">Sign up</a> for a free trial.
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<form action="" method="post">
|
|
{% csrf_token %}
|
|
<input type="hidden" name="login_view-current_step" value="auth" id="id_login_view-current_step">
|
|
<div class="mb-5">
|
|
<label class="form-label" for="id_auth-username">Email address</label>
|
|
<input type="text" class="form-control" name="auth-username" autofocus autocapitalize="none" autocomplete="username" maxlength="254" required id="id_auth-username">
|
|
</div>
|
|
<div class="mb-5">
|
|
<div class="d-flex justify-content-between gap-2 mb-2 align-items-center">
|
|
<label class="form-label mb-0" for="id_auth-password">Password</label>
|
|
<a href="#" class="text-sm text-muted text-primary-hover text-underline">Forgot password?</a>
|
|
</div>
|
|
<input type="password" class="form-control" type="password" name="auth-password" autocomplete="current-password" required id="id_auth-password">
|
|
</div>
|
|
<div>
|
|
<button type="submit" class="btn btn-primary">Submit</button>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |