feat: merged in css from the almnui renew page/repo https://gitlab.skynet.ie/compsoc1/skynet/website/alumni-renew
This commit is contained in:
parent
2038a88466
commit
d864a3bafd
11 changed files with 735 additions and 656 deletions
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
|
@ -1,22 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-ie">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Skynet</title>
|
||||
<link rel="icon" type="image/png" href="images/favicon/favicon-16x16.png"/>
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="title">
|
||||
<img src="images/sharky_vector_svg.svg" alt="Picture of Sharky, the mascot of skynet" width="145" height="81.56"/>
|
||||
<h1>Skynet Password Reset & Sign-up service</h1>
|
||||
</div>
|
||||
<div class="boxes">
|
||||
<h2><a href="./signup.html">Sign-up Page</a></h2>
|
||||
<title>Skynet Self Service</title>
|
||||
<link rel="icon" type="image/png" href="./images/favicon/favicon-16x16.png"/>
|
||||
<link rel="stylesheet" type="text/css" href="./stylesheets/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header class="page-header">
|
||||
<img src="./images/sharky.svg" alt="Sharky, our mascot" width="145" height="81.56"/>
|
||||
<h1>Skynet self service</h1>
|
||||
</header>
|
||||
<main class="page-body">
|
||||
<h2><a href="./signup.html">Sign-up</a></h2>
|
||||
<p>Please use this if you have yet to activate an account on Skynet before.</p>
|
||||
<h2><a href="./password.html">Change Password</a></h2>
|
||||
<p>Please use this service to change your skynet password</p>
|
||||
<h2><a href="./modify.html">User modification</a></h2>
|
||||
<h2><a href="./modify.html">Account modification</a></h2>
|
||||
<p>
|
||||
Please use this service to modify your user data (email, login ssh key, etc.)
|
||||
</p>
|
||||
|
|
@ -30,12 +31,13 @@
|
|||
<p>
|
||||
Please use this service to reset your password.
|
||||
</p>
|
||||
</div>
|
||||
<footer>
|
||||
</main>
|
||||
<footer class="page-footer">
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
</footer>
|
||||
</body>
|
||||
<script>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
</script>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,18 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-ie">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Modify user</title>
|
||||
<link rel="icon" type="image/png" href="images/favicon/favicon-16x16.png"/>
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="title">
|
||||
<a href="./"><img src="images/sharky_vector_svg.svg" alt="Picture of Sharky, the mascot of skynet" width="145"
|
||||
height="81.56"/> </a>
|
||||
<h1>Skynet Password Reset & Sign-up service</h1>
|
||||
</div>
|
||||
<div class="boxes">
|
||||
<title>Modify Account</title>
|
||||
<link rel="icon" type="image/png" href="./images/favicon/favicon-16x16.png"/>
|
||||
<link rel="stylesheet" type="text/css" href="./stylesheets/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header class="page-header">
|
||||
<img src="./images/sharky.svg" alt="Picture of Sharky, the mascot of skynet" width="145" height="81.56"/>
|
||||
<h1>Skynet self service</h1>
|
||||
</header>
|
||||
<main class="page-body">
|
||||
<h2>User modification page</h2>
|
||||
<p>Use this page to modify your account. Please remember to select a field before submitting the form</p>
|
||||
<form id="reset">
|
||||
|
|
@ -48,11 +48,7 @@
|
|||
</table>
|
||||
</form>
|
||||
<p id="formStatus"></p>
|
||||
</div>
|
||||
<footer>
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
</footer>
|
||||
<script>
|
||||
<script>
|
||||
const formEl = document.getElementById("reset");
|
||||
formEl.addEventListener('submit', (listener) => formHandler(listener));
|
||||
|
||||
|
|
@ -97,9 +93,14 @@
|
|||
value.type = 'text';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString();
|
||||
</script>
|
||||
</script>
|
||||
</main>
|
||||
<footer class="page-footer">
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,18 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-ie">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Password reset</title>
|
||||
<link rel="icon" type="image/png" href="images/favicon/favicon-16x16.png"/>
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="title">
|
||||
<a href="./"><img src="images/sharky_vector_svg.svg" alt="Picture of Sharky, the mascot of skynet" width="145"
|
||||
height="81.56"/> </a>
|
||||
<h1>Skynet Password Reset & Sign-up service</h1>
|
||||
</div>
|
||||
<div class="boxes">
|
||||
<link rel="icon" type="image/png" href="./images/favicon/favicon-16x16.png"/>
|
||||
<link rel="stylesheet" type="text/css" href="./stylesheets/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header class="page-header">
|
||||
<img src="./images/sharky.svg" alt="Picture of Sharky, the mascot of skynet" width="145" height="81.56"/>
|
||||
<h1>Skynet self service</h1>
|
||||
</header>
|
||||
<main class="page-body">
|
||||
<h2>Password Change</h2>
|
||||
<p>Please use this page to change your Skynet password.</p>
|
||||
<form id="reset">
|
||||
|
|
@ -39,11 +39,7 @@
|
|||
</table>
|
||||
</form>
|
||||
<p id="formStatus"></p>
|
||||
</div>
|
||||
<footer>
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
</footer>
|
||||
<script>
|
||||
<script>
|
||||
const formEl = document.getElementById("reset");
|
||||
formEl.addEventListener('submit', (listener) => formHandler(listener));
|
||||
|
||||
|
|
@ -72,9 +68,14 @@
|
|||
document.getElementById('formStatus').innerHTML = "<span style='background-color: red; color: white'>Failure: new passwords don't match</span>";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString();
|
||||
</script>
|
||||
</script>
|
||||
</main>
|
||||
<footer class="page-footer">
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,31 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-ie">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Account Recovery</title>
|
||||
<link rel="icon" type="image/png" href="../images/favicon/favicon-16x16.png"/>
|
||||
<link rel="stylesheet" type="text/css" href="../stylesheets/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="title">
|
||||
<a href="../"><img src="../images/sharky_vector_svg.svg" alt="Picture of Sharky, the mascot of skynet" width="145"
|
||||
height="81.56"/> </a>
|
||||
<h1>Skynet Password Reset & Sign-up service</h1>
|
||||
</div>
|
||||
<div class="boxes">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header class="page-header">
|
||||
<img src="../images/sharky.svg" alt="Sharky, our mascot" width="145" height="81.56"/>
|
||||
<h1>Skynet self service</h1>
|
||||
</header>
|
||||
<main class="page-body">
|
||||
<h2>Forgot Password</h2>
|
||||
<p>Please use this page to request a password reset link to your linked email.</p>
|
||||
<form id="recovery">
|
||||
<table id="table">
|
||||
<tr>
|
||||
<td><label for="username">Username</label> </td>
|
||||
<td><label for="username">Username</label></td>
|
||||
<td><input type="text" id="username" name="username"/> <br/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Or<br/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="email">Email</label> </td>
|
||||
<td><label for="email">Email</label></td>
|
||||
<td><input type="text" id="email" name="email"/> <br/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -34,11 +34,7 @@
|
|||
</table>
|
||||
</form>
|
||||
<p id="formStatus"></p>
|
||||
</div>
|
||||
<footer>
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
</footer>
|
||||
<script>
|
||||
<script>
|
||||
const formEl = document.getElementById('recovery');
|
||||
formEl.addEventListener('submit', formHandler);
|
||||
|
||||
|
|
@ -84,9 +80,14 @@
|
|||
document.getElementById('formStatus').innerHTML = `<span style='background-color: red; color: white'>Error: ${e}</span>`;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
<script>
|
||||
</script>
|
||||
</main>
|
||||
<footer class="page-footer">
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
</script>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,27 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Password recovery</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Password Recovery</h1>
|
||||
<p>Please enter a new password for your skynet account below</p>
|
||||
<form id="reset">
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Account Recovery</title>
|
||||
<link rel="icon" type="image/png" href="../images/favicon/favicon-16x16.png"/>
|
||||
<link rel="stylesheet" type="text/css" href="../stylesheets/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header class="page-header">
|
||||
<img src="../images/sharky.svg" alt="Sharky, our mascot" width="145" height="81.56"/>
|
||||
<h1>Skynet self service</h1>
|
||||
</header>
|
||||
<main class="page-body">
|
||||
<h1>Password Recovery</h1>
|
||||
<p>Please enter a new password for your skynet account below</p>
|
||||
<form id="reset">
|
||||
<label for="pass1">Password</label>
|
||||
<input type="password" id="pass1" name="password"/> <br/>
|
||||
<label for="pass2">Confirm</label>
|
||||
<input type="password" id="pass2" name="confirm"/> <br/>
|
||||
<input type="submit"/>
|
||||
</form>
|
||||
<p id="formStatus"></p>
|
||||
<footer>
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
</footer>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
<script>
|
||||
</form>
|
||||
<p id="formStatus"></p>
|
||||
<script>
|
||||
const formEl = document.getElementById("reset");
|
||||
formEl.addEventListener('submit', (listener) => formHandler(listener));
|
||||
const url = new URL(window.location.href);
|
||||
|
|
@ -68,6 +70,14 @@
|
|||
document.getElementById('formStatus').innerHTML = "<span style='background-color: green; color: white'>Success</span>";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</script>
|
||||
</main>
|
||||
<footer class="page-footer">
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,26 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>SSH key recovery</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>SSH key recovery</h1>
|
||||
<form id="form">
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Account Recovery</title>
|
||||
<link rel="icon" type="image/png" href="../images/favicon/favicon-16x16.png"/>
|
||||
<link rel="stylesheet" type="text/css" href="../stylesheets/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header class="page-header">
|
||||
<img src="../images/sharky.svg" alt="Sharky, our mascot" width="145" height="81.56"/>
|
||||
<h1>Skynet self service</h1>
|
||||
</header>
|
||||
<main class="page-body">
|
||||
<h1>SSH key recovery</h1>
|
||||
<form id="form">
|
||||
<label for="user">Username</label>
|
||||
<input type="text" id="user" name="user"/> <br/>
|
||||
<label for="mail">Email</label>
|
||||
<input type="email" id="mail" name="mail"/> <br/>
|
||||
<input type="submit"/>
|
||||
</form>
|
||||
<p id="formStatus"></p>
|
||||
<footer>
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
</footer>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
<script>
|
||||
</form>
|
||||
<p id="formStatus"></p>
|
||||
<script>
|
||||
const formEl = document.getElementById("form");
|
||||
formEl.addEventListener('submit', formHandler);
|
||||
|
||||
|
|
@ -59,6 +61,14 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</script>
|
||||
</main>
|
||||
<footer class="page-footer">
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,18 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-ie">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Forgot Username</title>
|
||||
<title>Account Recovery</title>
|
||||
<link rel="icon" type="image/png" href="../images/favicon/favicon-16x16.png"/>
|
||||
<link rel="stylesheet" type="text/css" href="../stylesheets/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="title">
|
||||
<a href="../"><img src="../images/sharky_vector_svg.svg" alt="Picture of Sharky, the mascot of skynet" width="145"
|
||||
height="81.56"/> </a>
|
||||
<h1>Skynet Password Reset & Sign-up service</h1>
|
||||
</div>
|
||||
<div class="boxes">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header class="page-header">
|
||||
<img src="../images/sharky.svg" alt="Sharky, our mascot" width="145" height="81.56"/>
|
||||
<h1>Skynet self service</h1>
|
||||
</header>
|
||||
<main class="page-body">
|
||||
<div class="boxes">
|
||||
<h2>Forgot Username</h2>
|
||||
<p>Please use this page to get a reminder email with your skynet username in it.</p>
|
||||
<form id="reset">
|
||||
|
|
@ -27,11 +28,8 @@
|
|||
</table>
|
||||
</form>
|
||||
<p id="formStatus"></p>
|
||||
</div>
|
||||
<footer>
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
</footer>
|
||||
<script>
|
||||
</div>
|
||||
<script>
|
||||
const formEl = document.getElementById("reset");
|
||||
formEl.addEventListener('submit', (listener) => formHandler(listener));
|
||||
|
||||
|
|
@ -54,7 +52,14 @@
|
|||
}
|
||||
}).catch(() => document.getElementById('formStatus').innerHTML = "<span style='background-color: yellow; color: black'>Please try again</span>");
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
<script></script>
|
||||
</script>
|
||||
</main>
|
||||
<footer class="page-footer">
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-ie">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Skynet Register</title>
|
||||
<link rel="icon" type="image/png" href="images/favicon/favicon-16x16.png"/>
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="title">
|
||||
<a href="./"><img src="images/sharky_vector_svg.svg" alt="Picture of Sharky, the mascot of skynet" width="145"
|
||||
height="81.56"/> </a>
|
||||
<h1>Skynet Password Reset & Sign-up service</h1>
|
||||
</div>
|
||||
<div class="boxes">
|
||||
<link rel="icon" type="image/png" href="./images/favicon/favicon-16x16.png"/>
|
||||
<link rel="stylesheet" type="text/css" href="./stylesheets/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header class="page-header">
|
||||
<img src="./images/sharky.svg" alt="Picture of Sharky, the mascot of skynet" width="145" height="81.56"/>
|
||||
<h1>Skynet self service</h1>
|
||||
</header>
|
||||
<main class="page-body">
|
||||
<h2>Register</h2>
|
||||
<p>Thank you for signing up for your free skynet account. Please complete the process by filling in the form
|
||||
below</p>
|
||||
|
|
@ -35,12 +35,8 @@
|
|||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
<p id="formStatus"></p>
|
||||
<footer>
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
</footer>
|
||||
<script>
|
||||
<p id="formStatus"></p>
|
||||
<script>
|
||||
const formEl = document.getElementById("register");
|
||||
formEl.addEventListener('submit', (listener) => formHandler(listener));
|
||||
|
||||
|
|
@ -81,9 +77,14 @@
|
|||
document.getElementById('formStatus').innerHTML = `<span style='background-color: red; color: white'>Passwords don't match</span>`;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
<script>
|
||||
</script>
|
||||
</main>
|
||||
<footer class="page-footer">
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
</script>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-ie">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Skynet Sign-up</title>
|
||||
<link rel="icon" type="image/png" href="images/favicon/favicon-16x16.png"/>
|
||||
|
|
@ -36,14 +36,14 @@
|
|||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="title">
|
||||
<a href="./"><img src="images/sharky_vector_svg.svg" alt="Picture of Sharky, the mascot of skynet" width="145"
|
||||
height="81.56"/> </a>
|
||||
<h1>Skynet Password Reset & Sign-up service</h1>
|
||||
</div>
|
||||
<div class="boxes">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header class="page-header">
|
||||
<img src="./images/sharky.svg" alt="Picture of Sharky, the mascot of skynet" width="145" height="81.56"/>
|
||||
<h1>Skynet self service</h1>
|
||||
</header>
|
||||
<main class="page-body">
|
||||
<h2>Welcome to Skynet</h2>
|
||||
<p>
|
||||
Skynet is a server cluster that the UL Computer Society runs. If you previously had an account and need to
|
||||
|
|
@ -58,11 +58,7 @@
|
|||
<input type="submit" value="Submit"/>
|
||||
</form>
|
||||
<p id="formStatus"></p>
|
||||
</div>
|
||||
<footer>
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
</footer>
|
||||
<script>
|
||||
<script>
|
||||
const formEl = document.getElementById('register');
|
||||
formEl.addEventListener('submit', (listener) => formHandler(listener));
|
||||
|
||||
|
|
@ -87,9 +83,14 @@
|
|||
}
|
||||
}).catch(() => document.getElementById('formStatus').innerHTML = "<span style='background-color: yellow; color: black'>Please try again</span>");
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
<script>
|
||||
</script>
|
||||
</main>
|
||||
<footer class="page-footer">
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
</script>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,17 +1,41 @@
|
|||
/* General styling */
|
||||
|
||||
html {
|
||||
background: #008B8B url(../images/backgroundsharkycoin.png);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url(../images/backgroundsharkycoin.png);
|
||||
text-align: center;
|
||||
background: #008B8B;
|
||||
box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
|
||||
color: #F0FFFF;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
margin: 0 auto;
|
||||
max-width: 800px;
|
||||
padding: 2em 2em 4em;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
color: #F0FFFF;
|
||||
font-weight: 600;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.p1 {
|
||||
color: #FFFF00
|
||||
}
|
||||
|
||||
/* Title bar */
|
||||
#title {
|
||||
header {
|
||||
display: inline-flex;
|
||||
background-color: white;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#title img {
|
||||
header img {
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
|
@ -26,3 +50,26 @@ body {
|
|||
#table {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Sticky Footer
|
||||
https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook/Sticky_footers
|
||||
*/
|
||||
html, body {
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
}
|
||||
.wrapper {
|
||||
box-sizing: border-box;
|
||||
min-height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.page-header, .page-footer {
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.page-body {
|
||||
flex-grow: 1;
|
||||
}
|
||||
Loading…
Reference in a new issue