Andromeda/jank-client-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added loading bg to other pages/fix bug

Browse source
This commit is contained in:
ygg2 2024-10-25 22:23:45 -04:00
parent 65ea9ed0d9
commit c5a34df847
7 changed files with 125 additions and 108 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/webpage/home.html
View file

@ -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>

4
src/webpage/index.html
View file

@ -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">

8
src/webpage/invite.html
View file

@ -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,7 +11,9 @@
<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="no-theme">
<div> <div>
<div id="invitebody"> <div id="invitebody">
<div id="inviteimg"></div> <div id="inviteimg"></div>
@ -20,4 +23,5 @@
</div> </div>
</div> </div>
<script type="module" src="/invite.js"></script> <script type="module" src="/invite.js"></script>
</body> </body>
</html>

8
src/webpage/login.html
View file

@ -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,7 +13,9 @@
<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="no-theme">
<div id="logindiv"> <div id="logindiv">
<h1>Login</h1> <h1>Login</h1>
<form id="form" submit="check(e)"> <form id="form" submit="check(e)">
@ -54,4 +57,5 @@
</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>

8
src/webpage/oauth2/authorize.html
View file

@ -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,7 +10,9 @@
<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="no-theme">
<div> <div>
<div id="invitebody"> <div id="invitebody">
<img id="inviteimg" class="pfp"/> <img id="inviteimg" class="pfp"/>
@ -20,4 +23,5 @@
</div> </div>
</div> </div>
<script type="module" src="/oauth2/auth.js"></script> <script type="module" src="/oauth2/auth.js"></script>
</body> </body>
</html>

9
src/webpage/register.html
View file

@ -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,7 +10,9 @@
<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="no-theme">
<div id="logindiv"> <div id="logindiv">
<h1>Create an account</h1> <h1>Create an account</h1>
<form id="register" submit="registertry(e)"> <form id="register" submit="registertry(e)">
@ -58,4 +60,5 @@
</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
src/webpage/style.css
View file

@ -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);