init commit, based of parsell.me

This commit is contained in:
Justin Parsell 2020-12-07 23:57:20 -05:00
parent 21bbe0af2d
commit a8adfe2ae6
9 changed files with 186 additions and 0 deletions

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
*.code-workspace

2
css/main.min.css vendored Normal file

File diff suppressed because one or more lines are too long

7
css/main.min.css.map Normal file

File diff suppressed because one or more lines are too long

38
errors/401.html Normal file
View File

@ -0,0 +1,38 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>The Stash House Company</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>

30
errors/403.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>The Stash House Company</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">403</p>
<p class="subtitle has-text-centered has-text-weight-light">Access to resource forbidden</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>
</p>
</div>
</div>
</div>
</div>
</section>
</body>
</html>

38
errors/404.html Normal file
View File

@ -0,0 +1,38 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>The Stash House Company</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">404</p>
<p class="subtitle has-text-centered has-text-weight-light">Resource not found</p>
<div class="is-divider"></div>
<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">
<i class="fas fa-chevron-up fa-lg"></i>&nbsp;&nbsp;Return to homepage
</a>
</p>
</div>
</div>
</div>
</div>
</section>
</body>
<footer>
<script>
function goBack() {
window.history.back();
}
</script>
</footer>
</html>

38
errors/500.html Normal file
View File

@ -0,0 +1,38 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>The Stash House Company</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">500</p>
<p class="subtitle has-text-centered has-text-weight-light">Internal Server Error</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>

BIN
images/bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 507 KiB

32
index.html Normal file
View File

@ -0,0 +1,32 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>The Stash House Company</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">The Stash House Company</p>
<div class="is-divider" data-content="Links"></div>
<p class="buttons is-centered has-text-weight-light">
<a href="https://git.stashhc.com/" class="button is-medium is-rounded" title="The Stash Git">
<span class="icon is-medium"><i class="fab fa-git-alt fa-lg"></i></span>
</a>
<a href="https://selfservice.stashhc.com/" class="button is-medium is-rounded" title="StashHC Login Portal">
<span class="icon is-medium"><i class="fas fa-passport fg-lg"></i></span>
</a>
</p>
</div>
</div>
</div>
</div>
</section>
</body>
</html>