Skip to content

Commit 746483b

Browse files
steadyfallsteadyfall
committed
lint: run set lint commands to lint entire project
1 parent 10415a4 commit 746483b

35 files changed

+696
-530
lines changed

‎README.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,31 @@
11
# steadyfall.github.io
22

33
## color-palette
4+
45
main:
6+
57
- `text-pink-500`
68
- `text-thunderbird-600`
79
- `text-azure-radiance-600`
810
- `text-neon-green-500 dark:text-neon-green-400`
911

1012
across_colors:
13+
1114
- `text-midnight-blue-500`
1215
- `text-pink-500`
1316
- `text-orange-500`
1417
- `text-blue-violet-500`
1518

1619
highlighter:
20+
1721
- cyan: `bg-cyan-300 dark:bg-cyan-500/30`
1822
- pink/violet-web: `bg-[#ff77e4]`
1923
- slate-blue: `bg-[#7777ff]`
2024
- red: `bg-[#ff7777]`
2125
- yellow/lemon/laser-lemon: `bg-[#ffff77]`
2226

2327
## to-do:
28+
2429
- [x] check out about highlighting words
2530
- [ ] YAML file parser for experience, projects
2631
- [x] skills, education section

‎next.config.mjs

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
/** @type {import('next').NextConfig} */
22
const nextConfig = {
3-
eslint: {
4-
ignoreDuringBuilds: true,
5-
},
3+
eslint: {
4+
ignoreDuringBuilds: true,
5+
},
66
};
77

88
export default nextConfig;

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

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,9 @@ export default async function HomeLayout({
99
return (
1010
<>
1111
<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>
12+
<div className="mx-auto w-full flex-grow px-8 sm:px-16 md:px-24 lg:max-w-4xl xl:max-w-5xl 2xl:max-w-6xl">
13+
{children}
14+
</div>
1315
<Footer />
1416
</>
1517
);

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

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

3-
import Header from '@/components/Header';
43
import About from '@/components/About';
4+
import { Education } from '@/components/Education';
55
import { Experiences } from '@/components/Experiences';
6+
import Header from '@/components/Header';
67
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

1111
export default function Portfolio() {
1212
return (
13-
<main className="py-6 z-1">
13+
<main className="z-1 py-6">
1414
<Header {...personalDetails} />
1515
<About />
1616
<Experiences arr={experiences} />
1717
<Education />
18-
<Skills arr={skills}/>
18+
<Skills arr={skills} />
1919
<Projects arr={projects} />
2020
</main>
2121
);
22-
}
22+
}

‎src/app/globals.css

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,13 @@
55
@tailwind utilities;
66

77
:root {
8-
--background: #ffffff;
9-
--foreground: #171717;
10-
}
11-
8+
--background: #ffffff;
9+
--foreground: #171717;
10+
}
11+
1212
.dark {
13-
--background: #0a0a0a;
14-
--foreground: #ededed;
13+
--background: #0a0a0a;
14+
--foreground: #ededed;
1515
}
1616

1717
/* Use Tailwind's dark class */

‎src/app/layout.tsx

Lines changed: 19 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,17 @@
1-
import type { Metadata } from 'next';
21
import { Inter, Space_Mono } from 'next/font/google';
3-
import { Providers } from './providers';
4-
import './globals.css';
2+
3+
import { SmoothScrollProvider } from '@/components/SmoothScrollProvider';
54
import { detailsForMetadata } from '@/data/resume';
65
import { cn } from '@/lib/utils';
7-
import { SmoothScrollProvider } from '@/components/SmoothScrollProvider';
6+
7+
import { Providers } from './providers';
8+
9+
import type { Metadata } from 'next';
10+
11+
import './globals.css';
812

913
const inter = Inter({ subsets: ['latin'] });
10-
const spaceMono = Space_Mono({
14+
const spaceMono = Space_Mono({
1115
weight: ['400', '700'],
1216
subsets: ['latin'],
1317
variable: '--font-spaceMono',
@@ -50,22 +54,20 @@ export const metadata: Metadata = {
5054
verification: { google: 'Wwciyzq9ANfCqyfI9hjLic5BhSc30awKaJPxbWCm5mc' },
5155
};
5256

53-
export default function RootLayout({ children }: { children: React.ReactNode; }) {
54-
// ${inter.className}
57+
export default function RootLayout({ children }: { children: React.ReactNode }) {
58+
// ${inter.className}
5559
return (
5660
<html lang="en" className={`${inter.className} ${spaceMono.variable}`} suppressHydrationWarning>
57-
<body className={
58-
cn(
59-
'bg-neutral-100 dark:bg-neutral-950 text-gray-800 dark:text-gray-200',
60-
'transition-colors duration-300'
61-
)}
62-
suppressHydrationWarning
61+
<body
62+
className={cn(
63+
'bg-neutral-100 text-gray-800 dark:bg-neutral-950 dark:text-gray-200',
64+
'transition-colors duration-300',
65+
)}
66+
suppressHydrationWarning
6367
>
6468
<SmoothScrollProvider offset={90}>
65-
<div className="flex flex-col min-h-screen">
66-
<Providers>
67-
{children}
68-
</Providers>
69+
<div className="flex min-h-screen flex-col">
70+
<Providers>{children}</Providers>
6971
</div>
7072
</SmoothScrollProvider>
7173
</body>

‎src/app/not-found.tsx

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

56
export default function NotFound() {
67
return (
7-
<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-
}>
14-
404
8+
<main className="z-1 container mx-auto mt-[28vh] flex flex-col items-center justify-center">
9+
<h1
10+
className={cn(
11+
'font-typewriter text-6xl font-bold md:text-7xl lg:text-8xl',
12+
'bg-gradient-to-r from-gray-500 to-gray-700 bg-clip-text text-transparent dark:from-gray-500 dark:to-gray-300',
13+
)}
14+
>
15+
404
1516
</h1>
1617
<div className="mt-4 text-center">
17-
The page you&apos;re looking for, is either not there or has been moved.
18+
The page you&apos;re looking for, is either not there or has been moved.
1819
</div>
1920
<ul className="mt-4 flex gap-4 sm:gap-8">
2021
<li>{<BackButton>go back</BackButton>}</li>
2122
<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+
<li>
24+
<Link
25+
href="/"
26+
className="text-slate-600 hover:text-black hover:underline hover:underline-offset-4 dark:text-slate-300 dark:hover:text-white"
27+
>
28+
home
29+
</Link>
30+
</li>
2331
</ul>
2432
</main>
2533
);
2634
}
27-
28-

‎src/app/providers.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,9 @@
33
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 (
7+
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
8+
{children}
9+
</ThemeProvider>
10+
);
711
}

‎src/components/About.tsx

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

66
const About = () => {
77
return (
88
<section id="about" className="mb-12">
99
<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>
10+
<h2
11+
className={cn(
12+
'mb-4 font-section text-2xl md:text-3xl lg:text-4xl',
13+
'inline-block bg-gradient-to-r from-[#434343] to-[#000000] bg-clip-text text-transparent dark:from-gray-300 dark:to-gray-100',
14+
)}
15+
>
16+
About
17+
</h2>
1418
</BlurFade>
1519
<BlurFade delay={BLUR_FADE_DELAY * 4}>
1620
<div className="text-gray-700 dark:text-gray-300">
1721
<p className="mb-2">
18-
I am a <Highlight text="software developer" color="red"/> based in <Highlight text="Toronto" color="red"/> and currently a <Highlight text="junior" /> pursuing a
19-
<Highlight text="Computational Mathematics" /> major at the <Highlight text="University of Waterloo" />.
20-
I am passionate about tech and innovation, always exploring the <span className="underline underline-offset-4">
21-
intersection of software
22-
development and AI.
22+
I am a <Highlight text="software developer" color="red" /> based in{' '}
23+
<Highlight text="Toronto" color="red" /> and currently a <Highlight text="junior" />{' '}
24+
pursuing a
25+
<Highlight text="Computational Mathematics" /> major at the{' '}
26+
<Highlight text="University of Waterloo" />. I am passionate about tech and innovation,
27+
always exploring the{' '}
28+
<span className="underline underline-offset-4">
29+
intersection of software development and AI.
2330
</span>
2431
</p>
2532
{/* <p className="mb-2">
@@ -38,30 +45,43 @@ const About = () => {
3845
<Highlight text="Impractical Jokers" color="pink"/>.
3946
</div> */}
4047
<p className="mb-2">
41-
You can find me <Highlight text="re-watching" color="pink"/> any one of these series:&nbsp;
42-
<Highlight text="Breaking Bad" color="pink"/>,&nbsp;
43-
<Highlight text="Silicon Valley" color="pink"/>,&nbsp;
44-
<Highlight text="South Park" color="pink"/> and <Highlight text="The Office" color="pink"/>.
48+
You can find me <Highlight text="re-watching" color="pink" /> any one of these
49+
series:&nbsp;
50+
<Highlight text="Breaking Bad" color="pink" />
51+
,&nbsp;
52+
<Highlight text="Silicon Valley" color="pink" />
53+
,&nbsp;
54+
<Highlight text="South Park" color="pink" /> and{' '}
55+
<Highlight text="The Office" color="pink" />.
4556
</p>
4657
<p className="mb-2">
47-
For those of you curious, the favicon is a <Highlight text="4-hypercube graph" color="cyan" /> made via Python, using NetworkX and Matplotlib.
48-
Check the <LinkWithArrow
49-
href="/icon.ico" target="_blank"
50-
className="mr-1 hover:underline hover:underline-offset-2 text-orange-500"
58+
For those of you curious, the favicon is a{' '}
59+
<Highlight text="4-hypercube graph" color="cyan" /> made via Python, using NetworkX and
60+
Matplotlib. Check the{' '}
61+
<LinkWithArrow
62+
href="/icon.ico"
63+
target="_blank"
64+
className="mr-1 text-orange-500 hover:underline hover:underline-offset-2"
5165
>
52-
image
66+
image
5367
</LinkWithArrow>
54-
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"
68+
out, learn{' '}
69+
<LinkWithArrow
70+
href="https://en.wikipedia.org/wiki/Hypercube_graph"
71+
target="_blank"
72+
className="mr-1 text-blue-violet-500 hover:underline hover:underline-offset-2"
5773
>
58-
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"
74+
more
75+
</LinkWithArrow>{' '}
76+
about hypercube graphs & here is the{' '}
77+
<LinkWithArrow
78+
href="https://github.com/steadyfall/steadyfall.github.io/blob/main/hypercube/generate.py"
79+
target="_blank"
80+
className="mr-1 text-firefly-600 hover:underline hover:underline-offset-2 dark:text-firefly-500"
6281
>
63-
code
64-
</LinkWithArrow> to generate it yourself.
82+
code
83+
</LinkWithArrow>{' '}
84+
to generate it yourself.
6585
</p>
6686
</div>
6787
</BlurFade>

0 commit comments

Comments
 (0)