xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2026-01-31 08:26:41 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add resume link on Index, adjust wide viewport rendering

Browse Source
This commit is contained in:
Xevion
2023-02-14 20:32:21 -06:00
parent 679d50c81f
commit 8f13bd60e7
3 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/WorkInProgress.tsx
+3 -3
View File
@@ -1,14 +1,14 @@
import type {FunctionComponent} from "react"; import type {FunctionComponent} from "react";
const WorkInProgress: FunctionComponent = () => { 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 <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"> <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 Work In Progress
</span> </span>
<p className="text-lg text-center"> <p className="text-lg text-center">
This website is a work-in progress. This website is a work in-progress.
<br/> <br/>
Unfortunately, this page hasn&apos;t been finished yet. Check back later. Unfortunately, this page hasn&apos;t been finished yet. Check back later.
</p> </p>
src/pages/index.tsx
+3 -2
View File
@@ -81,7 +81,8 @@ export async function getStaticProps() {
const buttons = [ const buttons = [
{text: "GitHub", href: "https://github.com/Xevion"}, {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) => { const Home: NextPage<HomeStaticProps> = ({projects}: HomeStaticProps) => {
@@ -99,7 +100,7 @@ const Home: NextPage<HomeStaticProps> = ({projects}: HomeStaticProps) => {
<meta name="description" content="My personal website."/> <meta name="description" content="My personal website."/>
<link rel="icon" href="/favicon.ico"/> <link rel="icon" href="/favicon.ico"/>
</Head> </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="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"> <div className="top-0 p-3 absolute w-full flex justify-end">
<span <span
src/styles/globals.scss
+4
View File
@@ -67,3 +67,7 @@ html, body {
hyphens: none; hyphens: none;
} }
} }
body {
@apply h-full
}