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

15
styles/global.css
View File

@ -31,6 +31,11 @@
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 ---------------------------------*/
.sm {
@ -61,6 +66,10 @@
height: 100dvh;
}
.h-0 {
height: 0;
}
.x-center {
align-items: center;
}
@ -109,6 +118,7 @@
padding: 2rem;
}
/* TEXT ---------------------------------------------*/
.text-sm {
font-size: 1rem;
}
@ -121,6 +131,7 @@
font-size: 1.4rem;
}
/* FONT ---------------------------------------------*/
.font-muted {
color: var(--text-muted);
}
@ -133,9 +144,7 @@
font-weight: bold;
}
.h-0 {
height: 0;
}
/* BORDER ---------------------------------- */
.border-dashed {