Updated buttons and added 401

This commit is contained in:
Justin Parsell 2020-12-07 03:21:03 -05:00
parent 32b6c33628
commit f579bf5afa
4 changed files with 57 additions and 13 deletions

38
errors/401.html Normal file
View File

@ -0,0 +1,38 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Parsell Family Website</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="Stylesheet" href="/css/main.min.css" />
<script src="https://kit.fontawesome.com/7552ed27e8.js"></script>
</head>
<body>
<section class="hero is-fullheight has-background">
<div class="hero-body">
<div class="container">
<div class="column is-one-third is-offset-one-third">
<div class="box">
<p class="title has-text-centered has-text-weight-light is-big-headed">401</p>
<p class="subtitle has-text-centered has-text-weight-light">Unauthorized, login required</p>
<div class="is-divider"></div>
<p class="buttons is-centered">
<a href="/" class="button is-rounded">
<i class="fas fa-chevron-left fa-lg"></i>&nbsp;&nbsp;Return to homepage
</a>
<button class="button is-rounded" onclick="refresh()"><i class="fas fa-redo fa-lg"></i>&nbsp;&nbsp;Retry</button>
</p>
</div>
</div>
</div>
</div>
</section>
</body>
<footer>
<script>
function refresh() {
location.reload();
}
</script>
</footer>
</html>

View File

@ -17,9 +17,8 @@
<p class="subtitle has-text-centered has-text-weight-light">Access to resource forbidden</p> <p class="subtitle has-text-centered has-text-weight-light">Access to resource forbidden</p>
<div class="is-divider"></div> <div class="is-divider"></div>
<p class="buttons is-centered"> <p class="buttons is-centered">
<button class="button is-rounded" onclick="goBack()"><i class="fas fa-chevron-left fa-lg"></i>&nbsp;&nbsp;Go back</button>
<a href="/" class="button is-rounded"> <a href="/" class="button is-rounded">
<i class="fas fa-chevron-up fa-lg"></i>&nbsp;&nbsp;Return to homepage <i class="fas fa-chevron-left fa-lg"></i>&nbsp;&nbsp;Return to homepage
</a> </a>
</p> </p>
</div> </div>

View File

@ -28,4 +28,11 @@
</div> </div>
</section> </section>
</body> </body>
<footer>
<script>
function goBack() {
window.history.back();
}
</script>
</footer>
</html> </html>

View File

@ -17,22 +17,22 @@
<p class="subtitle has-text-centered has-text-weight-light">Internal Server Error</p> <p class="subtitle has-text-centered has-text-weight-light">Internal Server Error</p>
<div class="is-divider"></div> <div class="is-divider"></div>
<p class="buttons is-centered"> <p class="buttons is-centered">
<button class="button is-rounded" onclick="goBack()"><i class="fas fa-chevron-left fa-lg"></i>&nbsp;&nbsp;Go back</button>
<a href="/" class="button is-rounded"> <a href="/" class="button is-rounded">
<i class="fas fa-chevron-up fa-lg"></i>&nbsp;&nbsp;Return to homepage <i class="fas fa-chevron-left fa-lg"></i>&nbsp;&nbsp;Return to homepage
</a> </a>
<button class="button is-rounded" onclick="refresh()"><i class="fas fa-redo fa-lg"></i>&nbsp;&nbsp;Retry</button>
</p> </p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
</body>
<footer> <footer>
<script> <script>
function goBack() { function refresh() {
window.history.back(); location.reload();
} }
</script> </script>
</footer> </footer>
</body>
</html> </html>