xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2025-12-06 01:16:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add button links to index cover page

Browse Source
This commit is contained in:
Xevion
2022-12-30 20:55:14 -06:00
parent cf964b1d8e
commit f1f46ca8da
1 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/index.tsx
View File

@@ -5,6 +5,7 @@ import ItemCard from "../components/ItemCard";
import {getPlaiceholder} from "plaiceholder"; import {getPlaiceholder} from "plaiceholder";
import {useBreakpointValue} from "../utils/helpers"; import {useBreakpointValue} from "../utils/helpers";
import type {Project} from "../utils/types"; import type {Project} from "../utils/types";
import Link from "next/link";
type ProjectWithBlur = Project & { bannerBlur: string }; type ProjectWithBlur = Project & { bannerBlur: string };
@@ -78,6 +79,11 @@ export async function getStaticProps() {
} }
} }
const buttons = [
{text: "GitHub", href: "https://github.com/Xevion"},
{text: "Contact", href: "/contact"}
]
const Home: NextPage<HomeStaticProps> = ({projects}: HomeStaticProps) => { const Home: NextPage<HomeStaticProps> = ({projects}: HomeStaticProps) => {
const useLong = useBreakpointValue("sm", true, false); const useLong = useBreakpointValue("sm", true, false);
@@ -99,13 +105,20 @@ const Home: NextPage<HomeStaticProps> = ({projects}: HomeStaticProps) => {
<span <span
className="leading-3 bg-yellow-300 rounded-md text-black font-bold font-inter p-2">WIP</span> className="leading-3 bg-yellow-300 rounded-md text-black font-bold font-inter p-2">WIP</span>
</div> </div>
<div className="w-full flex flex-col items-center h-40"> <div className="w-full flex flex-col items-center h-40">
<div className="text-4xl sm:text-5xl pb-3">Hi. I&apos;m Ryan Walters.</div> <div className="text-4xl sm:text-5xl pb-3">Hi. I&apos;m Ryan Walters.</div>
<div className="text-lg text-zinc-200">Full Stack Software Developer</div> <div className="text-lg text-zinc-200">Full Stack Software Developer</div>
<div className="w-full flex justify-center py-2 space-x-2">
{buttons.map(({text, href}) =>
<Link href={href} key={href}>
<div className="p-2 rounded-sm bg-zinc-900 hover:bg-zinc-800">
{text}
</div>
</Link>
)}
</div>
</div> </div>
</div> </div>
<div <div
className="flex py-12 sm:py-8 min-h-screen flex-row md:items-center justify-center"> className="flex py-12 sm:py-8 min-h-screen flex-row md:items-center justify-center">
<div className="h-full w-full max-w-[95%] lg:max-w-[85%] xl:max-w-[70%] mx-auto"> <div className="h-full w-full max-w-[95%] lg:max-w-[85%] xl:max-w-[70%] mx-auto">