setup a little 404 page

tayrp · Oct 3, 2024 · 9c56079 · 9c56079
1 parent bd54dbb
commit 9c56079
Show file tree

Hide file tree

Showing 14 changed files with 197 additions and 113 deletions.
diff --git a/content/credits/index.html b/content/credits/index.html
@@ -0,0 +1,17 @@
+<main>
+    <div class="about">
+      <div>
+        <div style="background: #ed9458; border-radius: 25px;
+        font-size: 20px; 
+        padding: 10px; 
+        border: 1px solid #FFFFFF; 
+        margin: 10px;">
+        <div>
+        <p>Here is where credits will be, such as profile pictures, assets, website assets, etc.</p>
+        <li><a href="https://picrew.me/en/image_maker/1487318">ぺけぺけぺけⅡ</a> - Credits to <a href="https://profcard.info/u/3JBo4MNkznbJV3CILaI1otWJ5uI3">旻 (Nichibun)</a> for some profile pictures I use.</li>
+        <li><a href="https://picrew.me/en/image_maker/1487318">ぺけぺけぺけⅡ</a> - Credits to <a href="">BlazingBRO</a> for my MinecraftLIVE style profile picture.</li>
+        <li><a href="https://www.vecteezy.com/">Vecteezy</a> - Credits to Vecteezy for the <a href="https://www.vecteezy.com/vector-art/27207156-hand-drawn-flat-halloween-night-background">october background</a> I used in 2024</li>
+      </div>
+    </div>
+  </main>
+
diff --git a/content/pages/index.html b/content/pages/index.html
@@ -14,6 +14,7 @@
       <li><a href="/projects">Projects</a> - Takes you to my Projects page.</li>
       <li><a href="/discord">Discord</a> - Redirects you to my Discord.</li>
       <li><a href="/pages">Pages</a> - Takes you to this page.</li>
+      <li><a href="/credits">Credits</a> - Takes you to my credits page.</li>
       <li><a href="/readme">README</a> - Takes you to my README page.</li>      <li>
         <a href="https://docs.mysty.one/">GitBook</a> - Takes you to my GitBook
         website.

diff --git a/layouts/404.html b/layouts/404.html
@@ -0,0 +1,17 @@
+<main>
+    <div class="about">
+      <div>
+        <div style="background: #ed9458; border-radius: 25px;
+        font-size: 20px; 
+        padding: 10px; 
+        border: 1px solid #FFFFFF; 
+        margin: 10px;
+        text-align: center;
+        vertical-align: middle;">
+        <p>404</p>
+        <p>Page not found, Meaning it either does not exist or is broken.</p>
+        <div>
+      </div>
+    </div>
+  </main>
+
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -57,34 +57,23 @@
             <li><a class="btn btn-link-3" href="/projects">Projects</a></li>
             <li><a class="btn btn-link-3" href="/discord">Discord</a></li>
             <li><a class="btn btn-link-3" href="/pages">Pages</a></li>
-            <li>
-              <a class="btn btn-link-3" href="https://tayrp.substack.com/"
-                >Blog</a
-              >
-            </li>
+            <li><a class="btn btn-link-3" href="/credits">Credits</a></li>
           </ul>
         </div>
       </div>
     </nav>
     {{ block "main" . }} {{ end }}
     <footer>
-      <!-- Remove "Vecteezy Credits" once background removed -->
-      Credits:
-      <a
-        href="https://www.vecteezy.com/vector-art/27207156-hand-drawn-flat-halloween-night-background"
-        >Vecteezy.com</a
-      >
-      (Background)
       <div class="container">
         <div
           style="
             background: #ed9458;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;
-            padding: 10px;
+            padding: 12px;
             border: 1px solid #ffffff;
-            margin: 5px auto;
+            margin: 0px auto;
             text-align: center;
           "
         >

diff --git a/public/404.html b/public/404.html
@@ -0,0 +1,17 @@
+<script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><main>
+    <div class="about">
+      <div>
+        <div style="background: #ed9458; border-radius: 25px;
+        font-size: 20px; 
+        padding: 10px; 
+        border: 1px solid #FFFFFF; 
+        margin: 10px;
+        text-align: center;
+        vertical-align: middle;">
+        <p>404</p>
+        <p>Page not found, Meaning it either does not exist or is broken.</p>
+        <div>
+      </div>
+    </div>
+  </main>
+
diff --git a/public/about/index.html b/public/about/index.html
@@ -57,11 +57,7 @@
             <li><a class="btn btn-link-3" href="/projects">Projects</a></li>
             <li><a class="btn btn-link-3" href="/discord">Discord</a></li>
             <li><a class="btn btn-link-3" href="/pages">Pages</a></li>
-            <li>
-              <a class="btn btn-link-3" href="https://tayrp.substack.com/"
-                >Blog</a
-              >
-            </li>
+            <li><a class="btn btn-link-3" href="/credits">Credits</a></li>
           </ul>
         </div>
       </div>
@@ -208,23 +204,16 @@ <h1>Hiya, Call me Tee!</h1>
 </main>
 
     <footer>
-
-      Credits:
-      <a
-        href="https://www.vecteezy.com/vector-art/27207156-hand-drawn-flat-halloween-night-background"
-        >Vecteezy.com</a
-      >
-      (Background)
       <div class="container">
         <div
           style="
             background: #ed9458;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;
-            padding: 10px;
+            padding: 12px;
             border: 1px solid #ffffff;
-            margin: 5px auto;
+            margin: 0px auto;
             text-align: center;
           "
         >

diff --git a/public/credits/index.html b/public/credits/index.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>tee's website</title>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+    <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css" />
+    <link
+      rel="stylesheet"
+      href="/assets/font-awesome/css/font-awesome.min.css"
+    />
+    <link rel="stylesheet" href="/assets/css/animate.css" />
+    <link rel="stylesheet" href="/assets/css/style.css" />
+    <link rel="stylesheet" href="/assets/css/about/style.css" />
+    <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
+  </head>
+
+  <body>
+    <nav
+      class="navbar navbar-inverse navbar-fixed-top navbar-no-bg"
+      role="navigation"
+    >
+      <div class="container">
+        <div class="navbar-header">
+          <button
+            type="button"
+            class="navbar-toggle collapsed"
+            data-toggle="collapse"
+            data-target="#top-navbar-1"
+          >
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="navbar-brand" href="/" style="color: white">
+            Tee
+            <img
+              id="dcstat"
+              alt="Status"
+              width="75"
+              style="margin-left: 55px; margin-top: -17px"
+            />
+            <script src="/assets/js/lanyard.js"></script>
+          </a>
+          <a style="margin-left: 59px; margin-top: 7px; display: inline-block;" href="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml">
+            <img src="https://github.com/tayrp/tayrp.github.io/actions/workflows/hugo.yml/badge.svg?branch=main" alt="Deploy Hugo site to Pages" />
+          </a>                    
+          <link rel="home" href="/" />
+        </div>
+        <div class="collapse navbar-collapse" id="top-navbar-1">
+          <ul class="nav navbar-nav navbar-right">
+            <li><a class="btn btn-link-3" href="/">Home</a></li>
+            <li><a class="btn btn-link-3" href="/about">About</a></li>
+            <li><a class="btn btn-link-3" href="/projects">Projects</a></li>
+            <li><a class="btn btn-link-3" href="/discord">Discord</a></li>
+            <li><a class="btn btn-link-3" href="/pages">Pages</a></li>
+            <li><a class="btn btn-link-3" href="/credits">Credits</a></li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+
+<main><main>
+    <div class="about">
+      <div>
+        <div style="background: #ed9458; border-radius: 25px;
+        font-size: 20px; 
+        padding: 10px; 
+        border: 1px solid #FFFFFF; 
+        margin: 10px;">
+        <div>
+        <p>Here is where credits will be, such as profile pictures, assets, website assets, etc.</p>
+        <li><a href="https://picrew.me/en/image_maker/1487318">ぺけぺけぺけⅡ</a> - Credits to <a href="https://profcard.info/u/3JBo4MNkznbJV3CILaI1otWJ5uI3">旻 (Nichibun)</a> for some profile pictures I use.</li>
+        <li><a href="https://picrew.me/en/image_maker/1487318">ぺけぺけぺけⅡ</a> - Credits to <a href="">BlazingBRO</a> for my MinecraftLIVE style profile picture.</li>
+        <li><a href="https://www.vecteezy.com/">Vecteezy</a> - Credits to Vecteezy for the <a href="https://www.vecteezy.com/vector-art/27207156-hand-drawn-flat-halloween-night-background">october background</a> I used in 2024</li>
+      </div>
+    </div>
+  </main>
+  </main>
+
+    <footer>
+      <div class="container">
+        <div
+          style="
+            background: #ed9458;
+            border-radius: 25px;
+            font-size: 20px;
+            width: 650px;
+            padding: 12px;
+            border: 1px solid #ffffff;
+            margin: 0px auto;
+            text-align: center;
+          "
+        >
+          <div class="row">
+            &copy;
+            <b
+              >2024
+              <a href="https://github.com/tayrp/tayrp.github.io">TayRP</a>. All
+              rights reserved. Made with 🩷 by
+              <a href="https://github.com/tayrp">Tee</a></b
+            >
+          </div>
+        </div>
+      </div>
+    </footer>
+  </body>
+</html>
diff --git a/public/discord/index.html b/public/discord/index.html
@@ -57,11 +57,7 @@
             <li><a class="btn btn-link-3" href="/projects">Projects</a></li>
             <li><a class="btn btn-link-3" href="/discord">Discord</a></li>
             <li><a class="btn btn-link-3" href="/pages">Pages</a></li>
-            <li>
-              <a class="btn btn-link-3" href="https://tayrp.substack.com/"
-                >Blog</a
-              >
-            </li>
+            <li><a class="btn btn-link-3" href="/credits">Credits</a></li>
           </ul>
         </div>
       </div>
@@ -135,23 +131,16 @@ <h3 id="pageBeginCountdownText" class="clock">3</h3>
             </main></main>
 
     <footer>
-
-      Credits:
-      <a
-        href="https://www.vecteezy.com/vector-art/27207156-hand-drawn-flat-halloween-night-background"
-        >Vecteezy.com</a
-      >
-      (Background)
       <div class="container">
         <div
           style="
             background: #ed9458;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;
-            padding: 10px;
+            padding: 12px;
             border: 1px solid #ffffff;
-            margin: 5px auto;
+            margin: 0px auto;
             text-align: center;
           "
         >

diff --git a/public/index.html b/public/index.html
@@ -58,11 +58,7 @@
             <li><a class="btn btn-link-3" href="/projects">Projects</a></li>
             <li><a class="btn btn-link-3" href="/discord">Discord</a></li>
             <li><a class="btn btn-link-3" href="/pages">Pages</a></li>
-            <li>
-              <a class="btn btn-link-3" href="https://tayrp.substack.com/"
-                >Blog</a
-              >
-            </li>
+            <li><a class="btn btn-link-3" href="/credits">Credits</a></li>
           </ul>
         </div>
       </div>
@@ -96,23 +92,16 @@
 </main>
 
     <footer>
-
-      Credits:
-      <a
-        href="https://www.vecteezy.com/vector-art/27207156-hand-drawn-flat-halloween-night-background"
-        >Vecteezy.com</a
-      >
-      (Background)
       <div class="container">
         <div
           style="
             background: #ed9458;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;
-            padding: 10px;
+            padding: 12px;
             border: 1px solid #ffffff;
-            margin: 5px auto;
+            margin: 0px auto;
             text-align: center;
           "
         >