styled form

This commit is contained in:
Rudis Muiznieks 2024-04-28 17:06:57 -05:00
parent 70f7954f61
commit 2b23c69e83
Signed by: rudism
GPG Key ID: CABF2F86EF7884F9
1 changed files with 32 additions and 1 deletions

View File

@ -2,6 +2,7 @@
<html lang='en'> <html lang='en'>
<head> <head>
<title>RDSM.ca Login</title> <title>RDSM.ca Login</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script> <script>
function getParameterByName(name) { function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
@ -14,10 +15,40 @@
document.getElementById('target').value = getParameterByName('target'); document.getElementById('target').value = getParameterByName('target');
}); });
</script> </script>
<style>
html {
min-height: 100%;
display: grid;
}
body {
background-color: #2a2a2a;
margin: auto;
}
input {
font-size: 1rem;
appearance: none;
background-color: transparent;
border: 2px solid #4a4a4a;
border-radius: 1rem;
padding: 0.5rem 0.75rem;
margin: 0;
box-sizing: border-box;
color: #fff;
}
input[type='submit'] {
cursor: pointer;
}
input[type='submit']:hover {
background-color: #2a2a99;
}
input[type='submit']:active {
background-color: #1a1a66;
}
</style>
</head> </head>
<body> <body>
<form action='/auth/password' method='post'> <form action='/auth/password' method='post'>
<input type='password' name='password' /> <input type='password' placeholder='Password' name='password' />
<input type='hidden' name='target' id='target' /> <input type='hidden' name='target' id='target' />
<input type='submit' value='Login' /> <input type='submit' value='Login' />
</form> </form>