Skip to content

Commit

Permalink
feat(about): about page added
Browse files Browse the repository at this point in the history
Example About Page, filled with 3 Lorems. Tests will be added soon, still on progress
  • Loading branch information
juunie-roh committed Dec 7, 2023
1 parent ce79021 commit 1c79ed5
Show file tree
Hide file tree
Showing 2 changed files with 35 additions and 2 deletions.
33 changes: 33 additions & 0 deletions src/pages/about.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
import { Meta } from '@/layouts/Meta';
import { Main } from '@/templates/Main';

const About = () => (
<Main
meta={
<Meta
title="about Juun"
description="description about this page, explain packages & techs used."
/>
}
>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reiciendis
delectus dolore inventore repellendus suscipit maiores veritatis
doloribus, architecto deleniti error ratione libero vero autem est
temporibus fugiat sunt ut eos.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Hic dolores quos
voluptatibus tenetur cumque, unde porro quaerat veritatis similique
possimus cupiditate. Doloribus expedita iure qui delectus dolorem optio
magni repellendus?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem dolor
nostrum fuga et. Aliquid, vitae totam. Ad eligendi voluptatem debitis
atque fuga! Molestiae, sequi eos natus ex necessitatibus corrupti ratione.
</p>
</Main>
);

export default About;
4 changes: 2 additions & 2 deletions src/templates/Main.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const Main = (props: IMainProps) => (
{props.meta}

<div className="mx-auto">
<header className="fixed left-0 top-0 z-10 flex w-full items-center justify-between border-b border-gray-300 bg-gradient-to-b from-zinc-200 p-8 backdrop-blur-xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit">
<header className="fixed left-0 top-0 z-10 flex w-full items-center justify-between border-b border-gray-300 bg-gradient-to-b from-zinc-200 p-4 backdrop-blur-xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:p-8">
<div className="flex items-baseline gap-4">
<h1 className="text-xl font-bold text-gray-900 lg:text-3xl">
<Link href="/">{AppConfig.title}</Link>
Expand Down Expand Up @@ -48,7 +48,7 @@ const Main = (props: IMainProps) => (
/>
</a>
</header>
<main className="flex min-h-screen flex-col items-center justify-between p-24 pt-48">
<main className="flex min-h-screen flex-col items-center justify-between p-8 pt-32 lg:p-12 lg:pt-48">
{props.children}
</main>

Expand Down

0 comments on commit 1c79ed5

Please sign in to comment.