Switch to gradient ^& darker background, use AppWrapper in index

This commit is contained in:
Xevion
2023-02-25 19:50:53 -06:00
parent 3b1c5a9a40
commit 5c49aa56c9
4 changed files with 26 additions and 11 deletions

View File

@@ -6,6 +6,7 @@ import {getPlaiceholder} from "plaiceholder";
import {useBreakpointValue} from "../utils/helpers";
import type {Project} from "../utils/types";
import Link from "next/link";
import AppWrapper from "../components/AppWrapper";
type ProjectWithBlur = Project & { bannerBlur: string };
@@ -118,8 +119,8 @@ const Home: NextPage<HomeStaticProps> = ({projects}: HomeStaticProps) => {
<meta name="description" content="My personal website."/>
<link rel="icon" href="/favicon.ico"/>
</Head>
<main className="bg-zinc-900 text-zinc-50 overflow-x-hidden">
<div className="flex justify-center items-center bg-zinc-850 h-screen w-screen overflow-hidden">
<AppWrapper hideNavigation={true} className="overflow-x-hidden">
<div className="flex justify-center items-center h-screen w-screen overflow-hidden">
<div className="top-0 p-3 absolute w-full flex justify-end">
<span
className="leading-3 bg-yellow-300 rounded-md text-black font-bold font-inter p-2">WIP</span>
@@ -151,7 +152,7 @@ const Home: NextPage<HomeStaticProps> = ({projects}: HomeStaticProps) => {
</div>
</div>
</div>
</main>
</AppWrapper>
</>
);
};