From 8f13bd60e711f7aac1563cde2c832cd6c2a40258 Mon Sep 17 00:00:00 2001
From: Xevion <ryanchwalters@gmail.com>
Date: Tue, 14 Feb 2023 20:32:21 -0600
Subject: [PATCH] Add resume link on Index, adjust wide viewport rendering

---
 src/components/WorkInProgress.tsx | 6 +++---
 src/pages/index.tsx               | 5 +++--
 src/styles/globals.scss           | 4 ++++
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/WorkInProgress.tsx b/src/components/WorkInProgress.tsx
index aa041b2..d555da8 100644
--- a/src/components/WorkInProgress.tsx
+++ b/src/components/WorkInProgress.tsx
@@ -1,14 +1,14 @@
 import type {FunctionComponent} from "react";
 
 const WorkInProgress: FunctionComponent = () => {
-    return <div className="w-full my-10 flex justify-center">
+    return <div className="w-full my-10 flex flex-col items-center">
         <div
-            className="bg-zinc-850 border border-zinc-700 rounded-md max-w-[23rem] sm:max-w-[25rem] lg:max-w-[30rem] mx-3 w-full p-5 flex flex-col items-center justify-center">
+            className="bg-zinc-800 border border-zinc-700 rounded-md max-w-[23rem] sm:max-w-[25rem] lg:max-w-[30rem] mx-3 w-full p-5 flex flex-col items-center justify-center">
             <span className="bg-gradient-to-r from-orange-500 via-fuchsia-600 to-cyan-500 text-transparent font-semibold bg-clip-text text-3xl sm:text-4xl pb-2 text-center">
                 Work In Progress
             </span>
             <p className="text-lg text-center">
-                This website is a work-in progress.
+                This website is a work in-progress.
                 <br/>
                 Unfortunately, this page hasn&apos;t been finished yet. Check back later.
             </p>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 4e63c2e..6cb9e21 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -81,7 +81,8 @@ export async function getStaticProps() {
 
 const buttons = [
     {text: "GitHub", href: "https://github.com/Xevion"},
-    {text: "Contact", href: "/contact"}
+    {text: "Contact", href: "/contact"},
+    {text: "Resume", href: "/resume"}
 ]
 
 const Home: NextPage<HomeStaticProps> = ({projects}: HomeStaticProps) => {
@@ -99,7 +100,7 @@ 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">
+            <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">
                     <div className="top-0 p-3 absolute w-full flex justify-end">
                         <span
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index 89b0842..751afc9 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -66,4 +66,8 @@ html, body {
   @screen md {
     hyphens: none;
   }
+}
+
+body {
+  @apply h-full
 }
\ No newline at end of file