mirror of https://github.com/Facinorous-420/dick
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
4.1 KiB
84 lines
4.1 KiB
<div class="bg-secondary max-h-1/2 max-w-md mx-auto overflow-hidden rounded-lg shadow-xl">
|
|
<div class="flex flex-col items-center justify-center overflow-y-auto md:flex-row">
|
|
<div class="flex items-center justify-center p-6 sm:p-12">
|
|
<div class="w-full">
|
|
<h3 class="text-color-tertiary font-bold text-2xl text-center">
|
|
<%= settingsDatabase.name ? settingsDatabase.name.toUpperCase() : "DICK" %>
|
|
</h3>
|
|
<p class="text-color-accent text-xs pt-2 pb-5 text-center">
|
|
<%= settingsDatabase.loginText ? settingsDatabase.loginText : "Sign in to easily manage your nudes." %>
|
|
</p>
|
|
|
|
<% if(success_alert_message !='' ){ %>
|
|
<div class="p-2 mb-4 text-sm text-green-600 bg-green-100 rounded-lg dark:bg-green-200 dark:text-green-800" role="alert">
|
|
<span class="font-medium">Success!</span> <%= success_alert_message %>.
|
|
</div>
|
|
<% } %>
|
|
|
|
<% if(error_message !='' ){ %>
|
|
<div class="p-2 mb-4 text-sm text-red-600 bg-red-100 rounded-lg dark:bg-red-200 dark:text-red-800" role="alert">
|
|
<span class="font-medium">Error!</span> <%= error_message %>.
|
|
</div>
|
|
<% } %>
|
|
|
|
<form class="flex flex-col" method="post" action="/auth/login">
|
|
<label class="block text-sm">
|
|
<span class="text-color-tertiary">Username</span>
|
|
<input class="form-input block w-full mt-1 rounded text-sm text-color-tertiary border-form bg-forminput transition duration-500 focus:border-transparent border-transparent focus:ring-0 focus:border-formaccent focus:text-color-accent"
|
|
placeholder="Imposter" name="username" type="text" />
|
|
</label>
|
|
<label class="block mt-4 text-sm">
|
|
<span class="text-color-tertiary">Secret Key</span>
|
|
<input class="form-input block w-full mt-1 rounded text-sm text-color-tertiary border-form bg-forminput transition duration-500 focus:border-transparent border-transparent focus:ring-0 focus:border-formaccent focus:text-color-accent"
|
|
placeholder="***************" name="password" type="password" />
|
|
</label>
|
|
<% if(settingsDatabase.captchaEnabled) { %>
|
|
<div class="h-captcha mt-4" data-theme="dark" data-sitekey=<%= settingsDatabase.captchaSiteID %>></div>
|
|
<% } %>
|
|
<button
|
|
class="block w-full px-4 py-2 mt-4 text-sm font-medium leading-5 text-center text-color-primary transition-colors duration-150 bg-accentsecondary border border-transparent rounded-lg active:bg-accentsecondary hover:bg-accent focus:outline-none focus:shadow-outline-purple"
|
|
type="submit">
|
|
Sign In
|
|
</button>
|
|
</form>
|
|
|
|
<% if(settingsDatabase.registrationEnabled) { %>
|
|
<p class="mt-4 text-center">
|
|
<a class="text-sm font-medium text-color-accent hover:underline" href="/register">
|
|
Create account
|
|
</a>
|
|
</p>
|
|
<% } %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<% if(settingsDatabase.privateModeEnabled == false) { %>
|
|
<div class="bg-secondary h-1/2 max-w-md mt-5 mx-auto rounded-lg shadow-xl">
|
|
<div class="flex justify-around p-3">
|
|
<div class="text-center">
|
|
<i data-lucide="files" class="text-color-accent mx-auto"></i>
|
|
<p class="text-color-tertiary">Total Files Saved </p>
|
|
<p class="text-color-tertiary">
|
|
<%= totalData %>
|
|
</p>
|
|
</div>
|
|
<div class="text-center px-5">
|
|
<i data-lucide="hard-drive" class="text-color-accent mx-auto"></i>
|
|
<p class="text-color-tertiary">Total Space Used </p>
|
|
<p class="text-color-tertiary">
|
|
<%= totalSize %>
|
|
</p>
|
|
</div>
|
|
<div class="text-center">
|
|
<i data-lucide="users" class="text-color-accent mx-auto"></i>
|
|
<p class="text-color-tertiary">Total Users </p>
|
|
<p class="text-color-tertiary">
|
|
<%= totalUsers %>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% } %>
|