diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/blogs/[...slug].astro | 32 | ||||
| -rw-r--r-- | src/pages/index.astro | 85 | ||||
| -rw-r--r-- | src/pages/test.astro | 12 |
3 files changed, 82 insertions, 47 deletions
diff --git a/src/pages/blogs/[...slug].astro b/src/pages/blogs/[...slug].astro new file mode 100644 index 0000000..417d1a6 --- /dev/null +++ b/src/pages/blogs/[...slug].astro @@ -0,0 +1,32 @@ +--- +import Markdown from "../../components/MarkdownB.astro"; +import { getCollection } from "astro:content"; + +export async function getStaticPaths() { + const blogEntries = await getCollection("blogs"); + return blogEntries.map((entry) => ({ + params: { slug: entry.slug }, + props: { entry }, + })); +} + +const { entry } = Astro.props; +const { Content } = await entry.render(); +--- + +<!doctype html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta name="description" content="Astro description" /> + <meta name="viewport" content="width=device-width" /> + <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> + <meta name="generator" content={Astro.generator} /> + <title>Test</title> + </head> + <body> + <main> + <Markdown><Content /></Markdown> + </main> + </body> +</html> 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> diff --git a/src/pages/test.astro b/src/pages/test.astro deleted file mode 100644 index 7a7ec7b..0000000 --- a/src/pages/test.astro +++ /dev/null @@ -1,12 +0,0 @@ ---- -// import Prose from '../components/Prose.astro'; -// import Layout from '../layouts/Layout.astro'; -import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro'; -import { getEntry } from 'astro:content'; - -const entry = await getEntry('blogs', 'blog-1'); -const { Content } = await entry.render(); ---- -<StarlightPage frontmatter={{title: "Blabla", template: 'splash'}}> - <Content /> -</StarlightPage> |