added error pages

This commit is contained in:
Lucas Kent 2023-03-10 23:47:15 +00:00
parent 0088560f58
commit 8350c4e4e9
25 changed files with 252 additions and 119 deletions

View File

@ -1,6 +1,11 @@
ErrorDocument 404 /404.html ErrorDocument 404 /error/404.html
ErrorDocument 401 /error/401.html
ErrorDocument 500 /error/500.html
ErrorDocument 502 /error/502.html
ErrorDocument 410 /error/410.html
RewriteEngine On RewriteEngine On
RewriteCond %{HTTP:X-Forwarded-Proto} !https RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteCond %{HTTPS} off RewriteCond %{HTTPS} off
RewriteCond %{HTTP:CF-Visitor} !{"scheme":"https"} RewriteCond %{HTTP:CF-Visitor} !{"scheme":"https"}
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
RewriteRule ^(.*)$ http://yourwebsitename.con/expired_page $1 [R=410,L]

View File

@ -1,38 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/assets/Favicons/404_Favicon/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/assets/Favicons/404_Favicon/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/assets/Favicons/404_Favicon/favicon-16x16.png"
/>
<link rel="manifest" href="/assets/Favicons/404_Favicon/site.webmanifest" />
<link rel="stylesheet" href="/assets/styles/button.css" />
<title>404</title>
</head>
<body>
<h1 style="font-size: 60px;">404</h1>
<p style="font-size: 30px;">
I don't know how you got here but the page does not exist
</p>
<br />
<img
src="/assets/imgs/goofy.gif"
alt="crying emoji"
class="center"
style="width: 220px;height: 220px;"
/>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 406 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 866 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

View File

@ -1 +0,0 @@
{"name":"","short_name":"","icons":[{"src":"/assets/Favicons/404_Favicon/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/assets/Favicons/404_Favicon/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

View File

@ -1,14 +0,0 @@
h1 {
text-align: center;
}
p {
text-align: center;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

14
assets/styles/error.css Normal file
View File

@ -0,0 +1,14 @@
h1 {
text-align: center;
}
p {
text-align: center;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}

View File

@ -2,54 +2,16 @@
box-sizing: border-box; box-sizing: border-box;
} }
.header {
padding: 30px;
font-size: 40px;
text-align: center;
background: white;
}
body { body {
padding: px; padding: px;
background: #868686; background: #868686;
margin: 0; margin: 0;
overflow-x: hidden; overflow-x: hidden;
font-family: tiltneon; font-family: sans-serif;
} }
.leftcolumn { .welcome {
margin: auto; font-size: large;
padding: 10px;
float: left;
width: 75%;
}
.rightcolumn {
float: left;
width: 25%;
padding-left: 20px;
}
.fakeimg {
background-color: #aaa;
width: 100%;
}
.card {
background-color: white;
padding: 20px;
margin-top: 20px;
}
.row:after {
content: "";
display: table;
clear: both;
}
.image {
max-width: 100%;
max-height: 100%;
} }
.borderimg { .borderimg {
@ -79,7 +41,6 @@ body {
} }
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.leftcolumn, .leftcolumn,
.rightcolumn { .rightcolumn {
width: 100%; width: 100%;
@ -88,10 +49,9 @@ body {
} }
@font-face { @font-face {
font-family: 'tiltneon'; font-family: "opensans";
src: url('/assets/styles/Font/tiltneon.woff2') format('woff2'), src: url("/assets/styles/Font/opensans.woff2") format("woff2"),
url('/assets/styles/Font/tiltneon.woff') format('woff'); url("/assets/styles/Font/opensans.woff") format("woff");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }

42
error/401.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/assets/Favicons/Base_Favicon/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/assets/Favicons/Base_Favicon/favicon-16x16.png"
/>
<link
rel="manifest"
href="/assets/Favicons/Base_Favicon/site.webmanifest"
/>
<link
rel="mask-icon"
href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg"
color="#5bbad5"
/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ff0000" />
<title>401</title>
<link rel="stylesheet" href="/assets/styles/error.css" />
</head>
<body>
<h1 style="font-size: 60px">401 Unauthorized</h1>
<p style="font-size: 30px">
The server could not verify if you are authorized to view this page.
</p>
</body>
</html>

43
error/404.html Normal file
View File

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/assets/Favicons/Base_Favicon/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/assets/Favicons/Base_Favicon/favicon-16x16.png"
/>
<link
rel="manifest"
href="/assets/Favicons/Base_Favicon/site.webmanifest"
/>
<link
rel="mask-icon"
href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg"
color="#5bbad5"
/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ff0000" />
<title>404</title>
<link rel="stylesheet" href="/assets/styles/error.css" />
</head>
<body>
<h1 style="font-size: 60px">404 Not Found</h1>
<p style="font-size: 30px">
The server could not find the page you are looking for or it does not
exist.
</p>
</body>
</html>

42
error/410.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/assets/Favicons/Base_Favicon/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/assets/Favicons/Base_Favicon/favicon-16x16.png"
/>
<link
rel="manifest"
href="/assets/Favicons/Base_Favicon/site.webmanifest"
/>
<link
rel="mask-icon"
href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg"
color="#5bbad5"
/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ff0000" />
<title>404</title>
<link rel="stylesheet" href="/assets/styles/error.css" />
</head>
<body>
<h1 style="font-size: 60px">410 Gone</h1>
<p style="font-size: 30px">
This page has been permanently removed from the internet.
</p>
</body>
</html>

42
error/500.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/assets/Favicons/Base_Favicon/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/assets/Favicons/Base_Favicon/favicon-16x16.png"
/>
<link
rel="manifest"
href="/assets/Favicons/Base_Favicon/site.webmanifest"
/>
<link
rel="mask-icon"
href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg"
color="#5bbad5"
/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ff0000" />
<title>500</title>
<link rel="stylesheet" href="/assets/styles/error.css" />
</head>
<body>
<h1 style="font-size: 60px">500 Internal Server Error</h1>
<p style="font-size: 30px">
The server encountered an internal error and was unable to complete your request.<br> Try to <a href="/">refresh</a> and see if that fixes the issue.<br>If not then try again later.
</p>
</body>
</html>

42
error/502.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/assets/Favicons/Base_Favicon/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/assets/Favicons/Base_Favicon/favicon-16x16.png"
/>
<link
rel="manifest"
href="/assets/Favicons/Base_Favicon/site.webmanifest"
/>
<link
rel="mask-icon"
href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg"
color="#5bbad5"
/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ff0000" />
<title>502</title>
<link rel="stylesheet" href="/assets/styles/error.css" />
</head>
<body>
<h1 style="font-size: 60px">502 Bad Gateway</h1>
<p style="font-size: 30px">
The server returned an incomplete request.
</p>
</body>
</html>

View File

@ -35,7 +35,7 @@
<link rel="stylesheet" href="/assets/styles/noscroll.css" /> <link rel="stylesheet" href="/assets/styles/noscroll.css" />
<link rel="stylesheet" href="/assets/styles/navbar.css" /> <link rel="stylesheet" href="/assets/styles/navbar.css" />
<link rel="stylesheet" href="/assets/styles/main.css" /> <link rel="stylesheet" href="/assets/styles/main.css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
</head> </head>
<body> <body>
<div id="page-container"> <div id="page-container">
@ -54,21 +54,24 @@
<img <img
src="/assets/imgs/zuck.jpg" src="/assets/imgs/zuck.jpg"
alt="zuck" alt="zuck"
style="width:300px;height:300px;" style="width: 300px; height: 300px"
srcset="" srcset=""
class="borderimg" class="borderimg"
/> />
<p class="double"><span class="auto-type"></span></p> <p class="welcome"><span class="auto-type"></span></p>
</div>
<div id="footer">
</div> </div>
<div id="footer"></div>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script> <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
<script> <script>
var typed = new Typed(".auto-type", { var typed = new Typed(".auto-type", {
strings: ["Welcome to my Website", "Hello", "I've made a severe and continuous lapse in my judgement, and I dont expect tobeforgiven, I'm simplyhere to apologize. So what wecame across that day in the woods was obviously unplanned, and the reactions you saw on tape were raw, they were unfiltered. None of us knew how to react, or how to feel. I should have never posted the video. I should have put the cameras down and stopped recording what we were going through. There's a lot of things I should have done differently but I didnt, and for that, from the bottom of my heart, I am sorry. I want to apologize to the Internet. I want to apologize to anyone who's seen the video. I want to apologize to anyone who has been affected or touched by mental illness, or depression, or suicide, but most importantly, I want to apologize to the victim and his family. For my fans who are defending my actions, please don't. They do not deserve to be defended. The goal with my content is always to entertain, to push the boundaries, to be all inclusive in the world I live in. I share almost everything I do. The intent is never to be heartless, cruel, or malicious. Like I said, I've made a huge mistake. I don't expect to be forgiven, I'm just here to apologize. I'm ashamed of myself. I'm disappointed in myself and I promise to be better. I will be better. Thank you."], strings: [
typeSpeed: 300, "Welcome to my Website",
backSpeed: 300, "Hello",
"I've made a severe and continuous lapse in my judgement, and I dont expect tobeforgiven, I'm simplyhere to apologize. So what wecame across that day in the woods was obviously unplanned, and the reactions you saw on tape were raw, they were unfiltered. None of us knew how to react, or how to feel. I should have never posted the video. I should have put the cameras down and stopped recording what we were going through. There's a lot of things I should have done differently but I didnt, and for that, from the bottom of my heart, I am sorry. I want to apologize to the Internet. I want to apologize to anyone who's seen the video. I want to apologize to anyone who has been affected or touched by mental illness, or depression, or suicide, but most importantly, I want to apologize to the victim and his family. For my fans who are defending my actions, please don't. They do not deserve to be defended. The goal with my content is always to entertain, to push the boundaries, to be all inclusive in the world I live in. I share almost everything I do. The intent is never to be heartless, cruel, or malicious. Like I said, I've made a huge mistake. I don't expect to be forgiven, I'm just here to apologize. I'm ashamed of myself. I'm disappointed in myself and I promise to be better. I will be better. Thank you.",
],
typeSpeed: 50,
backSpeed: 150,
loop: true, loop: true,
}); });
</script> </script>

View File

@ -1,7 +0,0 @@
# BEGIN InfinityFree Directory Protection
# DO NOT EDIT - YOUR CHANGES WILL BE OVERWRITTEN
AuthType Basic
AuthName "Login Required"
AuthUserFile "/home/vol19_2/epizy.com/epiz_33208595/geometrytools.ga/htdocs/private/.htpasswd"
Require valid-user
# END InfinityFree Directory Protection

View File

@ -1 +0,0 @@
Lucas:$2y$10$AO1diDAEJdr5xzWi4xMllOuDPhhH0IL0lJ2PCrjqo.B9JpmGx./Ty

View File

@ -35,13 +35,14 @@
<link rel="stylesheet" href="/assets/styles/noscroll.css" /> <link rel="stylesheet" href="/assets/styles/noscroll.css" />
<link rel="stylesheet" href="/assets/styles/navbar.css" /> <link rel="stylesheet" href="/assets/styles/navbar.css" />
<link rel="stylesheet" href="/assets/styles/main.css" /> <link rel="stylesheet" href="/assets/styles/main.css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
</head> </head>
<body> <body>
<div class="bg"></div> <div class="bg"></div>
<ul> <ul>
<li><a href="/">Home</a></li> <li><a href="/">Home</a></li>
<li><a href="/nav.html">Navigation</a></li> <li><a class="active" href="/wip.html">WIP</a></li>
<li><a href="/blog.html">Blog</a></li> <li><a class="active" href="/wip.html">WIP</a></li>
<li><a class="active" href="/wip.html">WIP</a></li> <li><a class="active" href="/wip.html">WIP</a></li>
</ul> </ul>
<br /> <br />