Update Error page to be a little better.

This commit is contained in:
Ray 2024-10-19 14:51:20 +11:00
parent 975e4ca76c
commit a65d3e25a4
1 changed files with 17 additions and 6 deletions

View File

@ -3,14 +3,25 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 - File Not Found</title> <title>404 - reiyua</title>
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jersey+10&display=swap" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container"> <video autoplay muted loop id="bg-video">
<h2>Whoops! Page Not Found</h2> <source src="assets/background_video.mp4" type="video/mp4">
<p>You must have made a typo of sorts, feel free to click the link below to retrn to my main page.</p> Your browser does not support HTML5 video.
<a href="/" class="button">Go Back Home</a> </video>
<div class="centered-content">
<h1>Nothing here!</h1>
<p class="error-message">No page can be found at this URL, please use the button below to go back to the main page.</p>
<a href="/" class="home-button">Go Back Home</a>
</div>
<div class="credit">
Video by <a href="https://www.pexels.com/video/an-orange-liquid-paint-in-motion-5649211/" target="_blank" rel="noopener noreferrer">Dan Cristian Pădureț</a> from Pexels
</div> </div>
</body> </body>
</html> </html>