renttrent/peroxy_site
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

organized asf

Browse Source
This commit is contained in:
Rei
2022-12-26 14:24:16 +01:00
parent 93dc624378
commit 1a29c39741
10 changed files with 113 additions and 2251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
pages/blog/index.tsx Normal file
View File

@@ -0,0 +1,11 @@
import { MainLayout } from "../../layouts/MainLayout";
const Blog = () => {
return (
<MainLayout>
<h1>Blog</h1>
</MainLayout>
);
};
export default Blog;

67
pages/index.tsx
View File

@@ -1,53 +1,26 @@
import Link from "next/link";
import { MainLayout } from "../layouts/MainLayout";
export default function Home() {
return (
<div className="h-screen">
<nav className="p-4 mx-10 flex flex-row justify-between">
<div id="logo" className="flex flex-row gap-2 items-end">
<div className="text-action font-bold text-4xl font-mono">peroxy</div>
<span className="text-secondary font-mono font-bold">dev</span>
</div>
<div className="flex flex-row gap-10 items-center font-medium font-mono">
<Link href="/pidhsome">
<button className="px-10 py-1 rounded-sm bg-primary hover:bg-primary/50 transition-all duration-150 ease-out">
link 1
</button>
</Link>
<Link href="/pidhsome">
<button className="px-10 py-1 rounded-sm bg-primary hover:bg-primary/50 transition-all duration-150 ease-out">
link 2
</button>
</Link>
<Link href="/pidhsome">
<button className="px-10 py-1 rounded-sm bg-primary hover:bg-primary/50 transition-all duration-150 ease-out">
link 3
</button>
</Link>
</div>
</nav>
<main className="mx-10">
<div className="grid grid-cols-2 xs:grid-cols-1 mt-20">
<div className="bg-primary-dark p-10 rounded-lg flex flex-col justify-between h-96 w-2/3 xs:w-full text-lg text-primary-text/90">
<div>
<span className="font-bold text-xl text-primary-text">
Lorem ipsum dolor{" "}
</span>{" "}
sit amet consectetur adipisicing elit. Laboriosam ab quia quae
reiciendis. Nostrum corrupti laboriosam quae vero repudiandae
dolorem quos dolores laborum recusandae atque itaque illo autem
neque odit, in soluta sit alias necessitatibus fugit veniam sunt
at.
</div>
<button className="px-4 py-2 rounded-lg bg-primary hover:bg-primary/50 transition-all ease-out duration-150 font-bold w-fit">
Action
</button>
</div>
<div id="showcase" className="w-full h-96 bg-primary-text">
<div className="text-primary-dark m-auto w-fit">showcase</div>
<MainLayout>
<div className="grid lg:grid-cols-2 grid-cols-1 mt-20 gap-10">
<div className="bg-primary-dark p-10 rounded-lg flex flex-col justify-between h-96 lg:w-2/3 w-full text-lg text-primary-text/90">
<div>
<span className="font-bold text-xl text-primary-text">
Lorem ipsum dolor{" "}
</span>{" "}
sit amet consectetur adipisicing elit. Laboriosam ab quia quae
reiciendis. Nostrum corrupti laboriosam quae vero repudiandae
dolorem quos dolores laborum recusandae atque itaque illo autem
neque odit, in soluta sit alias necessitatibus fugit veniam sunt at.
</div>
<button className="px-4 py-2 rounded-lg bg-primary hover:bg-primary/50 transition-all ease-out duration-150 font-bold w-fit text-white">
Action
</button>
</div>
</main>
</div>
<div id="showcase" className="w-full h-96 bg-primary-text">
<div className="text-primary-dark m-auto w-fit">showcase</div>
</div>
</div>
</MainLayout>
);
}