Fix lint errors for src/components/AboutPage/index.tsx

This commit is contained in:
zeon-neon[bot] 2024-06-18 00:49:05 +00:00 committed by GitHub
parent d4c4dd2c40
commit 7b1b14feca
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,14 +1,14 @@
import { mdiBullet } from "@mdi/js"; import { mdiBullet } from '@mdi/js'
import Icon from "@mdi/react"; import Icon from '@mdi/react'
export default function AboutPage() { export default function AboutPage () {
return <div className={'hero min-h-screen'}> return <div className={'hero min-h-screen'}>
<div className="container"> <div className='container'>
<h1 className="font-bold text-3xl"> <h1 className='font-bold text-3xl'>
Some info about <span className='text-highlight'>me</span> Some info about <span className='text-highlight'>me</span>
</h1> </h1>
<div> <div>
<blockquote className='blockquote mb-0'> <blockquote className='blockquote mb-0'>
<p style={{ textAlign: 'justify' }}> <p style={{ textAlign: 'justify' }}>
Hi Everyone, I am{' '} Hi Everyone, I am{' '}
<span className='text-highlight '>Saahil dutta, </span> <span className='text-highlight '>Saahil dutta, </span>
@ -23,30 +23,30 @@ Some info about <span className='text-highlight'>me</span>
<Icon path={mdiBullet} className='inline-block'size={1} /> Playing Games <Icon path={mdiBullet} className='inline-block'size={1} /> Playing Games
</li> </li>
<li className='about-activity'> <li className='about-activity'>
<Icon path={mdiBullet} className='inline-block' size={1} /> Eating different types of food <Icon path={mdiBullet} className='inline-block' size={1} /> Eating different types of food
</li> </li>
{/* <li className="about-activity"> {/* <li className="about-activity">
<ImPointRight className="inline-block"/> Traveling <ImPointRight className="inline-block"/> Traveling
</li> */} </li> */}
<li className='about-activity'> <li className='about-activity'>
<Icon path={mdiBullet} className='inline-block' size={1} /> Swimming <Icon path={mdiBullet} className='inline-block' size={1} /> Swimming
</li> </li>
</ul> </ul>
<blockquote className="ml-10 text-xl italic font-semibold text-gray-900 dark:text-white" style={{ color: "var(--text)"}}> <blockquote className='ml-10 text-xl italic font-semibold text-gray-900 dark:text-white' style={{ color: 'var(--text)'}}>
<svg className="w-8 h-8 text-gray-400 dark:text-gray-600 mb-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 14"> <svg className='w-8 h-8 text-gray-400 dark:text-gray-600 mb-4' xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 18 14'>
<path d="M6 0H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v1a3 3 0 0 1-3 3H2a1 1 0 0 0 0 2h1a5.006 5.006 0 0 0 5-5V2a2 2 0 0 0-2-2Zm10 0h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v1a3 3 0 0 1-3 3h-1a1 1 0 0 0 0 2h1a5.006 5.006 0 0 0 5-5V2a2 2 0 0 0-2-2Z"/> <path d='M6 0H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v1a3 3 0 0 1-3 3H2a1 1 0 0 0 0 2h1a5.006 5.006 0 0 0 5-5V2a2 2 0 0 0-2-2Zm10 0h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v1a3 3 0 0 1-3 3h-1a1 1 0 0 0 0 2h1a5.006 5.006 0 0 0 5-5V2a2 2 0 0 0-2-2Z' />
</svg> </svg>
<p className='ml-5 hover:text-fuchsia-600 ease-linear duration-700 text-fuchsia-500 first-letter:font-2xl'> <p className='ml-5 hover:text-fuchsia-600 ease-linear duration-700 text-fuchsia-500 first-letter:font-2xl'>
"It has become appallingly obvious that our technology has exceeded "It has become appallingly obvious that our technology has exceeded
our humanity."{' '} our humanity."{' '}
</p> </p>
<footer className='ml-8 blockquote-footer ' style={{ color: "var(--subtext0)"}}> <footer className='ml-8 blockquote-footer ' style={{ color: 'var(--subtext0)'}}>
- Albert Einstein - Albert Einstein
</footer> </footer>
</blockquote> </blockquote>
</blockquote> </blockquote>
</div>
</div> </div>
</div> </div>
</div>
} }