Reformatted files, Updates to CSS, About video.

tayrp · Oct 10, 2024 · 9f3ce5b · 9f3ce5b
1 parent f656619
commit 9f3ce5b
Show file tree

Hide file tree

Showing 51 changed files with 222 additions and 214 deletions.
diff --git a/content/about/index.html b/content/about/index.html
@@ -4,62 +4,61 @@
     <div>
       <body>
         <div class="content">
-          <div>
-            <div style="background: #ed9458; border-radius: 25px;
-            font-size: 20px; 
-            padding: 10px; 
-            border: 1px solid #FFFFFF; 
-            margin: 10px;">
-            <div>
+          <div class="bgbox">
           <h1>Hiya, Call me Tee!</h1>
           <iframe
             width="570"
             height="212"
             src="https://lanyard.cnrad.dev/api/1050531216589332581"
             frameborder="0"
             allowfullscreen="false"
-            style="margin-left: 15px"
+            style="margin-left: 0px"
           ></iframe>
-          <!-- <h4>Someone told me I had shit taste in music when I showed them this song, so I put it on my website, Fuck you.</h4> -->
           <div id="images">
+            <a href="https://discord.gg/gjypyNkPPp" target="_blank"
+            ><img
+              src="/assets/imgs/haven.png"
+              class="social-logo"
+              alt="Haven Community"
+          /></a>
             <a
               href="https://discord.com/users/1050531216589332581"
               target="_blank"
               ><img
-                src="/assets/imgs/october/discord.png"
+                src="/assets/imgs/socials/discord.png"
                 class="social-logo"
                 alt="Discord"
             /></a>
             <a href="https://github.com/tayrp" target="_blank"
               ><img
-                src="/assets/imgs/october/github.png"
+                src="/assets/imgs/socials/github.png"
                 class="social-logo"
                 alt="Github"
             /></a>
-            <a href="https://discord.gg/gjypyNkPPp" target="_blank"
-              ><img
-                src="/assets/imgs/haven.png"
-                class="social-logo"
-                alt="Haven"
-            /></a>
             <a href="https://www.last.fm/user/MystixMew" target="_blank"
               ><img
-                src="/assets/imgs/october/lastfm.png"
+                src="/assets/imgs/socials/lastfm.png"
                 class="social-logo"
                 alt="Last.fm"
             /></a>
             <a href="https://www.youtube.com/@MystixMew" target="_blank"
               ><img
-                src="/assets/imgs/october/youtube.png"
+                src="/assets/imgs/socials/youtube.png"
                 class="social-logo"
                 alt="YouTube"
             /></a>
+            <a href="https://namemc.com/profile/MystixMew.1" target="_blank"
+            ><img
+              src="/assets/imgs/socials/namemc.png"
+              class="social-logo"
+              alt="NameMC"
+          /></a>
             <!-- <a class="btn btn-link-3" button id="aboutpauseBtn" onclick="togglePause()">⏸️</a></p> -->
           </div>
         </div>
         <video autoplay loop id="aboutvideo">
           <source
-            src="https://index.havenmc.org/website/assets/mp4/thisishalloween.mp4"
+            src="https://index.havenmc.org/website/assets/mp4/usurper.mp4"
             type="video/mp4"
           />
           This browser does not support HTML5 video or the server is offline.
@@ -82,7 +81,7 @@ <h1>Hiya, Call me Tee!</h1>
           style="
             font-size: 27px;
             padding: 0;
-            color: #FC4C02;
+            color: #a81cbe;
             width: 30px;
             height: 30px;
             line-height: 27px;

diff --git a/content/credits/index.html b/content/credits/index.html
@@ -1,16 +1,9 @@
 <main>
-    <div class="about">
-      <div>
-        <div style="background: #ed9458; border-radius: 25px;
-        font-size: 20px; 
-        padding: 10px; 
-        border: 1px solid #FFFFFF; 
-        margin: 10px;">
-        <div>
+    <div class="bgbox">
         <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>
+        <li><a href=""></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, As well as for the current background.</li>
       </div>
     </div>
   </main>

diff --git a/content/discord/index.html b/content/discord/index.html
@@ -1,6 +1,6 @@
 <main>
 <div>
-    <div class="about">
+    <div class="bgbox">
         <div>
             <p>
             <p>If you have not been redirected to my Discord within 3 seconds.</p>

diff --git a/content/pages/index.html b/content/pages/index.html
@@ -1,12 +1,6 @@
 <main>
   <div class="about">
-    <div>
-      <div style="background: #ed9458; border-radius: 25px;
-      font-size: 20px; 
-      padding: 10px; 
-      border: 1px solid #FFFFFF; 
-      margin: 10px;">
-      <div>
+    <div class="bgbox">
       <p>A list of all pages on my website.</p>
       <p>Some are hidden, like Eastereggs.</p>
       <li><a href="/">Home</a> - Takes you to my home page.</li>

diff --git a/content/projects/index.html b/content/projects/index.html
@@ -1,12 +1,6 @@
 <main>
   <div class="pl">
-    <div>
-      <div style="background: #ed9458; border-radius: 25px;
-      font-size: 20px; 
-      padding: 10px; 
-      border: 1px solid #FFFFFF; 
-      margin: 10px;">
-      <div>
+    <div class="bgbox">
     <ul class="plul">
       <b>Here is a list of all my projects.</b>
       <li>

diff --git a/content/radio/index.html b/content/radio/index.html
@@ -1,14 +1,8 @@
 <main>
     <div>
         <div>
-            <div class="about">
+            <div class="bgbox">
                 <div>
-                    <div style="background: #ed9458; border-radius: 25px;
-                    font-size: 20px; 
-                    padding: 10px; 
-                    border: 1px solid #FFFFFF; 
-                    margin: 10px;">
-                    <div>
             <div>
                 <p>Welcome to Mysty Radio</p>
             </div>

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -15,7 +15,7 @@
     <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" />
+    <link rel="shortcut icon" href="/assets/imgs/pfps/favicon.png" />
   </head>
 
   <body>
@@ -73,7 +73,7 @@
       <div class="container">
         <div
           style="
-            background: #ed9458;
+            background: #ff96b4;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;

diff --git a/layouts/_default/home.html b/layouts/_default/home.html
@@ -1,17 +1,7 @@
 {{ define "main" }}
 <main>
-  <div class="about">
-    <div
-      style="
-        background: #ed9458;
-        border-radius: 25px;
-        font-size: 20px;
-        padding: 10px;
-        border: 1px solid #ffffff;
-        margin: 10px;
-      "
-    >
-      <div>
+  <div class="bgbox">
+      <div class="home">
         <b id="date-time">time</b>
         <script src="/assets/js/timezone.js"></script>
         <p>Hello and Welcome, You may call me Tee.</p>
@@ -22,6 +12,7 @@
           Universe.
         </p>
         <p>Games I like include, Minecraft, Terraria, BeamNG.drive and DayZ.</p>
+        <p>I enjoy GTA V RP, I am whitelisted on <a href="https://discord.gg/redlinerp">Redline RP</a> and <a href="https://discord.gg/circuit">Circuit V2</a></p>
         <p style="font-size: 20px">
           <a href="https://nohello.net/en/">NoHello</a> |
           <a href="https://dontasktoask.com/">DontAskToAsk</a> |

diff --git a/public/about/index.html b/public/about/index.html
@@ -15,7 +15,7 @@
     <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" />
+    <link rel="shortcut icon" href="/assets/imgs/pfps/favicon.png" />
   </head>
 
   <body>
@@ -45,9 +45,15 @@
             />
             <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>                    
+          <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">
@@ -70,62 +76,61 @@
     <div>
       <body>
         <div class="content">
-          <div>
-            <div style="background: #ed9458; border-radius: 25px;
-            font-size: 20px; 
-            padding: 10px; 
-            border: 1px solid #FFFFFF; 
-            margin: 10px;">
-            <div>
+          <div class="bgbox">
           <h1>Hiya, Call me Tee!</h1>
           <iframe
             width="570"
             height="212"
             src="https://lanyard.cnrad.dev/api/1050531216589332581"
             frameborder="0"
             allowfullscreen="false"
-            style="margin-left: 15px"
+            style="margin-left: 0px"
           ></iframe>
-          <!-- <h4>Someone told me I had shit taste in music when I showed them this song, so I put it on my website, Fuck you.</h4> -->
           <div id="images">
+            <a href="https://discord.gg/gjypyNkPPp" target="_blank"
+            ><img
+              src="/assets/imgs/haven.png"
+              class="social-logo"
+              alt="Haven Community"
+          /></a>
             <a
               href="https://discord.com/users/1050531216589332581"
               target="_blank"
               ><img
-                src="/assets/imgs/october/discord.png"
+                src="/assets/imgs/socials/discord.png"
                 class="social-logo"
                 alt="Discord"
             /></a>
             <a href="https://github.com/tayrp" target="_blank"
               ><img
-                src="/assets/imgs/october/github.png"
+                src="/assets/imgs/socials/github.png"
                 class="social-logo"
                 alt="Github"
             /></a>
-            <a href="https://discord.gg/gjypyNkPPp" target="_blank"
-              ><img
-                src="/assets/imgs/haven.png"
-                class="social-logo"
-                alt="Haven"
-            /></a>
             <a href="https://www.last.fm/user/MystixMew" target="_blank"
               ><img
-                src="/assets/imgs/october/lastfm.png"
+                src="/assets/imgs/socials/lastfm.png"
                 class="social-logo"
                 alt="Last.fm"
             /></a>
             <a href="https://www.youtube.com/@MystixMew" target="_blank"
               ><img
-                src="/assets/imgs/october/youtube.png"
+                src="/assets/imgs/socials/youtube.png"
                 class="social-logo"
                 alt="YouTube"
             /></a>
+            <a href="https://namemc.com/profile/MystixMew.1" target="_blank"
+            ><img
+              src="/assets/imgs/socials/namemc.png"
+              class="social-logo"
+              alt="NameMC"
+          /></a>
             <!-- <a class="btn btn-link-3" button id="aboutpauseBtn" onclick="togglePause()">⏸️</a></p> -->
           </div>
         </div>
         <video autoplay loop id="aboutvideo">
           <source
-            src="https://index.havenmc.org/website/assets/mp4/thisishalloween.mp4"
+            src="https://index.havenmc.org/website/assets/mp4/usurper.mp4"
             type="video/mp4"
           />
           This browser does not support HTML5 video or the server is offline.
@@ -148,7 +153,7 @@ <h1>Hiya, Call me Tee!</h1>
           style="
             font-size: 27px;
             padding: 0;
-            color: #FC4C02;
+            color: #a81cbe;
             width: 30px;
             height: 30px;
             line-height: 27px;
@@ -207,7 +212,7 @@ <h1>Hiya, Call me Tee!</h1>
       <div class="container">
         <div
           style="
-            background: #ed9458;
+            background: #ff96b4;
             border-radius: 25px;
             font-size: 20px;
             width: 650px;

diff --git a/public/assets/css/style.css b/public/assets/css/style.css
@@ -49,9 +49,9 @@ body {
   color: #888;
   line-height: 30px;
   text-align: center;
-  background-image: url("../imgs/october_background1.jpg");
+  background-image: url("../imgs/backgrounds/vecteezy_abstract-square-with-pastel-colour_6487408-1.jpg");
   background-size: cover;
-  /* background-color: #36454f; */
+  background-color: #36454f;
 }
 .background-tint {
   filter: sepia(100%) saturate(200%) brightness(70%) hue-rotate(330deg);
@@ -141,8 +141,9 @@ ul.navbar-nav {
   display: inline-block;
   margin: 9px 0 0 15px;
   padding: 6px 15px;
-/*  background: #b1cbcc; */
-  background: #ed9458; /* Halloween navbar */
+  /* background: #b1cbcc; */
+  background: #ff96b4;
+  /* background: #ed9458; /* Halloween navbar */
   border: 0;
   font-size: 14px;
   font-weight: 360;
@@ -157,20 +158,20 @@ ul.navbar-nav {
 
 .navbar-brand {
   width: 102px;
-  background: url(../imgs/logo.png) left center no-repeat;
+  background: url(../imgs/pfps/logo.png) left center no-repeat;
   text-indent: -9999999;
 }
 
 a:link {
-  color: #e04401;
+  color: #a81cbe;
 }
 
 a:visited {
-  color: #e04401;
+  color: #a81cbe;
 }
 
 a:hover {
-  color: #b93800;
+  color: #770d88;
 }
 
 /* Doctor Who List? */
@@ -275,3 +276,13 @@ aboutvideo {
   filter: blur(7px);
   opacity: 65%;
 }
+
+.bgbox {
+  background: #ff96b4;
+  border-radius: 25px;
+  font-size: 20px;
+  padding: 25px;
+  border: 1px solid #FFFFFF;
+  margin: 10px;
+  color: #FFFFFF;
+}
diff --git a/public/assets/imgs/favicon.png b/public/assets/imgs/favicon.png
diff --git a/public/assets/imgs/icon - Copy.png b/public/assets/imgs/icon - Copy.png
diff --git a/public/assets/imgs/icon.png b/public/assets/imgs/icon.png
diff --git a/public/assets/imgs/logo.png b/public/assets/imgs/logo.png