chore: Update page layouts and styles for improved responsiveness

RND332 · Jun 13, 2024 · 0979fab · 0979fab
1 parent 0a8a998
commit 0979fab
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -3,7 +3,6 @@ import { ViewTransitions } from "astro:transitions";
 import type { Page } from "../types/pages";
 
 const currentPage = Astro.props.page;
-const baseStyles = "text-xl px-4";
 const pages: Array<Page> = [
 	{ title: "Who", url: "/", id: "who" },
 	{ title: "Arcanum", url: "/arcanum", id: "arcanum" },
@@ -59,7 +58,7 @@ const pages: Array<Page> = [
 
 							return (
 								<li class={styles}>
-									<a href={page.url}>
+									<a href={page.url} target="_self">
 										{page.title}
 									</a>
 								</li>

diff --git a/src/pages/assets.astro b/src/pages/assets.astro
@@ -11,12 +11,12 @@ import avatarfull from "../../public/avatarfull.jpg"
             <Image src={smfigma} alt="figma" class="rounded" />
             <div class="border border-[#30363d] rounded p-4 text-xs flex flex-col justify-between">
                 Social Media icons
-                <a class="text-purple-500" href="https://www.figma.com/community/file/929729132405358534">Figma</a>
+                <a class="text-purple-500" href="https://www.figma.com/community/file/929729132405358534" target="_blank">Figma</a>
             </div>
             <Image src={avatarfull} alt="avatar" class="rounded" />
             <div class="border border-[#30363d] rounded p-4 text-xs flex flex-col justify-between">
                 No Game No Life: Yuu Kamiya Art Works
-                <a class="text-purple-500" href="https://www.ebay.com/itm/264448308138?itmmeta=01HZWA3BCGQ815RZFYDP7N2DSX&hash=item3d9258f3aa:g:umwAAOSwXF5dac3N&itmprp=enc%3AAQAJAAAA8KYjiL5QX9npNIeIteo0GXYtUvqQdEa4BRvkfZGaAYQz0vmy81h37jSg6ZMycnTtBf3nLb%2BEe5tJ71e1r47z%2FAI%2BP1j1ilePeZ3TtNbKlTkvF1vrSEXp9Lj8bkTrUlHIIYLYEVIvVmTod44cx076cFrylp0wJCCTgEdVyWx45MkNxPTxSdguMQQ3mZ%2BvxD6qmbInvu71sHQYtk8Cn8oJc1ftMlfe9xSSakcDKymfOAAmeyCuWmXx8XEqWlLUxdePcPynyzIdDhzT0HsFBk4HkgZoz0jA1TpH4d2G%2F%2B%2F0jD0hq929aA9uOr0N3UmEYhbyTg%3D%3D%7Ctkp%3ABFBMrraNiv9j">eBay</a>
+                <a class="text-purple-500" href="https://www.ebay.com/itm/264448308138?itmmeta=01HZWA3BCGQ815RZFYDP7N2DSX&hash=item3d9258f3aa:g:umwAAOSwXF5dac3N&itmprp=enc%3AAQAJAAAA8KYjiL5QX9npNIeIteo0GXYtUvqQdEa4BRvkfZGaAYQz0vmy81h37jSg6ZMycnTtBf3nLb%2BEe5tJ71e1r47z%2FAI%2BP1j1ilePeZ3TtNbKlTkvF1vrSEXp9Lj8bkTrUlHIIYLYEVIvVmTod44cx076cFrylp0wJCCTgEdVyWx45MkNxPTxSdguMQQ3mZ%2BvxD6qmbInvu71sHQYtk8Cn8oJc1ftMlfe9xSSakcDKymfOAAmeyCuWmXx8XEqWlLUxdePcPynyzIdDhzT0HsFBk4HkgZoz0jA1TpH4d2G%2F%2B%2F0jD0hq929aA9uOr0N3UmEYhbyTg%3D%3D%7Ctkp%3ABFBMrraNiv9j" target="_blank">eBay</a>
             </div>
         </div>
     </div>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -10,7 +10,7 @@ import Layout from "../layouts/Layout.astro";
     <div class="border border-[#30363d] rounded p-4">
       <h1 class="text-base font-bold">Hi, I'm <span class="text-purple-500">RND</span></h1>
       <p class="text-xs">I'm a frontend engineer. I'm passionate about web development, open source and cryptocurrencies.</p>
-      <p class="text-xs">I'm currently working at <a href="https://arcanum.to/" class="text-purple-500">Arcanum</a>.</p>
+      <p class="text-xs">I'm currently working at <a href="https://arcanum.to/" class="text-purple-500" target="_blank">Arcanum</a>.</p>
       <div class="mt-4">
         <h2 class="text-base font-bold">Skills</h2>
         <ul class="list-disc list-inside text-xs">

diff --git a/src/pages/source.astro b/src/pages/source.astro
@@ -8,7 +8,7 @@ import github from "../../public/github.svg";
     <div class="flex flex-col items-center w-full mt-4 p-4 border border-[#30363d] rounded">
         <Image src={github} alt="GitHub Logo" class="w-12 h-12" />
         <div class="text-xs">Check out Source Code!</div>
-        <a href="https://github.com/RND332/rnd-landing" class="text-xs text-white p-1 border border-[#30363d] rounded">
+        <a href="https://github.com/RND332/rnd-landing" class="text-xs text-white p-1 border border-[#30363d] rounded" target="_blank">
             View on GitHub
         </a>
     </div>