Updated credits, added buttons, portfolio, and css

tayrp · Nov 18, 2024 · b931519 · b931519
1 parent b7a1f50
commit b931519
Show file tree

Hide file tree

Showing 8 changed files with 85 additions and 8 deletions.
diff --git a/content/credits/index.html b/content/credits/index.html
@@ -2,6 +2,7 @@
     <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/2307052">ふわふわ鱈メーカー4</a> - Credits to <a href="https://x.com/Zr6Ov">Zr6Ov</a> for some of the profile pictures I use, For PNGTuber, etc.</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>

diff --git a/content/pages/index.html b/content/pages/index.html
@@ -16,6 +16,10 @@
         <a href="https://docs.mysty.one/">GitBook</a> - Takes you to my GitBook
         website.
       </li>
+      <li>
+        <a href="https://mystixmew.carrd.co/#work">Carrd</a> - Takes you to my Carrd
+        website (Portfolio).
+      </li>
       <li>
         <a href="https://tayrp.substack.com/">Blog</a> - Takes you to my
         Substack. (Inactive)

diff --git a/content/portfolio/index.html b/content/portfolio/index.html
@@ -0,0 +1,11 @@
+<main>
+    <div class="about">
+      <div class="bgbox">
+        <p>Portfolio coming soon..</p>
+        <p>For now just check my Carrd</p>
+        <p>Note that my Carrd does not have all the information it should currently.</p>
+        <li><a href="https://mystixmew.carrd.co/#work">Carrd Portfolio</a> - Takes you to my Carrd portfolio</li>
+      </div>
+    </div>
+  </main>
+
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
@@ -1,21 +1,18 @@
 {{ define "main" }}
 <main>
-  <div class="bgbox">
+  <div class="content-container">
+    <div class="bgbox">
       <div class="home">
         <b id="date-time">time</b>
         <script src="/assets/js/timezone.js"></script>
         <script src="{{ "/assets/js/namewriter.js" | relURL }}"></script>
         <p>Hello and Welcome to my Website!</p>
         <p>I prefer to go by Valerie, Tee, Riya, Rhea, or Kara.</p>
         <p>My preferred pronouns are She/Her and They/Them</p>
-        <p>I identify as Transgender and Pansexual.</p>
-        <p>
-          Shows & Movies I like include, Doctor Who, Dexter, DC Universe(s), Marvel
-          Universe(s).
-        </p>
-        <p>Founder & Owner of Rose Haven (FiveM) & Haven Network (Gaming Network) ~ Inactive Projects</p>
+        <p>Shows & Movies I like include, Doctor Who, Dexter, DC Universe(s), Marvel Universe(s).</p>
+        <p>Founder & Owner of Rose Haven (FiveM) & Haven Network (Gaming Network)</p>
         <p>Games I like include, FiveM, 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>, <a href="https://discord.gg/circuit">Circuit V2-V3</a>, and <a href="https://discord.gg/bstarrp">B⭐RP</a>.</p>
+        <p>I enjoy GTA V RP, I am whitelisted on <a href="https://discord.gg/redlinerp">Redline RP</a>, <a href="https://discord.gg/circuit">Circuit V2-V3</a>, <a href="https://discord.gg/CGaspfPh3s">EMW RP</a>, and <a href="https://discord.gg/bstarrp">B⭐RP</a>.</p>
         <p style="font-size: 15px">
           <p>🏳️‍⚧️|💙🩷🤍🩷💙|🩷💛💙</p>
         </p>
@@ -27,5 +24,20 @@
       </div>
     </div>
   </div>
+
+  <!-- Sidebar outside bgbox -->
+  <p>Some buttons to FiveM communities.</p>
+  <div class="sidebar">
+    <a href="https://discord.gg/YhDB8UH9xN" target="_blank">
+      <img src="/assets/imgs/other/emwrp.png" class="social-logo" alt="East Meets West Roleplay">
+    </a>
+    <a href="https://discord.gg/redlinerp" target="_blank">
+      <img src="/assets/imgs/other/redlinerp.png" class="social-logo" alt="Redline Roleplay">
+    </a>
+    <a href="https://discord.gg/circuit" target="_blank">
+      <img src="/assets/imgs/other/circuitrp.webp" class="social-logo" alt="Circuit Roleplay">
+    </a>
+  </div>
+
 </main>
 {{ end }}
diff --git a/static/assets/css/style.css b/static/assets/css/style.css
@@ -413,3 +413,52 @@ section:hover {
   text-decoration: none;
   cursor: pointer;
 }
+/* General styles for bgbox and home */
+.content-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.bgbox {
+  flex-grow: 1;
+  padding: 20px;
+  background: #f4f4f4; /* Light background color */
+  border-radius: 35px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Adds shadow for depth */
+  position: relative;
+}
+
+/* Sidebar outside bgbox */
+.sidebar {
+  position: fixed;
+  right: 1002px;
+  top: 685px;
+  width: 91px;
+  color: white;
+  /* background: rgba(0, 0, 0, 0.28); /* Semi-transparent black background */
+  padding: 20px;
+  border-radius: 8px;
+  display: flex;
+  gap: 7px;
+  z-index: 1; /* Ensures sidebar is above other content */
+}
+
+.sidebar a {
+  display: block;
+  text-align: center; /* Centers the image */
+}
+
+.social-logo {
+  width: 100%;
+  max-width: 150px;
+  height: auto;
+  margin-bottom: 10px;
+  transition: transform 0.3s ease;
+}
+
+.sidebar a:hover .social-logo {
+  transform: scale(1.1); /* Slightly enlarge on hover */
+}
+
+
diff --git a/static/assets/imgs/other/circuitrp.webp b/static/assets/imgs/other/circuitrp.webp
diff --git a/static/assets/imgs/other/emwrp.png b/static/assets/imgs/other/emwrp.png
diff --git a/static/assets/imgs/other/redlinerp.png b/static/assets/imgs/other/redlinerp.png