Browse Source

added basic defaul pages - 404,503,403

master
Sean Clarke 3 weeks ago
parent
commit
45f93a0051
4 changed files with 107 additions and 0 deletions
  1. +33
    -0
      web/error.html
  2. +33
    -0
      web/forbidden.html
  3. +8
    -0
      web/main.css
  4. +33
    -0
      web/notfound.html

+ 33
- 0
web/error.html View File

@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>snld: blog ERROR</title>
<!-- Meta Data -->
<meta name="description" content="snld: The blog of Sean Clarke">
<meta name="author" content="Sean Clarke">
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- Stylesheets -->
<link href="/css/main.css" rel="stylesheet">
</head>

<body>
<div id="header">
<img class="profile" src="/img/profile.PNG" />
<img class="logo" src="/img/logo.PNG" />
</div>
<h1 class="error">DANGER WILL ROBINSON!</h1>
<div id="footer">
<p>
Made with <a href="https://git.snld.xyz/Seanland/build-a-blog">build-a-blog</a> | Copyright: <a href="#">©️ Sean Clarke</a><!-- | Support Me: <a href="https://www.buymeacoffee.com/seanland">Buy me a ☕ or ☕☕</a> -->
</p>
<p>
<style>.bmc-button img{width: 27px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{line-height: 36px !important;height:37px !important;text-decoration: none !important;display:inline-flex !important;color:#ffffff !important;background-color:#000000 !important;border-radius: 3px !important;border: 1px solid transparent !important;padding: 1px 9px !important;font-size: 23px !important;letter-spacing: 0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Cookie', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#ffffff !important;}</style><link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet"><a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/seanland"><img src="https://www.buymeacoffee.com/assets/img/BMC-btn-logo.svg" alt="Buy me a coffee"><span style="margin-left:5px">Buy me a coffee</span></a>
</p>
</div>
</body>

<!-- Javascript Declaration -->
<script src="js/main.js"></script>
</html>

+ 33
- 0
web/forbidden.html View File

@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>snld: blog ERROR</title>
<!-- Meta Data -->
<meta name="description" content="snld: The blog of Sean Clarke">
<meta name="author" content="Sean Clarke">
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- Stylesheets -->
<link href="/css/main.css" rel="stylesheet">
</head>

<body>
<div id="header">
<img class="profile" src="/img/profile.PNG" />
<img class="logo" src="/img/logo.PNG" />
</div>
<h1 class="error">YOU'RE DEFINITELY LOST!</h1>
<div id="footer">
<p>
Made with <a href="https://git.snld.xyz/Seanland/build-a-blog">build-a-blog</a> | Copyright: <a href="#">©️ Sean Clarke</a><!-- | Support Me: <a href="https://www.buymeacoffee.com/seanland">Buy me a ☕ or ☕☕</a> -->
</p>
<p>
<style>.bmc-button img{width: 27px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{line-height: 36px !important;height:37px !important;text-decoration: none !important;display:inline-flex !important;color:#ffffff !important;background-color:#000000 !important;border-radius: 3px !important;border: 1px solid transparent !important;padding: 1px 9px !important;font-size: 23px !important;letter-spacing: 0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Cookie', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#ffffff !important;}</style><link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet"><a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/seanland"><img src="https://www.buymeacoffee.com/assets/img/BMC-btn-logo.svg" alt="Buy me a coffee"><span style="margin-left:5px">Buy me a coffee</span></a>
</p>
</div>
</body>

<!-- Javascript Declaration -->
<script src="js/main.js"></script>
</html>

+ 8
- 0
web/main.css View File

@@ -22,6 +22,14 @@ h2 {
text-decoration: underline;
} */

h1.error {
color: var(--neon-red);
}

h1.notfound {
color: var(--neon-yellow);
}

h2.title {
margin-bottom: 4px;
}

+ 33
- 0
web/notfound.html View File

@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>snld: blog ERROR</title>
<!-- Meta Data -->
<meta name="description" content="snld: The blog of Sean Clarke">
<meta name="author" content="Sean Clarke">
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- Stylesheets -->
<link href="/css/main.css" rel="stylesheet">
</head>

<body>
<div id="header">
<img class="profile" src="/img/profile.PNG" />
<img class="logo" src="/img/logo.PNG" />
</div>
<h1 class="notfound">You Lost?</h1>
<div id="footer">
<p>
Made with <a href="https://git.snld.xyz/Seanland/build-a-blog">build-a-blog</a> | Copyright: <a href="#">©️ Sean Clarke</a><!-- | Support Me: <a href="https://www.buymeacoffee.com/seanland">Buy me a ☕ or ☕☕</a> -->
</p>
<p>
<style>.bmc-button img{width: 27px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{line-height: 36px !important;height:37px !important;text-decoration: none !important;display:inline-flex !important;color:#ffffff !important;background-color:#000000 !important;border-radius: 3px !important;border: 1px solid transparent !important;padding: 1px 9px !important;font-size: 23px !important;letter-spacing: 0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Cookie', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#ffffff !important;}</style><link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet"><a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/seanland"><img src="https://www.buymeacoffee.com/assets/img/BMC-btn-logo.svg" alt="Buy me a coffee"><span style="margin-left:5px">Buy me a coffee</span></a>
</p>
</div>
</body>

<!-- Javascript Declaration -->
<script src="js/main.js"></script>
</html>

Loading…
Cancel
Save