mirror of
https://github.com/NeonGamerBot-QK/saahild.com.git
synced 2024-11-10 07:49:38 +00:00
Fix lint errors for src/components/main/index.tsx
This commit is contained in:
parent
a1b649b563
commit
c2d0691e44
1 changed files with 18 additions and 18 deletions
|
@ -5,32 +5,32 @@ import Tilt from 'react-parallax-tilt'
|
||||||
import Typewriter from './type'
|
import Typewriter from './type'
|
||||||
import { useEffect, useRef } from 'react'
|
import { useEffect, useRef } from 'react'
|
||||||
// import 'animate.css/animate.css'
|
// import 'animate.css/animate.css'
|
||||||
export default function Main() {
|
export default function Main () {
|
||||||
const mainEl = useRef(null)
|
const mainEl = useRef(null)
|
||||||
// useEffect(() => {
|
// useEffect(() => {
|
||||||
// if (document.activeElement !== mainEl.current) {
|
// if (document.activeElement !== mainEl.current) {
|
||||||
// // do something
|
// // do something
|
||||||
// mainEl.current.className
|
// mainEl.current.className
|
||||||
// }
|
// }
|
||||||
// })
|
// })
|
||||||
return (
|
return (
|
||||||
<div className={'hero min-h-screen'} ref={mainEl}>
|
<div className={'hero min-h-screen'} ref={mainEl}>
|
||||||
<div style={{ animation: "fadeInDown", animationDuration: "1.5s", zIndex: 5 }} className={ 'animate__animated animate__fadeIn' } >
|
<div style={{ animation: 'fadeInDown', animationDuration: '1.5s', zIndex: 5 }} className={'animate__animated animate__fadeIn'} >
|
||||||
<div className='hero-content flex-col lg:flex-row max-w-xl' style={{ zIndex: 5 }}>
|
<div className='hero-content flex-col lg:flex-row max-w-xl' style={{ zIndex: 5 }}>
|
||||||
<div className='avatar'>
|
<div className='avatar'>
|
||||||
<Tilt glareEnable glareColor={'#f9e2af'}>
|
<Tilt glareEnable glareColor={'#f9e2af'}>
|
||||||
<img src={avatar} />
|
<img src={avatar} />
|
||||||
</Tilt>
|
</Tilt>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{ zIndex: 9999 }}>
|
<div style={{ zIndex: 9999 }}>
|
||||||
|
|
||||||
<h1 className='text-5xl font-bold'><span className={'wave'}>👋🏾 </span> Hi im <span className='text-highlight'>Saahil</span></h1>
|
<h1 className='text-5xl font-bold'><span className={'wave'}>👋🏾 </span> Hi im <span className='text-highlight'>Saahil</span></h1>
|
||||||
<p>Welcome to my site.</p>
|
<p>Welcome to my site.</p>
|
||||||
<Typewriter />
|
<Typewriter />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
)
|
||||||
)
|
}
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in a new issue