neon/saahildcom
1
0
Fork 0
mirror of https://github.com/NeonGamerBot-QK/saahild.com.git synced 2024-11-21 20:33:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

enhancement(lint): Fix lint errors for src/components/AboutPage/index.tsx

Browse source 
Co-authored-by: NeonGamerBot-QK <saahilattud@gmail.com>
Signed-off-by: zeon-neon[bot] <136533918+zeon-neon[bot]@users.noreply.github.com>
This commit is contained in:
zeon-neon[bot] 2024-09-06 17:28:45 +00:00 committed by GitHub
parent 492d61bbed
commit c9b4566e1d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 73 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

86
src/components/AboutPage/index.tsx
View file

@ -1,65 +1,80 @@
import { mdiBullet } from '@mdi/js' import { mdiBullet } from "@mdi/js";
import Icon from '@mdi/react' import Icon from "@mdi/react";
import { useEffect, useState } from 'react' import { useEffect, useState } from "react";
export default function AboutPage () { export default function AboutPage() {
const [currentGrade, setCurrentGrade] = useState<string>("0th") const [currentGrade, setCurrentGrade] = useState<string>("0th");
useEffect(() => { useEffect(() => {
let year:number = new Date().getFullYear() let year: number = new Date().getFullYear();
if (year > 2027) { if (year > 2027) {
let result = year - 2027 let result = year - 2027;
switch(result) { switch (result) {
case 0: case 0:
setCurrentGrade(`12th`) setCurrentGrade(`12th`);
break; break;
default: default:
setCurrentGrade(`Collage Student`) setCurrentGrade(`Collage Student`);
break; break;
} }
} else { } else {
setCurrentGrade(`${Math.abs((2027 - 2024) - 13)}th`) setCurrentGrade(`${Math.abs(2027 - 2024 - 13)}th`);
} }
}) });
return <div className={'hero min-h-screen md:ml-0 ml-2'}> return (
<div className='container'> <div className={"hero min-h-screen md:ml-0 ml-2"}>
<h1 className='text-3xl font-bold'> <div className="container">
Some info about <span className='text-highlight'>me</span> <h1 className="text-3xl font-bold">
Some info about <span className="text-highlight">me</span>
</h1> </h1>
<div> <div>
<blockquote className='mb-0 blockquote'> <blockquote className="mb-0 blockquote">
<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>
from <span className='text-highlight '> USA </span> from <span className="text-highlight "> USA </span>
<br />I am a {currentGrade} grader in KCD. <br />I am a {currentGrade} grader in KCD.
<br /> <br />
<br /> <br />
Apart from coding, some other activities that I love to do! Apart from coding, some other activities that I love to do!
</p> </p>
<ul> <ul>
<li className='about-activity'> <li className="about-activity">
<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
<svg className='w-8 h-8 mb-4 text-gray-400 dark:text-gray-600' xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 18 14'> className="ml-10 text-xl italic font-semibold text-gray-900 dark:text-white"
<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' /> style={{ color: "var(--text)" }}
>
<svg
className="w-8 h-8 mb-4 text-gray-400 dark:text-gray-600"
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" />
</svg> </svg>
<p className='ml-5 duration-700 ease-linear hover:text-fuchsia-600 text-fuchsia-500 first-letter:font-2xl'> <p className="ml-5 duration-700 ease-linear hover:text-fuchsia-600 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
our humanity."{' '} exceeded 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>
@ -67,4 +82,5 @@ Some info about <span className='text-highlight'>me</span>
</div> </div>
</div> </div>
</div> </div>
);
} }