epagris/SpreadQuiz
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

- login page beautified

Browse Source
This commit is contained in:
Wiesner András 2024-03-08 07:27:06 +01:00
parent 52de05e121
commit a2c6ddabb3
4 changed files with 35 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
composer.json
View File

@ -1,7 +1,6 @@
{
"require": {
"rakibtg/sleekdb": "2.15",
"ext-http": "*",
"ext-json": "*"
}
}

3
index.php
View File

@ -3,8 +3,9 @@
<head>
<meta charset="UTF-8">
<title>SpreadQuiz</title>
<meta http-equiv="refresh" content="0; url=login.php" />
</head>
<body>
<?="asd" ?>
</body>
</html>

14
login.php
View File

@ -15,10 +15,16 @@ if (get_autologin_state()) {
<title>SpreadQuiz :: Bejelentkezés</title>
<script src="js/req.js"></script>
<script src="js/spreadquiz.js"></script>
<link rel="stylesheet" href="style/spreadquiz.css">
</head>
<body>
<input type="text" placeholder="Felhasználónév" id="nickname">
<input type="password" placeholder="Jelszó" id="password">
<input type="button" value="Belépés" onclick="login()">
<body style="display: flex;left: 0;top: 0;right: 0;bottom: 0;position: fixed;align-items: center;justify-content: center;background-color: whitesmoke">
<section id="login_sec">
<section id="login_caption_sec">Bejelentkezés</section>
<section style="padding: 1em">
<input type="text" placeholder="Felhasználónév" id="nickname"><br>
<input type="password" placeholder="Jelszó" id="password"><br>
<input type="button" value="Belépés" onclick="login()">
</section>
</section>
</body>
</html>

23
style/spreadquiz.css
View File

@ -23,6 +23,29 @@ body {
/* ----------------- */
section#login_sec {
display: block;
position: absolute;
margin: 0 auto;
text-align: center;
background-color: #f8fbfb;
border: 2pt solid #176767;
box-shadow: 5px 5px #d3e5e5;
}
section#login_caption_sec {
padding: 1em;
background-color: #176767;
color: whitesmoke;
font-size: 1.5em;
font-weight: bold;
}
section#login_sec input {
font-size: 1.3em;
margin-bottom: 0.3em;
}
section#screen_panel {
display: block;
position: fixed;