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 Icon from '@mdi/react'
import { useEffect, useState } from 'react'
import { mdiBullet } from "@mdi/js";
import Icon from "@mdi/react";
import { useEffect, useState } from "react";
export default function AboutPage () {
const [currentGrade, setCurrentGrade] = useState<string>("0th")
export default function AboutPage() {
const [currentGrade, setCurrentGrade] = useState<string>("0th");
useEffect(() => {
let year:number = new Date().getFullYear()
let year: number = new Date().getFullYear();
if (year > 2027) {
let result = year - 2027
switch(result) {
case 0:
setCurrentGrade(`12th`)
let result = year - 2027;
switch (result) {
case 0:
setCurrentGrade(`12th`);
break;
default:
setCurrentGrade(`Collage Student`)
setCurrentGrade(`Collage Student`);
break;
}
} 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'}>
<div className='container'>
<h1 className='text-3xl font-bold'>
Some info about <span className='text-highlight'>me</span>
});
return (
<div className={"hero min-h-screen md:ml-0 ml-2"}>
<div className="container">
<h1 className="text-3xl font-bold">
Some info about <span className="text-highlight">me</span>
</h1>
<div>
<blockquote className='mb-0 blockquote'>
<p style={{ textAlign: 'justify' }}>
Hi Everyone, I am{' '}
<span className='text-highlight '>Saahil dutta, </span>
from <span className='text-highlight '> USA </span>
<blockquote className="mb-0 blockquote">
<p style={{ textAlign: "justify" }}>
Hi Everyone, I am{" "}
<span className="text-highlight ">Saahil dutta, </span>
from <span className="text-highlight "> USA </span>
<br />I am a {currentGrade} grader in KCD.
<br />
<br />
Apart from coding, some other activities that I love to do!
</p>
<ul>
<li className='about-activity'>
<Icon path={mdiBullet} className='inline-block'size={1} /> Playing Games
<li className="about-activity">
<Icon path={mdiBullet} className="inline-block" size={1} />{" "}
Playing Games
</li>
<li className='about-activity'>
<Icon path={mdiBullet} className='inline-block' size={1} /> Eating different types of food
<li className="about-activity">
<Icon path={mdiBullet} className="inline-block" size={1} />{" "}
Eating different types of food
</li>
{/* <li className="about-activity">
<ImPointRight className="inline-block"/> Traveling
</li> */}
<li className='about-activity'>
<Icon path={mdiBullet} className='inline-block' size={1} /> Swimming
<li className="about-activity">
<Icon path={mdiBullet} className="inline-block" size={1} />{" "}
Swimming
</li>
</ul>
<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 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' />
<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 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>
<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
our humanity."{' '}
<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 our humanity."{" "}
</p>
<footer className='ml-8 blockquote-footer ' style={{ color: 'var(--subtext0)'}}>
<footer
className="ml-8 blockquote-footer "
style={{ color: "var(--subtext0)" }}
>
- Albert Einstein
</footer>
</blockquote>
@ -67,4 +82,5 @@ Some info about <span className='text-highlight'>me</span>
</div>
</div>
</div>
);
}