File size: 7,924 Bytes
7df7c49 f33ad15 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 | <!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Авторизация | Edler.pro</title>
<link rel="icon" type="image/x-icon" href="https://amorfati.edler.pro/img/auth/logo.svg">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<style>
.auth-bg {
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}
.btn-primary {
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
}
.btn-primary:hover {
background: linear-gradient(90deg, #5a6fd1 0%, #6a4495 100%);
}
</style>
</head>
<body class="auth-bg min-h-screen flex items-center justify-center p-4">
<div class="max-w-md w-full bg-white rounded-xl shadow-2xl overflow-hidden" data-aos="fade-up">
<!-- Header Section -->
<div class="bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 p-6 text-white text-center">
<img src="https://amorfati.edler.pro/img/auth/logo.svg" alt="Edler.pro Logo" class="h-12 mx-auto mb-4">
<h1 class="text-2xl font-bold">EXP.business</h1>
<p class="text-sm opacity-90">Настроенный домен платформы</p>
</div>
<!-- Main Content -->
<div class="p-8">
<div class="text-center mb-6">
<h2 class="text-2xl font-semibold text-gray-800">Вход в платформу</h2>
<p class="text-gray-600 mt-2">Добро пожаловать в платформу Edler.pro!</p>
</div>
<!-- WhiteLabel Warning (hidden by default) -->
<div id="whiteLabelWarning" class="hidden bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-6 rounded-r">
<div class="flex">
<div class="flex-shrink-0">
<i data-feather="alert-triangle" class="h-5 w-5 text-yellow-400"></i>
</div>
<div class="ml-3">
<p class="text-sm text-yellow-700">
Вы уверены, что хотите отключить WhiteLabel? Платформа будет перенесена на предыдущий субдомен, все активные сессии завершены, а все ссылки, связанные с Вашим личным доменом, к сожалению, будут отключены.
</p>
<button class="mt-2 text-sm font-medium text-yellow-700 hover:text-yellow-600">
Отключить whitelabel
</button>
</div>
</div>
</div>
<!-- Login Form -->
<form class="space-y-6">
<div>
<label for="email" class="block text-sm font-medium text-gray-700">Email</label>
<div class="mt-1 relative rounded-md shadow-sm">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<i data-feather="mail" class="h-4 w-4 text-gray-400"></i>
</div>
<input type="email" id="email" name="email" class="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md py-3" placeholder="your@email.com">
</div>
</div>
<div>
<label for="password" class="block text-sm font-medium text-gray-700">Пароль</label>
<div class="mt-1 relative rounded-md shadow-sm">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<i data-feather="lock" class="h-4 w-4 text-gray-400"></i>
</div>
<input type="password" id="password" name="password" class="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md py-3" placeholder="••••••••">
</div>
<div class="mt-2 flex justify-end">
<a href="https://amorfati.edler.pro/recover" class="text-sm font-medium text-indigo-600 hover:text-indigo-500">Забыли пароль?</a>
</div>
</div>
<div class="flex items-center">
<input id="terms" name="terms" type="checkbox" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
<label for="terms" class="ml-2 block text-sm text-gray-700">
Я согласен с <a href="https://docs.google.com/document/d/1hhPx_L4uYkvFkRicBVtGA3H0KSo-EbE4UoLcgqaIANo/edit#heading=h.8pj6zm6b2icv" class="text-indigo-600 hover:text-indigo-500">Лицензионным соглашением</a> и <a href="https://edler.pro/privacy" class="text-indigo-600 hover:text-indigo-500">Политикой конфиденциальности</a>
</label>
</div>
<div>
<button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white btn-primary hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
Войти в личный кабинет
</button>
</div>
</form>
<div class="mt-6 text-center">
<a href="#" class="text-sm font-medium text-gray-600 hover:text-gray-500 flex items-center justify-center">
<i data-feather="arrow-left" class="mr-1"></i>
Вернуться назад
</a>
</div>
<div class="mt-8 border-t border-gray-200 pt-6">
<p class="text-sm text-gray-500 text-center">
У Вас еще нет аккаунта?
<a href="https://amorfati.edler.pro/registration" class="font-medium text-indigo-600 hover:text-indigo-500">
Давайте скорее создадим его!
</a>
</p>
</div>
</div>
</div>
<!-- Account Status Examples (hidden by default) -->
<div class="hidden">
<div class="flex items-center p-4 border rounded-lg mb-2">
<img src="https://amorfati.edler.pro/img/auth/logo.svg" class="h-8 w-8 mr-3">
<div>
<p class="font-medium">Название компании</p>
<p class="text-sm text-gray-500">home.edler.edler.pro</p>
</div>
</div>
<div class="flex items-center p-4 border rounded-lg mb-2 bg-red-50">
<img src="https://amorfati.edler.pro/img/auth/logo.svg" class="h-8 w-8 mr-3">
<div>
<p class="font-medium">Аккаунт заблокирован</p>
</div>
</div>
</div>
<script>
AOS.init();
feather.replace();
// Toggle WhiteLabel warning
document.addEventListener('DOMContentLoaded', function() {
// This would be triggered by some condition in a real app
// document.getElementById('whiteLabelWarning').classList.remove('hidden');
});
</script>
</body>
</html>
|