added loading bg to other pages/fix bug
This commit is contained in:
ygg2
parent
65ea9ed0d9
commit
c5a34df847
7 changed files with 125 additions and 108 deletions
|
|
@ -11,9 +11,10 @@
|
||||||
<meta content="#4b458c" data-react-helmet="true" name="theme-color">
|
<meta content="#4b458c" data-react-helmet="true" name="theme-color">
|
||||||
<link href="/style.css" rel="stylesheet">
|
<link href="/style.css" rel="stylesheet">
|
||||||
<link href="/themes.css" rel="stylesheet" id="lightcss">
|
<link href="/themes.css" rel="stylesheet" id="lightcss">
|
||||||
|
<style>body.no-theme{background:#16191b;}@media(prefers-color-scheme:light){body.no-theme{background:#9397bd;}}</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="Dark-theme" style="overflow-y: scroll;">
|
<body class="no-theme" style="overflow-y: scroll;">
|
||||||
<div id="titleDiv">
|
<div id="titleDiv">
|
||||||
<img src="/logo.svg" width="40">
|
<img src="/logo.svg" width="40">
|
||||||
<h1 id="pageTitle">Jank Client</h1>
|
<h1 id="pageTitle">Jank Client</h1>
|
||||||
|
|
|
||||||
|
|
@ -11,11 +11,11 @@
|
||||||
<meta content="#4b458c" data-react-helmet="true" name="theme-color">
|
<meta content="#4b458c" data-react-helmet="true" name="theme-color">
|
||||||
<link href="/style.css" rel="stylesheet">
|
<link href="/style.css" rel="stylesheet">
|
||||||
<link href="/themes.css" rel="stylesheet" id="lightcss">
|
<link href="/themes.css" rel="stylesheet" id="lightcss">
|
||||||
<style>body,#loading{background:#16191b;}@media(prefers-color-scheme:light){body,#loading{background:#9397bd;}}</style>
|
<style>body.no-theme,#loading{background:#16191b;}@media(prefers-color-scheme:light){body.no-theme,#loading{background:#9397bd;}}</style>
|
||||||
<link rel="manifest" href="/manifest.json">
|
<link rel="manifest" href="/manifest.json">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body class="no-theme">
|
||||||
<script src="/index.js" type="module"></script>
|
<script src="/index.js" type="module"></script>
|
||||||
|
|
||||||
<div id="loading" class="loading">
|
<div id="loading" class="loading">
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
<body class="Dark-theme">
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
@ -10,14 +11,17 @@
|
||||||
<meta content="#4b458c" data-react-helmet="true" name="theme-color">
|
<meta content="#4b458c" data-react-helmet="true" name="theme-color">
|
||||||
<link href="/style.css" rel="stylesheet">
|
<link href="/style.css" rel="stylesheet">
|
||||||
<link href="/themes.css" rel="stylesheet" id="lightcss">
|
<link href="/themes.css" rel="stylesheet" id="lightcss">
|
||||||
|
<style>body.no-theme{background:#16191b;}@media(prefers-color-scheme:light){body.no-theme{background:#9397bd;}}</style>
|
||||||
</head>
|
</head>
|
||||||
<div>
|
<body class="no-theme">
|
||||||
<div id="invitebody">
|
<div>
|
||||||
<div id="inviteimg"></div>
|
<div id="invitebody">
|
||||||
<h1 id="invitename">Server Name</h1>
|
<div id="inviteimg"></div>
|
||||||
<p id="invitedescription">Someone invited you to Server Name</p>
|
<h1 id="invitename">Server Name</h1>
|
||||||
<button id="AcceptInvite">Accept Invite</button>
|
<p id="invitedescription">Someone invited you to Server Name</p>
|
||||||
|
<button id="AcceptInvite">Accept Invite</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<script type="module" src="/invite.js"></script>
|
||||||
<script type="module" src="/invite.js"></script>
|
</body>
|
||||||
</body>
|
</html>
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
<body class="Dark-theme">
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
@ -12,46 +13,49 @@
|
||||||
<meta content="#4b458c" data-react-helmet="true" name="theme-color">
|
<meta content="#4b458c" data-react-helmet="true" name="theme-color">
|
||||||
<link href="/style.css" rel="stylesheet">
|
<link href="/style.css" rel="stylesheet">
|
||||||
<link href="/themes.css" rel="stylesheet" id="lightcss">
|
<link href="/themes.css" rel="stylesheet" id="lightcss">
|
||||||
|
<style>body.no-theme{background:#16191b;}@media(prefers-color-scheme:light){body.no-theme{background:#9397bd;}}</style>
|
||||||
</head>
|
</head>
|
||||||
<div id="logindiv">
|
<body class="no-theme">
|
||||||
<h1>Login</h1>
|
<div id="logindiv">
|
||||||
<form id="form" submit="check(e)">
|
<h1>Login</h1>
|
||||||
<label for="instance"><b>Instance:</b></label>
|
<form id="form" submit="check(e)">
|
||||||
<p id="verify"></p>
|
<label for="instance"><b>Instance:</b></label>
|
||||||
<input
|
<p id="verify"></p>
|
||||||
type="search"
|
<input
|
||||||
list="instances"
|
type="search"
|
||||||
placeholder="Instance URL"
|
list="instances"
|
||||||
name="instance"
|
placeholder="Instance URL"
|
||||||
id="instancein"
|
name="instance"
|
||||||
value=""
|
id="instancein"
|
||||||
required
|
value=""
|
||||||
>
|
required
|
||||||
|
>
|
||||||
|
|
||||||
<label for="uname"><b>Email:</b></label>
|
<label for="uname"><b>Email:</b></label>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="Enter email address"
|
placeholder="Enter email address"
|
||||||
name="uname"
|
name="uname"
|
||||||
id="uname"
|
id="uname"
|
||||||
required
|
required
|
||||||
>
|
>
|
||||||
|
|
||||||
<label for="psw"><b>Password:</b></label>
|
<label for="psw"><b>Password:</b></label>
|
||||||
<input
|
<input
|
||||||
type="password"
|
type="password"
|
||||||
placeholder="Enter Password"
|
placeholder="Enter Password"
|
||||||
name="psw"
|
name="psw"
|
||||||
id="psw"
|
id="psw"
|
||||||
required
|
required
|
||||||
>
|
>
|
||||||
<p class="wrongred" id="wrong"></p>
|
<p class="wrongred" id="wrong"></p>
|
||||||
|
|
||||||
<div id="h-captcha"></div>
|
<div id="h-captcha"></div>
|
||||||
<button type="submit">Login</button>
|
<button type="submit">Login</button>
|
||||||
</form>
|
</form>
|
||||||
<a href="/register.html" id="switch">Don't have an account?</a>
|
<a href="/register.html" id="switch">Don't have an account?</a>
|
||||||
</div>
|
</div>
|
||||||
<datalist id="instances"></datalist>
|
<datalist id="instances"></datalist>
|
||||||
<script src="/login.js" type="module"></script>
|
<script src="/login.js" type="module"></script>
|
||||||
</body>
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
<body class="Dark-theme">
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
@ -9,15 +10,18 @@
|
||||||
<meta content="#4b458c" data-react-helmet="true" name="theme-color">
|
<meta content="#4b458c" data-react-helmet="true" name="theme-color">
|
||||||
<link href="/style.css" rel="stylesheet">
|
<link href="/style.css" rel="stylesheet">
|
||||||
<link href="/themes.css" rel="stylesheet" id="lightcss">
|
<link href="/themes.css" rel="stylesheet" id="lightcss">
|
||||||
|
<style>body.no-theme{background:#16191b;}@media(prefers-color-scheme:light){body.no-theme{background:#9397bd;}}</style>
|
||||||
</head>
|
</head>
|
||||||
<div>
|
<body class="no-theme">
|
||||||
<div id="invitebody">
|
<div>
|
||||||
<img id="inviteimg" class="pfp"/>
|
<div id="invitebody">
|
||||||
<h1 id="invitename">Bot Name</h1>
|
<img id="inviteimg" class="pfp"/>
|
||||||
<p id="invitedescription">Add Bot</p>
|
<h1 id="invitename">Bot Name</h1>
|
||||||
<div id="permissions"><h1>This will allow the bot to:</h1></div>
|
<p id="invitedescription">Add Bot</p>
|
||||||
<button id="AcceptInvite">Add to server</button>
|
<div id="permissions"><h1>This will allow the bot to:</h1></div>
|
||||||
|
<button id="AcceptInvite">Add to server</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<script type="module" src="/oauth2/auth.js"></script>
|
||||||
<script type="module" src="/oauth2/auth.js"></script>
|
</body>
|
||||||
</body>
|
</html>
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<body class="Dark-theme">
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
@ -10,52 +10,55 @@
|
||||||
<meta content="#4b458c" data-react-helmet="true" name="theme-color">
|
<meta content="#4b458c" data-react-helmet="true" name="theme-color">
|
||||||
<link href="/style.css" rel="stylesheet">
|
<link href="/style.css" rel="stylesheet">
|
||||||
<link href="/themes.css" rel="stylesheet" id="lightcss">
|
<link href="/themes.css" rel="stylesheet" id="lightcss">
|
||||||
|
<style>body.no-theme{background:#16191b;}@media(prefers-color-scheme:light){body.no-theme{background:#9397bd;}}</style>
|
||||||
</head>
|
</head>
|
||||||
<div id="logindiv">
|
<body class="no-theme">
|
||||||
<h1>Create an account</h1>
|
<div id="logindiv">
|
||||||
<form id="register" submit="registertry(e)">
|
<h1>Create an account</h1>
|
||||||
<div>
|
<form id="register" submit="registertry(e)">
|
||||||
<label for="instance"><b>Instance:</b></label>
|
<div>
|
||||||
<p id="verify"></p>
|
<label for="instance"><b>Instance:</b></label>
|
||||||
<input type="search" list="instances" placeholder="Instance URL" id="instancein" name="instance" value="" required>
|
<p id="verify"></p>
|
||||||
</div>
|
<input type="search" list="instances" placeholder="Instance URL" id="instancein" name="instance" value="" required>
|
||||||
<div>
|
</div>
|
||||||
<label for="uname"><b>Email:</b></label>
|
<div>
|
||||||
<input type="text" placeholder="Enter Email" name="uname" id="uname" required>
|
<label for="uname"><b>Email:</b></label>
|
||||||
</div>
|
<input type="text" placeholder="Enter Email" name="uname" id="uname" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label for="uname"><b>Username:</b></label>
|
<label for="uname"><b>Username:</b></label>
|
||||||
<input type="text" placeholder="Enter Username" name="username" id="username" required>
|
<input type="text" placeholder="Enter Username" name="username" id="username" required>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="psw"><b>Password:</b></label>
|
<label for="psw"><b>Password:</b></label>
|
||||||
<input type="password" placeholder="Enter Password" name="psw" id="psw" required>
|
<input type="password" placeholder="Enter Password" name="psw" id="psw" required>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label for="psw2"><b>Enter password again:</b></label>
|
<label for="psw2"><b>Enter password again:</b></label>
|
||||||
<input type="password" placeholder="Enter Password Again" name="psw2" id="psw2" required>
|
<input type="password" placeholder="Enter Password Again" name="psw2" id="psw2" required>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label for="date"><b>Date of birth:</b></label>
|
<label for="date"><b>Date of birth:</b></label>
|
||||||
<input type="date" id="date" name="date">
|
<input type="date" id="date" name="date">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<b id="TOSbox">I agree to the <a href="" id="TOSa">Terms of Service</a>:</b>
|
<b id="TOSbox">I agree to the <a href="" id="TOSa">Terms of Service</a>:</b>
|
||||||
<input type="checkbox" id="TOS" name="TOS">
|
<input type="checkbox" id="TOS" name="TOS">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="wrongred" id="wrong"></p>
|
<p class="wrongred" id="wrong"></p>
|
||||||
<div id="h-captcha">
|
<div id="h-captcha">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<button type="submit" class="dontgrow">Create account</button>
|
<button type="submit" class="dontgrow">Create account</button>
|
||||||
</form>
|
</form>
|
||||||
<a href="/login.html" id="switch">Already have an account?</a>
|
<a href="/login.html" id="switch">Already have an account?</a>
|
||||||
</div>
|
</div>
|
||||||
<datalist id="instances"></datalist>
|
<datalist id="instances"></datalist>
|
||||||
<script src="/register.js" type="module"></script>
|
<script src="/register.js" type="module"></script>
|
||||||
</body>
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
/* General */
|
/* General */
|
||||||
body {
|
body {
|
||||||
|
height: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background: var(--secondary-bg);
|
background: var(--secondary-bg);
|
||||||
font-family: var(--font);
|
font-family: var(--font);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue