Skip to content

Commit cfd20c4

Browse files
committed
PUSH
-> Fix mobile ui -> New login and registration theme!
1 parent 8f8301a commit cfd20c4

File tree

4 files changed

+32
-114
lines changed

4 files changed

+32
-114
lines changed

addons/core/init.php

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,3 @@
88
'author' => 'NaysKutzu',
99
];
1010

11-
?>

view/auth/login.php

Lines changed: 5 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -131,35 +131,18 @@
131131
</title>
132132

133133
</head>
134-
135134
<body>
136-
<?php
137-
if (SettingsManager::getSetting("show_snow") == "true") {
138-
include(__DIR__ . '/../components/snow.php');
139-
}
140-
?>
141135
<div id="preloader" class="discord-preloader">
142136
<div class="spinner"></div>
143137
</div>
144138
<div class="authentication-wrapper authentication-cover authentication-bg">
145139
<div class="authentication-inner row">
146-
<div class="d-none d-lg-flex col-lg-7 p-0">
147-
<div class="auth-cover-bg auth-cover-bg-color d-flex justify-content-center align-items-center">
148-
<img src="<?= $appURL ?>/assets/img/illustrations/auth-login-illustration-light.png" alt="auth-login-cover"
149-
class="img-fluid my-5 auth-illustration"
150-
data-app-light-img="illustrations/auth-login-illustration-light.png"
151-
data-app-dark-img="illustrations/auth-login-illustration-dark.png" />
152-
<img src="<?= $appURL ?>/assets/img/illustrations/bg-shape-image-light.png" alt="auth-login-cover"
153-
class="platform-bg" data-app-light-img="illustrations/bg-shape-image-light.png"
154-
data-app-dark-img="illustrations/bg-shape-image-dark.png" />
155-
</div>
156-
</div>
157-
<div class="d-flex col-12 col-lg-5 align-items-center p-sm-5 p-4">
140+
<div class="d-flex col-12 col-lg-5 align-items-center p-sm-5 p-4 center">
158141
<div class="w-px-400 mx-auto">
159-
<h3 class="mb-1 fw-bold"><?= $lang['welcome_to'] ?>
142+
<h3 class="mb-1 fw-bold text-center"><?= $lang['welcome_to'] ?>
160143
<?= SettingsManager::getSetting("name") ?>!
161144
</h3>
162-
<p class="mb-4"><?= $lang['please_login'] ?></p>
145+
<p class="mb-4 text-center"><?= $lang['please_login'] ?></p>
163146
<?php
164147
if (isset($_GET['e'])) {
165148
?>
@@ -181,7 +164,7 @@ class="platform-bg" data-app-light-img="illustrations/bg-shape-image-light.png"
181164
<?php if (SettingsManager::getSetting("enable_smtp") == "true") {
182165
?>
183166
<div class="d-flex justify-content-between">
184-
<label class="form-label" for="password"><?= $lang['password'] ?></label>
167+
<label class="form-label" for="password"><?= $lang['password']?></label>
185168
<a href="/auth/forgot-password">
186169
<small><?= $lang['forgot_password'] ?></small>
187170
</a>
@@ -194,13 +177,7 @@ class="platform-bg" data-app-light-img="illustrations/bg-shape-image-light.png"
194177
aria-describedby="password" />
195178
<span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
196179
</div>
197-
</div>
198-
<div class="mb-3">
199-
<div class="form-check">
200-
<input class="form-check-input" type="checkbox" id="remember-me" name="remember-me" />
201-
<label class="form-check-label" for="remember-me"> Remember Me </label>
202-
</div>
203-
</div>
180+
</div>
204181
<?php
205182
if (SettingsManager::getSetting("enable_turnstile") == "true") {
206183
?>
@@ -221,9 +198,6 @@ class="platform-bg" data-app-light-img="illustrations/bg-shape-image-light.png"
221198
<span><?= $lang['register'] ?></span>
222199
</a>
223200
</p>
224-
<div class="divider my-2">
225-
<div class="divider-text"> <?= $lang['or'] ?> </div>
226-
</div>
227201
<div class="auth-footer-btn d-flex justify-content-center">
228202
<?php
229203
if (SettingsManager::getSetting("enable_discord_link") == "true") {

view/auth/register.php

Lines changed: 26 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -200,77 +200,46 @@
200200
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
201201
<?php include(__DIR__ . '/../requirements/head.php'); ?>
202202
<title>
203-
<?= SettingsManager::getSetting("name") ?> -
204-
<?= $lang['register'] ?>
203+
<?= SettingsManager::getSetting("name") ?> - <?= $lang['register'] ?>
205204
</title>
206205
<link rel="stylesheet" href="<?= $appURL ?>/assets/vendor/css/pages/page-auth.css" />
207206
</head>
208207

209208
<body>
210-
<?php
211-
if (SettingsManager::getSetting("show_snow") == "true") {
212-
include(__DIR__ . '/../components/snow.php');
213-
}
214-
?>
215209
<div id="preloader" class="discord-preloader">
216210
<div class="spinner"></div>
217211
</div>
218212
<div class="authentication-wrapper authentication-cover authentication-bg">
219213
<div class="authentication-inner row">
220-
<div class="d-none d-lg-flex col-lg-7 p-0">
221-
<div class="auth-cover-bg auth-cover-bg-color d-flex justify-content-center align-items-center">
222-
<img src="<?= $appURL ?>/assets/img/illustrations/auth-register-illustration-light.png"
223-
alt="auth-register-cover" class="img-fluid my-5 auth-illustration"
224-
data-app-light-img="illustrations/auth-register-illustration-light.png"
225-
data-app-dark-img="illustrations/auth-register-illustration-dark.png" />
226-
<img src="<?= $appURL ?>/assets/img/illustrations/bg-shape-image-light.png"
227-
alt="auth-register-cover" class="platform-bg"
228-
data-app-light-img="illustrations/bg-shape-image-light.png"
229-
data-app-dark-img="illustrations/bg-shape-image-dark.png" />
230-
</div>
231-
</div>
232-
<div class="d-flex col-12 col-lg-5 align-items-center p-sm-5 p-4">
214+
<div class="d-flex col-12 col-lg-5 align-items-center p-sm-5 p-4 center">
233215
<div class="w-px-400 mx-auto">
234-
<h3 class="mb-1 fw-bold">
235-
<?= $lang['welcome_to'] ?>
216+
<h3 class="mb-1 fw-bold text-center"><?= $lang['welcome_to'] ?>
236217
<?= SettingsManager::getSetting("name") ?>!
237218
</h3>
238-
<p class="mb-4">
239-
<?= $lang['register_subtitle'] ?>
240-
</p>
219+
<p class="mb-4 text-center"><?= $lang['register_subtitle'] ?></p>
241220
<form id="formAuthentication" class="mb-3" method="POST">
242221
<div class="mb-3">
243-
<label for="first_name" class="form-label">
244-
<?= $lang['first_name'] ?>
245-
</label>
222+
<label for="first_name" class="form-label"><?= $lang['first_name'] ?></label>
246223
<input type="text" class="form-control" id="first_name" required name="first_name"
247224
placeholder="John" autofocus />
248225
</div>
249226
<div class="mb-3">
250-
<label for="last_name" class="form-label">
251-
<?= $lang['last_name'] ?>
252-
</label>
227+
<label for="last_name" class="form-label"><?= $lang['last_name'] ?></label>
253228
<input type="text" class="form-control" id="last_name" required name="last_name"
254-
placeholder="Doe" autofocus />
229+
placeholder="Cazen" autofocus />
255230
</div>
256231
<div class="mb-3">
257-
<label for="username" class="form-label">
258-
<?= $lang['username'] ?>
259-
</label>
232+
<label for="username" class="form-label"><?= $lang['username'] ?></label>
260233
<input type="text" class="form-control" id="username" required name="username"
261-
placeholder="johndoe" autofocus />
234+
placeholder="kentocazen" autofocus />
262235
</div>
263236
<div class="mb-3">
264-
<label for="email" class="form-label">
265-
<?= $lang['email'] ?>
266-
</label>
237+
<label for="email" class="form-label"><?= $lang['email'] ?></label>
267238
<input type="email" class="form-control" id="email" required name="email"
268239
placeholder="Enter your email" />
269240
</div>
270241
<div class="mb-3 form-password-toggle">
271-
<label class="form-label" for="password">
272-
<?= $lang['password'] ?>
273-
</label>
242+
<label class="form-label" for="password"><?= $lang['password'] ?></label>
274243
<div class="input-group input-group-merge">
275244
<input type="password" id="password" required class="form-control" name="password"
276245
placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
@@ -282,31 +251,24 @@
282251
<div class="form-check">
283252
<input class="form-check-input" type="checkbox" id="terms-conditions" name="terms" />
284253
<label class="form-check-label" for="terms-conditions">
285-
<?= $lang['terms_agree'] ?> <a type="button" class="text-primary"
286-
data-bs-toggle="modal" data-bs-target="#tos">
287-
<?= $lang['terms_of_service'] ?>
288-
</a> &amp; <a type="button" class="text-primary" data-bs-toggle="modal"
289-
data-bs-target="#pp">
290-
<?= $lang['privacy_policy'] ?>
291-
</a>
254+
<?= $lang['terms_agree'] ?> <a type="button" class="text-primary" data-bs-toggle="modal"
255+
data-bs-target="#tos"><?= $lang['terms_of_service'] ?></a> &amp; <a type="button"
256+
class="text-primary" data-bs-toggle="modal" data-bs-target="#pp"><?= $lang['privacy_policy'] ?></a>
292257
</label>
293258
</div>
294259
</div>
295260
<?php
296261
if (SettingsManager::getSetting("enable_turnstile") == "true") {
297262
?>
298263
<center>
299-
<div class="cf-turnstile"
300-
data-sitekey="<?= SettingsManager::getSetting("turnstile_sitekey") ?>"></div>
264+
<div class="cf-turnstile" data-sitekey="<?= SettingsManager::getSetting("turnstile_sitekey") ?>"></div>
301265
</center>
302266
&nbsp;
303267
<?php
304268
}
305269
?>
306270
<?= $csrf->input('register-form'); ?>
307-
<button type="submit" value="true" name="sign_up" class="btn btn-primary d-grid w-100">
308-
<?= $lang['register'] ?>
309-
</button>
271+
<button type="submit" value="true" name="sign_up" class="btn btn-primary d-grid w-100"> <?= $lang['register'] ?></button>
310272
</form>
311273
<?php
312274
if (isset($_GET['e'])) {
@@ -320,13 +282,9 @@
320282
}
321283
?>
322284
<p class="text-center">
323-
<span>
324-
<?= $lang['register_have_an_account'] ?>
325-
</span>
285+
<span> <?= $lang['register_have_an_account'] ?></span>
326286
<a href="/auth/login">
327-
<span>
328-
<?= $lang['login'] ?>
329-
</span>
287+
<span><?= $lang['login'] ?></span>
330288
</a>
331289
</p>
332290
</div>
@@ -338,21 +296,15 @@
338296
<div class="modal-body">
339297
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
340298
<div class="text-center mb-4">
341-
<h3 class="mb-2">
342-
<?= $lang['terms_of_service'] ?>
343-
</h3>
299+
<h3 class="mb-2"><?= $lang['terms_of_service'] ?></h3>
344300
<p>
345-
<?= SettingsManager::getSetting("terms_of_service") ?>
301+
<?= SettingsManager::getSetting("terms_of_service") ?>
346302
</div>
347303
<div class="col-12 text-center">
348304
<button type="button" data-bs-toggle="modal" data-bs-target="#pp"
349-
class="btn btn-primary me-sm-3 me-1">
350-
<?= $lang['privacy_policy'] ?>
351-
</button>
305+
class="btn btn-primary me-sm-3 me-1"><?= $lang['privacy_policy'] ?></button>
352306
<button type="reset" class="btn btn-label-secondary" data-bs-dismiss="modal"
353-
aria-label="Close">
354-
<?= $lang['close'] ?>
355-
</button>
307+
aria-label="Close"> <?= $lang['close'] ?> </button>
356308
</div>
357309
</div>
358310
</div>
@@ -364,21 +316,15 @@ class="btn btn-primary me-sm-3 me-1">
364316
<div class="modal-body">
365317
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
366318
<div class="text-center mb-4">
367-
<h3 class="mb-2">
368-
<?= $lang['privacy_policy'] ?>
369-
</h3>
319+
<h3 class="mb-2"><?= $lang['privacy_policy'] ?></h3>
370320
<p>
371-
<?= SettingsManager::getSetting("privacy_policy") ?>
321+
<?= SettingsManager::getSetting("privacy_policy") ?>
372322
</div>
373323
<div class="col-12 text-center">
374324
<button type="button" data-bs-toggle="modal" data-bs-target="#tos" name="id" value=""
375-
class="btn btn-primary me-sm-3 me-1">
376-
<?= $lang['terms_of_service'] ?>
377-
</button>
325+
class="btn btn-primary me-sm-3 me-1"> <?= $lang['terms_of_service'] ?></button>
378326
<button type="reset" class="btn btn-label-secondary" data-bs-dismiss="modal"
379-
aria-label="Close">
380-
<?= $lang['close'] ?>
381-
</button>
327+
aria-label="Close"> <?= $lang['close'] ?> </button>
382328
</div>
383329
</div>
384330
</div>

view/requirements/footer.php

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -223,14 +223,13 @@ function fis_active_page($page_urls)
223223

224224
?>
225225
<script>
226-
227-
228226
anime({
229227
targets: '.navbar',
230228
translateY: [-100, 0],
231229
easing: 'easeInOutQuad',
232230
duration: 1000
233231
});
232+
234233
const cardAnimation = anime.timeline({
235234
targets: '.card',
236235
easing: 'easeInOutQuad',

0 commit comments

Comments
 (0)