neon/saahildcom
1
0
Fork 0
mirror of https://github.com/NeonGamerBot-QK/saahild.com.git synced 2025-06-25 03:04:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

i did some work

Browse source
This commit is contained in:
Saahil dutta 2024-06-16 00:57:13 -04:00
parent 6e2a3cd870
commit fbec2dddc7
25 changed files with 600 additions and 248 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/components/main/index.tsx
View file

@ -1,22 +1,33 @@
import './avatar.css'
import avatar from '../../assets/avatar.png'
import ScrollAnimation from 'react-animate-on-scroll'
import Tilt from 'react-parallax-tilt'
import Typewriter from './type'
import { useEffect, useRef } from 'react'
// import 'animate.css/animate.css'
export default function Main() {
const mainEl = useRef(null)
// useEffect(() => {
// if (document.activeElement !== mainEl.current) {
// // do something
// mainEl.current.className
// }
// })
return (
<div className='hero min-h-screen ' >
<div style={{ animation: "fadeInDown", animationDuration: "1.5s", zIndex: 9999 }} className='animate__animated animate__fadeIn' >
<div className='hero-content flex-col lg:flex-row max-w-xl' style={{ zIndex: 9999 }}>
<div className={'hero min-h-screen'} ref={mainEl}>
<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='avatar'>
<Tilt glareEnable glareColor={'#f9e2af'}>
<img src={'favicon.png'} />
<img src={avatar} />
</Tilt>
</div>
<div style={{ zIndex: 9999 }}>
<h1 className='text-5xl font-bold zeon-word' >Saahild.com</h1>
<p>WIP.</p>
<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>
<Typewriter />
</div>
</div>
</div>