tristonarmstrong/XeNote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adds bg gradient, cute gif, and removes some unused code

Browse Source
This commit is contained in:
Triston Armstrong 2024-01-06 22:00:19 -06:00
parent 0517e2b6de
commit 32c0cd7a23
2 changed files with 21 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
pages/index.tsx
View File

@ -5,7 +5,6 @@ import Head from 'next/head'
import { UsefulLinksList } from '../components/UsefulLinks/index' import { UsefulLinksList } from '../components/UsefulLinks/index'
import { SocialLinksList } from '../components/SocialLinks/SocialLinks' import { SocialLinksList } from '../components/SocialLinks/SocialLinks'
import type { GetStaticProps } from 'next' import type { GetStaticProps } from 'next'
import { Border } from 'components/Border'
interface LandingProps { interface LandingProps {
jobs: JobsType[] jobs: JobsType[]
@ -13,25 +12,24 @@ interface LandingProps {
projects: ProjectsType[] projects: ProjectsType[]
} }
/*
* bahunya.css <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kimeiga/bahunya/dist/bahunya.min.css" />
*
* new.css
<link rel="stylesheet" href="https://fonts.xz.style/serve/inter.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.min.css" />
*/
export default function Landing({ jobs, skills, projects }: LandingProps) { export default function Landing({ jobs, skills, projects }: LandingProps) {
return ( return (
<div> <div>
<Head> <Head>
<meta name="color-scheme" content='dark' /> <meta name="color-scheme" content='dark' />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kimeiga/bahunya/dist/bahunya.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kimeiga/bahunya/dist/bahunya.min.css" />
<body className='bg-gradient' />
</Head> </Head>
<article> <img src='https://i.giphy.com/TBCVggEb9DzSHTUI19.webp' width={220} height={220} alt="peng" style={{ position: 'fixed', bottom: 0, left: 0 }} />
<p>Probably going to put something here</p>
<article className='flex-row align-baseline'>
<p>❗👷 This site is under construction 🚧 🏗️ 🚧</p>
</article> </article>
<br />
<header> <header>
<div className="flex-col gap-05"> <div className="flex-col gap-05">
<img style={{ border: '1px dashed var(--links)' }} className="rounded xl " <img style={{ border: '1px dashed var(--links)' }} className="rounded xl "
@ -46,7 +44,7 @@ export default function Landing({ jobs, skills, projects }: LandingProps) {
</a> </a>
</p> </p>
<p> <p className='font-muted'>
I am a self taught Full Stack Software Developer with an unhealthy addiction to solving I am a self taught Full Stack Software Developer with an unhealthy addiction to solving
problems using code. problems using code.
</p> </p>

15
styles/global.css
View File

@ -31,6 +31,11 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
.bg-gradient {
background: radial-gradient(circle at top right,
var(--background) 0%, var(--background-body) 50%, var(--background-body) 90%)
}
/* WIDTH HEIGHT ---------------------------------*/ /* WIDTH HEIGHT ---------------------------------*/
.sm { .sm {
@ -61,6 +66,10 @@
height: 100dvh; height: 100dvh;
} }
.h-0 {
height: 0;
}
.x-center { .x-center {
align-items: center; align-items: center;
} }
@ -109,6 +118,7 @@
padding: 2rem; padding: 2rem;
} }
/* TEXT ---------------------------------------------*/
.text-sm { .text-sm {
font-size: 1rem; font-size: 1rem;
} }
@ -121,6 +131,7 @@
font-size: 1.4rem; font-size: 1.4rem;
} }
/* FONT ---------------------------------------------*/
.font-muted { .font-muted {
color: var(--text-muted); color: var(--text-muted);
} }
@ -133,9 +144,7 @@
font-weight: bold; font-weight: bold;
} }
.h-0 {
height: 0;
}
/* BORDER ---------------------------------- */ /* BORDER ---------------------------------- */
.border-dashed { .border-dashed {