Skip to content

Commit

Permalink
PUSH
Browse files Browse the repository at this point in the history 
-> Fix mobile ui
-> New login and registration theme!
  • Loading branch information
@NaysKutzu
NaysKutzu committed Mar 2, 2024
1 parent 8f8301a commit cfd20c4
Show file tree
Hide file tree
Showing 4 changed files with 32 additions and 114 deletions.
1 change: 0 additions & 1 deletion addons/core/init.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,4 +8,3 @@
'author' => 'NaysKutzu',
];

?>
36 changes: 5 additions & 31 deletions view/auth/login.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -131,35 +131,18 @@
</title>

</head>

<body>
<?php
if (SettingsManager::getSetting("show_snow") == "true") {
include(__DIR__ . '/../components/snow.php');
}
?>
<div id="preloader" class="discord-preloader">
<div class="spinner"></div>
</div>
<div class="authentication-wrapper authentication-cover authentication-bg">
<div class="authentication-inner row">
<div class="d-none d-lg-flex col-lg-7 p-0">
<div class="auth-cover-bg auth-cover-bg-color d-flex justify-content-center align-items-center">
<img src="<?= $appURL ?>/assets/img/illustrations/auth-login-illustration-light.png" alt="auth-login-cover"
class="img-fluid my-5 auth-illustration"
data-app-light-img="illustrations/auth-login-illustration-light.png"
data-app-dark-img="illustrations/auth-login-illustration-dark.png" />
<img src="<?= $appURL ?>/assets/img/illustrations/bg-shape-image-light.png" alt="auth-login-cover"
class="platform-bg" data-app-light-img="illustrations/bg-shape-image-light.png"
data-app-dark-img="illustrations/bg-shape-image-dark.png" />
</div>
</div>
<div class="d-flex col-12 col-lg-5 align-items-center p-sm-5 p-4">
<div class="d-flex col-12 col-lg-5 align-items-center p-sm-5 p-4 center">
<div class="w-px-400 mx-auto">
<h3 class="mb-1 fw-bold"><?= $lang['welcome_to'] ?>
<h3 class="mb-1 fw-bold text-center"><?= $lang['welcome_to'] ?>
<?= SettingsManager::getSetting("name") ?>!
</h3>
<p class="mb-4"><?= $lang['please_login'] ?></p>
<p class="mb-4 text-center"><?= $lang['please_login'] ?></p>
<?php
if (isset($_GET['e'])) {
?>
Expand All @@ -181,7 +164,7 @@ class="platform-bg" data-app-light-img="illustrations/bg-shape-image-light.png"
<?php if (SettingsManager::getSetting("enable_smtp") == "true") {
?>
<div class="d-flex justify-content-between">
<label class="form-label" for="password"><?= $lang['password'] ?></label>
<label class="form-label" for="password"><?= $lang['password']?></label>
<a href="/auth/forgot-password">
<small><?= $lang['forgot_password'] ?></small>
</a>
Expand All @@ -194,13 +177,7 @@ class="platform-bg" data-app-light-img="illustrations/bg-shape-image-light.png"
aria-describedby="password" />
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
</div>
</div>
<div class="mb-3">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="remember-me" name="remember-me" />
<label class="form-check-label" for="remember-me"> Remember Me </label>
</div>
</div>
</div>
<?php
if (SettingsManager::getSetting("enable_turnstile") == "true") {
?>
Expand All @@ -221,9 +198,6 @@ class="platform-bg" data-app-light-img="illustrations/bg-shape-image-light.png"
<span><?= $lang['register'] ?></span>
</a>
</p>
<div class="divider my-2">
<div class="divider-text"> <?= $lang['or'] ?> </div>
</div>
<div class="auth-footer-btn d-flex justify-content-center">
<?php
if (SettingsManager::getSetting("enable_discord_link") == "true") {
Expand Down
106 changes: 26 additions & 80 deletions view/auth/register.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -200,77 +200,46 @@
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<?php include(__DIR__ . '/../requirements/head.php'); ?>
<title>
<?= SettingsManager::getSetting("name") ?> -
<?= $lang['register'] ?>
<?= SettingsManager::getSetting("name") ?> - <?= $lang['register'] ?>
</title>
<link rel="stylesheet" href="<?= $appURL ?>/assets/vendor/css/pages/page-auth.css" />
</head>

<body>
<?php
if (SettingsManager::getSetting("show_snow") == "true") {
include(__DIR__ . '/../components/snow.php');
}
?>
<div id="preloader" class="discord-preloader">
<div class="spinner"></div>
</div>
<div class="authentication-wrapper authentication-cover authentication-bg">
<div class="authentication-inner row">
<div class="d-none d-lg-flex col-lg-7 p-0">
<div class="auth-cover-bg auth-cover-bg-color d-flex justify-content-center align-items-center">
<img src="<?= $appURL ?>/assets/img/illustrations/auth-register-illustration-light.png"
alt="auth-register-cover" class="img-fluid my-5 auth-illustration"
data-app-light-img="illustrations/auth-register-illustration-light.png"
data-app-dark-img="illustrations/auth-register-illustration-dark.png" />
<img src="<?= $appURL ?>/assets/img/illustrations/bg-shape-image-light.png"
alt="auth-register-cover" class="platform-bg"
data-app-light-img="illustrations/bg-shape-image-light.png"
data-app-dark-img="illustrations/bg-shape-image-dark.png" />
</div>
</div>
<div class="d-flex col-12 col-lg-5 align-items-center p-sm-5 p-4">
<div class="d-flex col-12 col-lg-5 align-items-center p-sm-5 p-4 center">
<div class="w-px-400 mx-auto">
<h3 class="mb-1 fw-bold">
<?= $lang['welcome_to'] ?>
<h3 class="mb-1 fw-bold text-center"><?= $lang['welcome_to'] ?>
<?= SettingsManager::getSetting("name") ?>!
</h3>
<p class="mb-4">
<?= $lang['register_subtitle'] ?>
</p>
<p class="mb-4 text-center"><?= $lang['register_subtitle'] ?></p>
<form id="formAuthentication" class="mb-3" method="POST">
<div class="mb-3">
<label for="first_name" class="form-label">
<?= $lang['first_name'] ?>
</label>
<label for="first_name" class="form-label"><?= $lang['first_name'] ?></label>
<input type="text" class="form-control" id="first_name" required name="first_name"
placeholder="John" autofocus />
</div>
<div class="mb-3">
<label for="last_name" class="form-label">
<?= $lang['last_name'] ?>
</label>
<label for="last_name" class="form-label"><?= $lang['last_name'] ?></label>
<input type="text" class="form-control" id="last_name" required name="last_name"
placeholder="Doe" autofocus />
placeholder="Cazen" autofocus />
</div>
<div class="mb-3">
<label for="username" class="form-label">
<?= $lang['username'] ?>
</label>
<label for="username" class="form-label"><?= $lang['username'] ?></label>
<input type="text" class="form-control" id="username" required name="username"
placeholder="johndoe" autofocus />
placeholder="kentocazen" autofocus />
</div>
<div class="mb-3">
<label for="email" class="form-label">
<?= $lang['email'] ?>
</label>
<label for="email" class="form-label"><?= $lang['email'] ?></label>
<input type="email" class="form-control" id="email" required name="email"
placeholder="Enter your email" />
</div>
<div class="mb-3 form-password-toggle">
<label class="form-label" for="password">
<?= $lang['password'] ?>
</label>
<label class="form-label" for="password"><?= $lang['password'] ?></label>
<div class="input-group input-group-merge">
<input type="password" id="password" required class="form-control" name="password"
placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
Expand All @@ -282,31 +251,24 @@
<div class="form-check">
<input class="form-check-input" type="checkbox" id="terms-conditions" name="terms" />
<label class="form-check-label" for="terms-conditions">
<?= $lang['terms_agree'] ?> <a type="button" class="text-primary"
data-bs-toggle="modal" data-bs-target="#tos">
<?= $lang['terms_of_service'] ?>
</a> &amp; <a type="button" class="text-primary" data-bs-toggle="modal"
data-bs-target="#pp">
<?= $lang['privacy_policy'] ?>
</a>
<?= $lang['terms_agree'] ?> <a type="button" class="text-primary" data-bs-toggle="modal"
data-bs-target="#tos"><?= $lang['terms_of_service'] ?></a> &amp; <a type="button"
class="text-primary" data-bs-toggle="modal" data-bs-target="#pp"><?= $lang['privacy_policy'] ?></a>
</label>
</div>
</div>
<?php
if (SettingsManager::getSetting("enable_turnstile") == "true") {
?>
<center>
<div class="cf-turnstile"
data-sitekey="<?= SettingsManager::getSetting("turnstile_sitekey") ?>"></div>
<div class="cf-turnstile" data-sitekey="<?= SettingsManager::getSetting("turnstile_sitekey") ?>"></div>
</center>
&nbsp;
<?php
}
?>
<?= $csrf->input('register-form'); ?>
<button type="submit" value="true" name="sign_up" class="btn btn-primary d-grid w-100">
<?= $lang['register'] ?>
</button>
<button type="submit" value="true" name="sign_up" class="btn btn-primary d-grid w-100"> <?= $lang['register'] ?></button>
</form>
<?php
if (isset($_GET['e'])) {
Expand All @@ -320,13 +282,9 @@
}
?>
<p class="text-center">
<span>
<?= $lang['register_have_an_account'] ?>
</span>
<span> <?= $lang['register_have_an_account'] ?></span>
<a href="/auth/login">
<span>
<?= $lang['login'] ?>
</span>
<span><?= $lang['login'] ?></span>
</a>
</p>
</div>
Expand All @@ -338,21 +296,15 @@
<div class="modal-body">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="text-center mb-4">
<h3 class="mb-2">
<?= $lang['terms_of_service'] ?>
</h3>
<h3 class="mb-2"><?= $lang['terms_of_service'] ?></h3>
<p>
<?= SettingsManager::getSetting("terms_of_service") ?>
<?= SettingsManager::getSetting("terms_of_service") ?>
</div>
<div class="col-12 text-center">
<button type="button" data-bs-toggle="modal" data-bs-target="#pp"
class="btn btn-primary me-sm-3 me-1">
<?= $lang['privacy_policy'] ?>
</button>
class="btn btn-primary me-sm-3 me-1"><?= $lang['privacy_policy'] ?></button>
<button type="reset" class="btn btn-label-secondary" data-bs-dismiss="modal"
aria-label="Close">
<?= $lang['close'] ?>
</button>
aria-label="Close"> <?= $lang['close'] ?> </button>
</div>
</div>
</div>
Expand All @@ -364,21 +316,15 @@ class="btn btn-primary me-sm-3 me-1">
<div class="modal-body">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="text-center mb-4">
<h3 class="mb-2">
<?= $lang['privacy_policy'] ?>
</h3>
<h3 class="mb-2"><?= $lang['privacy_policy'] ?></h3>
<p>
<?= SettingsManager::getSetting("privacy_policy") ?>
<?= SettingsManager::getSetting("privacy_policy") ?>
</div>
<div class="col-12 text-center">
<button type="button" data-bs-toggle="modal" data-bs-target="#tos" name="id" value=""
class="btn btn-primary me-sm-3 me-1">
<?= $lang['terms_of_service'] ?>
</button>
class="btn btn-primary me-sm-3 me-1"> <?= $lang['terms_of_service'] ?></button>
<button type="reset" class="btn btn-label-secondary" data-bs-dismiss="modal"
aria-label="Close">
<?= $lang['close'] ?>
</button>
aria-label="Close"> <?= $lang['close'] ?> </button>
</div>
</div>
</div>
Expand Down
3 changes: 1 addition & 2 deletions view/requirements/footer.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -223,14 +223,13 @@ function fis_active_page($page_urls)

?>
<script>


anime({
targets: '.navbar',
translateY: [-100, 0],
easing: 'easeInOutQuad',
duration: 1000
});

const cardAnimation = anime.timeline({
targets: '.card',
easing: 'easeInOutQuad',
Expand Down

0 comments on commit cfd20c4

Please sign in to comment.