convert img tags to Image components in index file

This commit is contained in:
Triston Armstrong 2024-01-08 22:33:54 -06:00
parent b3499a493c
commit 262ca4448c
2 changed files with 7 additions and 4 deletions

View File

@ -8,6 +8,9 @@ const nextConfig = {
}, },
typescript: { typescript: {
ignoreBuildErrors: true ignoreBuildErrors: true
},
images: {
unoptimized: true
} }
} }

View File

@ -1,10 +1,10 @@
import Job, { type JobProps } from '../components/Job' import Job, { type JobProps } from '../components/Job'
import Skill, { type SkillProps } from '../components/Skill' import Skill, { type SkillProps } from '../components/Skill'
import ListItem, { type ListItemProps } from '../components/ListItem' import ListItem, { type ListItemProps } from '../components/ListItem'
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 Image from 'next/image'
interface LandingProps { interface LandingProps {
jobs: JobsType[] jobs: JobsType[]
@ -12,10 +12,10 @@ interface LandingProps {
projects: ProjectsType[] projects: ProjectsType[]
} }
export default function Landing({ jobs, skills, projects }: LandingProps) { export default function Landing({ jobs, skills, projects }: LandingProps): React.JSX.Element {
return ( return (
<div> <div>
<img src='https://i.giphy.com/TBCVggEb9DzSHTUI19.webp' width={220} height={220} alt="peng" style={{ position: 'fixed', bottom: 0, left: 0 }} /> <Image src={'https://i.giphy.com/TBCVggEb9DzSHTUI19.webp'} alt={'peng'} width={220} height={220} style={{ position: 'fixed', bottom: 0, left: 0 }} />
<article className='flex-row align-baseline'> <article className='flex-row align-baseline'>
<p>👷 This site is under construction 🚧 🏗 🚧</p> <p>👷 This site is under construction 🚧 🏗 🚧</p>
@ -25,7 +25,7 @@ export default function Landing({ jobs, skills, projects }: LandingProps) {
<header> <header>
<div className="flex-col gap-05"> <div className="flex-col gap-05">
<img style={{ border: '1px dashed var(--links)' }} className="rounded xl " <Image width={0} height={0} style={{ border: '1px dashed var(--links)' }} className="rounded xl "
src="https://gitlab.com/uploads/-/system/user/avatar/5083849/avatar.png?width=400" alt="" /> src="https://gitlab.com/uploads/-/system/user/avatar/5083849/avatar.png?width=400" alt="" />
<h1 className='m-0'>Triston Armstrong 🫰</h1> <h1 className='m-0'>Triston Armstrong 🫰</h1>
</div> </div>