diff options
Diffstat (limited to 'src/pages/index.astro')
| -rw-r--r-- | src/pages/index.astro | 85 |
1 files changed, 50 insertions, 35 deletions
diff --git a/src/pages/index.astro b/src/pages/index.astro index 2afde87..8b1d8e5 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,6 +1,7 @@ --- import Layout from "../layouts/Layout.astro"; import TerminalBorder from "../components/TerminalBorder.astro"; +import Link from "../components/Link.astro"; import Nav from "../components/Nav.astro"; const sshKey = `ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIAsrdN6e4XbkJfV/FbH3GY8ujWgxSCSbYiwzQ4rKyren`; @@ -22,8 +23,7 @@ Hi! I'm Kyren, a software engineer and Minecraft plugin freelancer, I love working with Rust, Golang and Java. I am also a terminal nerd and linux enthusiast who uses NVIM btw. And when I am not coding I am most likely playing video games, -watching Anime or solving Rubik's cubes fast. -Test`.trimStart(); +watching Anime or solving Rubik's cubes fast.`.trimStart(); --- <Layout title="Kyren's Website"> @@ -52,45 +52,60 @@ Test`.trimStart(); <TerminalBorder header="Timezone"> <span>UTC+2</span> </TerminalBorder> - <TerminalBorder header="SSH Key"> - <div - class="w-[100%] flex items-center space-x-2 hover:text-[var(--alt)]" - > - <span - id="sshKey" - class="hover:text-[var(--alt)] cursor-pointer truncate flex-1" - >{sshKey}</span + <div class="w-[334%]"> + <TerminalBorder header="SSH Key"> + <div + class="w-[100%] flex items-center space-x-2 hover:text-[var(--alt)]" > - <button - id="sshKeyCopy" - class="flex items-center justify-center ml-auto hover:text-[var(--alt)]" - > - <svg - width="100%" - height="100%" - viewBox="0 -3 24 24" - xmlns="http://www.w3.org/2000/svg" - fill="none" + <span + id="sshKey" + class="hover:text-[var(--alt)] cursor-pointer truncate flex-1" + >{sshKey}</span > - <path - fill="currentColor" - fill-rule="evenodd" - d="M4 2a2 2 0 00-2 2v9a2 2 0 002 2h2v2a2 2 0 002 2h9a2 2 0 002-2V8a2 2 0 00-2-2h-2V4a2 2 0 00-2-2H4zm9 4V4H4v9h2V8a2 2 0 012-2h5zM8 8h9v9H8V8z" - ></path> - </svg> - </button> - </div> - </TerminalBorder> + <button + id="sshKeyCopy" + class="flex items-center justify-center ml-auto hover:text-[var(--alt)]" + > + <svg + width="100%" + height="100%" + viewBox="0 -3 24 24" + xmlns="http://www.w3.org/2000/svg" + fill="none" + > + <path + fill="currentColor" + fill-rule="evenodd" + d="M4 2a2 2 0 00-2 2v9a2 2 0 002 2h2v2a2 2 0 002 2h9a2 2 0 002-2V8a2 2 0 00-2-2h-2V4a2 2 0 00-2-2H4zm9 4V4H4v9h2V8a2 2 0 012-2h5zM8 8h9v9H8V8z" + ></path> + </svg> + </button> + </div> + </TerminalBorder> + </div> </div> <div id="right" class="column"> - <TerminalBorder header="About Me"> - <p>{aboutMe}</p> + <TerminalBorder header="Status"> + <p> + Working on + <Link href="https://github.com/KapiMC/Kapi">Kapi </Link> + | Learning Web Development | Available for hire + </p> </TerminalBorder> - <TerminalBorder header="Skills" margin="30px 0px"> - <a href="/about/">cd ~/imabanana80/about </a> + <TerminalBorder header="About Me" margin="20px 0"> + <p>{aboutMe}</p> </TerminalBorder> - <TerminalBorder header="Projects"> - <a href="/works/">cd ~/imabanana80/works</a> + <TerminalBorder header="Links"> + <p> + <Link href="https://github.com/Kyren223" + >github.com/Kyren223</Link + > + <br /> + <Link + href="https://discord.com/users/481884415090229258" + >discord.com/Kyren223</Link + > + </p> </TerminalBorder> </div> </div> |