]> git.bochard.net Git - mysite.git/commitdiff
fix 404 page and some changes in index
authorbocharudo <hello@tenkyuu.dev>
Sun, 15 Dec 2024 09:01:54 +0000 (17:01 +0800)
committerbocharudo <hello@tenkyuu.dev>
Sun, 15 Dec 2024 09:01:54 +0000 (17:01 +0800)
404.html
assets/images/404.gif [new file with mode: 0644]
index.html

index 89b127aad8fe610538964900de346937c1fe2647..120ff0b3ee2ed086c1a1f7315d7cdd0f4fef754f 100644 (file)
--- a/404.html
+++ b/404.html
@@ -3,10 +3,44 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="author" content="rain (ametoresu)">
+  <link rel="icon" type="image/ico" href="/assets/icons/favicon.ico">
   <title>404 Page Not Found</title>
+  <style>
+*,
+::before,
+::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+body {
+  font-family: Arial, Helvetica, sans-serif;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+h1 {
+  font-size: 2.7rem;
+}
+img {
+  margin: 1rem;
+}
+p, a {
+  font-size: 1.2rem;
+  line-height: 1.7rem;
+}
+a {
+  margin-top: 1.5rem;
+}
+  </style>
 </head>
 <body>
-  <h1>404</h1>
+  <img src="/assets/images/404.gif"
+       alt="error 404."
+       width="400"></img>
+  <h1>Uh ohhhh...</h1>
   <p>Page Not Found.</p>
+  <a href="https://tenkyuu.dev">>>Back to Home<<</a>
 </body>
 </html>
\ No newline at end of file
diff --git a/assets/images/404.gif b/assets/images/404.gif
new file mode 100644 (file)
index 0000000..68ce08a
Binary files /dev/null and b/assets/images/404.gif differ
index 45c0e865aa7e49a6e9193c99f3aa35add06931a1..98169a5b052fbf43be4f1253cf4a6d63f027eee0 100644 (file)
@@ -3,22 +3,16 @@
 <head>\r
   <meta charset="UTF-8">\r
   <meta name="viewport" content="width=device-width, initial-scale=1.0">\r
-  <meta name="author" content="rain (bocharudo)">\r
+  <meta name="author" content="rain (ametoresu)">\r
   <meta name="description" content="17-year old Filipino web developer.">\r
   <meta name="robots" content="index, follow">\r
   <title>bocharudo - web developer</title>\r
-\r
-  <!-- Favicon -->\r
-  <link rel="icon" type="image/ico" href="./assets/icons/favicon.ico">\r
-\r
-  <!-- Open Graph Metadata -->\r
+  <link rel="icon" type="image/ico" href="/assets/icons/favicon.ico">\r
   <meta property="og:type" content="website">\r
-  <meta property="og:title" content="bocharudo - web developer">\r
+  <meta property="og:title" content="ametoresu - web developer">\r
   <meta property="og:description" content="I code on paper and create websites out of it.">\r
-  <meta property="og:image" content="./assets/pfp/profile.jpg">\r
+  <meta property="og:image" content="/assets/pfp/profile.jpg">\r
   <meta property="og:url" content="https://tenkyuu.dev">\r
-\r
-  <!-- Twitter Card Metadata -->\r
   <meta name="twitter:card" content="summary_large_image">\r
   <style>\r
 *,\r
@@ -104,6 +98,6 @@ footer {
 </body>\r
 \r
 <footer>\r
-  <p>&copy Copyright rain/bocharudo</p>\r
+  <p>&copy Copyright rain/ametoresu</p>\r
 </footer>\r
 </html>
\ No newline at end of file