Skip to content

Commit e877431

Browse files
steadyfallsteadyfall
committed
lint: apply linting rules defined in previous commit
1 parent 61dfb27 commit e877431

32 files changed

+857
-857
lines changed

‎src/app/(home)/layout.tsx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
1-
import Footer from "@/components/Footer";
2-
import Navbar from "@/components/Navbar";
1+
import Footer from '@/components/Footer';
2+
import Navbar from '@/components/Navbar';
33

44
export default async function HomeLayout({
55
children,
66
}: Readonly<{
77
children: React.ReactNode;
88
}>) {
99
return (
10-
<>
11-
<Navbar />
12-
<div className="flex-grow w-full mx-auto px-8 sm:px-16 md:px-24 lg:max-w-4xl xl:max-w-5xl 2xl:max-w-6xl">{children}</div>
13-
<Footer />
14-
</>
10+
<>
11+
<Navbar />
12+
<div className="flex-grow w-full mx-auto px-8 sm:px-16 md:px-24 lg:max-w-4xl xl:max-w-5xl 2xl:max-w-6xl">{children}</div>
13+
<Footer />
14+
</>
1515
);
1616
}

‎src/app/(home)/page.tsx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
"use client";
1+
'use client';
22

3-
import Header from '@/components/Header'
4-
import About from '@/components/About'
5-
import { Experiences } from '@/components/Experiences'
6-
import { Projects } from '@/components/Projects'
7-
import { Education } from '@/components/Education'
3+
import Header from '@/components/Header';
4+
import About from '@/components/About';
5+
import { Experiences } from '@/components/Experiences';
6+
import { Projects } from '@/components/Projects';
7+
import { Education } from '@/components/Education';
88
import { Skills } from '@/components/Skills';
99
import { personalDetails, experiences, projects, skills } from '@/data/resume';
1010

@@ -18,5 +18,5 @@ export default function Portfolio() {
1818
<Skills arr={skills}/>
1919
<Projects arr={projects} />
2020
</main>
21-
)
21+
);
2222
}

‎src/app/layout.tsx

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
1-
import type { Metadata } from "next";
2-
import { Inter, Space_Mono } from 'next/font/google'
3-
import { Providers } from './providers'
4-
import "./globals.css";
5-
import { detailsForMetadata } from "@/data/resume";
6-
import { cn } from "@/lib/utils";
7-
import { SmoothScrollProvider } from "@/components/SmoothScrollProvider";
1+
import type { Metadata } from 'next';
2+
import { Inter, Space_Mono } from 'next/font/google';
3+
import { Providers } from './providers';
4+
import './globals.css';
5+
import { detailsForMetadata } from '@/data/resume';
6+
import { cn } from '@/lib/utils';
7+
import { SmoothScrollProvider } from '@/components/SmoothScrollProvider';
88

9-
const inter = Inter({ subsets: ['latin'] })
9+
const inter = Inter({ subsets: ['latin'] });
1010
const spaceMono = Space_Mono({
1111
weight: ['400', '700'],
1212
subsets: ['latin'],
13-
variable: '--font-spaceMono'
14-
})
13+
variable: '--font-spaceMono',
14+
});
1515

1616
export const metadata: Metadata = {
1717
metadataBase: new URL(detailsForMetadata.baseUrl),
@@ -26,40 +26,40 @@ export const metadata: Metadata = {
2626
description: detailsForMetadata.description,
2727
url: detailsForMetadata.baseUrl,
2828
siteName: detailsForMetadata.name,
29-
locale: "en_US",
30-
type: "website",
29+
locale: 'en_US',
30+
type: 'website',
3131
},
3232
robots: {
3333
index: true,
3434
follow: true,
3535
googleBot: {
3636
index: true,
3737
follow: true,
38-
"max-video-preview": -1,
39-
"max-image-preview": "large",
40-
"max-snippet": -1,
38+
'max-video-preview': -1,
39+
'max-image-preview': 'large',
40+
'max-snippet': -1,
4141
},
4242
},
4343
twitter: {
4444
title: detailsForMetadata.name,
45-
card: "summary_large_image",
45+
card: 'summary_large_image',
4646
},
4747
icons: {
48-
icon: "/icon.ico",
48+
icon: '/icon.ico',
4949
},
50-
verification: { google: "Wwciyzq9ANfCqyfI9hjLic5BhSc30awKaJPxbWCm5mc" }
50+
verification: { google: 'Wwciyzq9ANfCqyfI9hjLic5BhSc30awKaJPxbWCm5mc' },
5151
};
5252

53-
export default function RootLayout({ children, }: { children: React.ReactNode; }) {
53+
export default function RootLayout({ children }: { children: React.ReactNode; }) {
5454
// ${inter.className}
5555
return (
5656
<html lang="en" className={`${inter.className} ${spaceMono.variable}`} suppressHydrationWarning>
5757
<body className={
5858
cn(
59-
"bg-neutral-100 dark:bg-neutral-950 text-gray-800 dark:text-gray-200",
60-
"transition-colors duration-300"
59+
'bg-neutral-100 dark:bg-neutral-950 text-gray-800 dark:text-gray-200',
60+
'transition-colors duration-300'
6161
)}
62-
suppressHydrationWarning
62+
suppressHydrationWarning
6363
>
6464
<SmoothScrollProvider offset={90}>
6565
<div className="flex flex-col min-h-screen">

‎src/app/not-found.tsx

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,28 @@
1-
import BackButton from "@/components/ui/BackButton";
2-
import Link from 'next/link'
3-
import { cn } from "@/lib/utils";
1+
import BackButton from '@/components/ui/BackButton';
2+
import Link from 'next/link';
3+
import { cn } from '@/lib/utils';
44

55
export default function NotFound() {
6-
return (
6+
return (
77
<main className="flex flex-col items-center justify-center container mx-auto mt-[28vh] z-1">
8-
<h1 className={
9-
cn(
10-
"font-typewriter text-6xl md:text-7xl lg:text-8xl font-bold",
11-
"text-transparent bg-clip-text bg-gradient-to-r dark:from-gray-500 dark:to-gray-300 from-gray-500 to-gray-700"
12-
)
13-
}>
8+
<h1 className={
9+
cn(
10+
'font-typewriter text-6xl md:text-7xl lg:text-8xl font-bold',
11+
'text-transparent bg-clip-text bg-gradient-to-r dark:from-gray-500 dark:to-gray-300 from-gray-500 to-gray-700'
12+
)
13+
}>
1414
404
15-
</h1>
16-
<div className="mt-4 text-center">
15+
</h1>
16+
<div className="mt-4 text-center">
1717
The page you&apos;re looking for, is either not there or has been moved.
18-
</div>
19-
<ul className="mt-4 flex gap-4 sm:gap-8">
20-
<li>{<BackButton>go back</BackButton>}</li>
21-
<li>|</li>
22-
<li><Link href="/" className="text-slate-600 dark:text-slate-300 hover:text-black dark:hover:text-white hover:underline hover:underline-offset-4">home</Link></li>
23-
</ul>
18+
</div>
19+
<ul className="mt-4 flex gap-4 sm:gap-8">
20+
<li>{<BackButton>go back</BackButton>}</li>
21+
<li>|</li>
22+
<li><Link href="/" className="text-slate-600 dark:text-slate-300 hover:text-black dark:hover:text-white hover:underline hover:underline-offset-4">home</Link></li>
23+
</ul>
2424
</main>
25-
)
25+
);
2626
}
2727

2828

‎src/app/providers.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
'use client'
1+
'use client';
22

3-
import { ThemeProvider } from 'next-themes'
3+
import { ThemeProvider } from 'next-themes';
44

55
export function Providers({ children }: { children: React.ReactNode }) {
6-
return <ThemeProvider attribute="class" defaultTheme='system' enableSystem>{children}</ThemeProvider>
6+
return <ThemeProvider attribute="class" defaultTheme='system' enableSystem>{children}</ThemeProvider>;
77
}

‎src/components/About.tsx

Lines changed: 37 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,32 @@
1-
import BlurFade, { BLUR_FADE_DELAY } from "@/components/ui/BlurFade";
2-
import Highlight from "@/components/ui/Highlighter";
3-
import { cn } from "@/lib/utils";
4-
import LinkWithArrow from "@/components/ui/LinkWithArrow";
1+
import BlurFade, { BLUR_FADE_DELAY } from '@/components/ui/BlurFade';
2+
import Highlight from '@/components/ui/Highlighter';
3+
import { cn } from '@/lib/utils';
4+
import LinkWithArrow from '@/components/ui/LinkWithArrow';
55

66
const About = () => {
77
return (
88
<section id="about" className="mb-12">
9-
<BlurFade delay={BLUR_FADE_DELAY * 3}>
10-
<h2 className={cn(
11-
"text-2xl md:text-3xl lg:text-4xl font-section mb-4",
12-
"inline-block text-transparent bg-clip-text bg-gradient-to-r dark:from-gray-300 dark:to-gray-100 from-[#434343] to-[#000000]"
13-
)}>About</h2>
14-
</BlurFade>
15-
<BlurFade delay={BLUR_FADE_DELAY * 4}>
16-
<div className="text-gray-700 dark:text-gray-300">
17-
<p className="mb-2">
9+
<BlurFade delay={BLUR_FADE_DELAY * 3}>
10+
<h2 className={cn(
11+
'text-2xl md:text-3xl lg:text-4xl font-section mb-4',
12+
'inline-block text-transparent bg-clip-text bg-gradient-to-r dark:from-gray-300 dark:to-gray-100 from-[#434343] to-[#000000]'
13+
)}>About</h2>
14+
</BlurFade>
15+
<BlurFade delay={BLUR_FADE_DELAY * 4}>
16+
<div className="text-gray-700 dark:text-gray-300">
17+
<p className="mb-2">
1818
I am a <Highlight text="software developer" color="red"/> based in <Highlight text="Toronto" color="red"/> and currently a <Highlight text="junior" /> pursuing a
1919
<Highlight text="Computational Mathematics" /> major at the <Highlight text="University of Waterloo" />.
2020
I am passionate about tech and innovation, always exploring the <span className="underline underline-offset-4">
2121
intersection of software
2222
development and AI.
2323
</span>
24-
</p>
25-
{/* <p className="mb-2">
24+
</p>
25+
{/* <p className="mb-2">
2626
Outside of academics and professional career, I enjoy contributing to open-source projects, working on side projects, participating in hackathons and playing
2727
table tennis, football, cricket and badminton. I also like to travel & explore new places, cuisines & restaurants.
2828
</p> */}
29-
{/* <div className="inline-flex flex-wrap gap-x-0.5 gap-y-1 mb-2 ">
29+
{/* <div className="inline-flex flex-wrap gap-x-0.5 gap-y-1 mb-2 ">
3030
<span>You can find me</span> <Highlight text="re-watching" color="pink"/> <span>any one of these TV series:</span>
3131
<Highlight text="Silicon Valley" color="pink"/>,
3232
<Highlight text="South Park" color="pink"/>,
@@ -37,36 +37,36 @@ const About = () => {
3737
<Highlight text="How I Met Your Mother" color="pink"/>,
3838
<Highlight text="Impractical Jokers" color="pink"/>.
3939
</div> */}
40-
<p className="mb-2">
40+
<p className="mb-2">
4141
You can find me <Highlight text="re-watching" color="pink"/> any one of these series:&nbsp;
4242
<Highlight text="Breaking Bad" color="pink"/>,&nbsp;
4343
<Highlight text="Silicon Valley" color="pink"/>,&nbsp;
4444
<Highlight text="South Park" color="pink"/> and <Highlight text="The Office" color="pink"/>.
45-
</p>
46-
<p className="mb-2">
45+
</p>
46+
<p className="mb-2">
4747
For those of you curious, the favicon is a <Highlight text="4-hypercube graph" color="cyan" /> made via Python, using NetworkX and Matplotlib.
4848
Check the <LinkWithArrow
49-
href="/icon.ico" target="_blank"
50-
className="mr-1 hover:underline hover:underline-offset-2 text-orange-500"
51-
>
49+
href="/icon.ico" target="_blank"
50+
className="mr-1 hover:underline hover:underline-offset-2 text-orange-500"
51+
>
5252
image
53-
</LinkWithArrow>
53+
</LinkWithArrow>
5454
out, learn <LinkWithArrow
55-
href="https://en.wikipedia.org/wiki/Hypercube_graph" target="_blank"
56-
className="mr-1 hover:underline hover:underline-offset-2 text-blue-violet-500"
57-
>
55+
href="https://en.wikipedia.org/wiki/Hypercube_graph" target="_blank"
56+
className="mr-1 hover:underline hover:underline-offset-2 text-blue-violet-500"
57+
>
5858
more
59-
</LinkWithArrow> about hypercube graphs & here is the <LinkWithArrow
60-
href="https://github.com/steadyfall/steadyfall.github.io/blob/main/hypercube/generate.py" target="_blank"
61-
className="mr-1 hover:underline hover:underline-offset-2 dark:text-firefly-500 text-firefly-600"
62-
>
59+
</LinkWithArrow> about hypercube graphs & here is the <LinkWithArrow
60+
href="https://github.com/steadyfall/steadyfall.github.io/blob/main/hypercube/generate.py" target="_blank"
61+
className="mr-1 hover:underline hover:underline-offset-2 dark:text-firefly-500 text-firefly-600"
62+
>
6363
code
64-
</LinkWithArrow> to generate it yourself.
65-
</p>
66-
</div>
67-
</BlurFade>
64+
</LinkWithArrow> to generate it yourself.
65+
</p>
66+
</div>
67+
</BlurFade>
6868
</section>
69-
)
70-
}
69+
);
70+
};
7171

72-
export default About
72+
export default About;

0 commit comments

Comments
 (0)