Skip to content

Commit db6ae8e

Browse files
steadyfallsteadyfall
committed
style: indented blocks
1 parent d772c2e commit db6ae8e

File tree

1 file changed

+52
-53
lines changed

1 file changed

+52
-53
lines changed

‎src/components/Header.tsx

Lines changed: 52 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -7,60 +7,59 @@ const Header = () => {
77
const linkedinLink: string = "https://www.linkedin.com/in/himank-dave/"
88
return (
99
<header className="container mx-auto px-4 py-8">
10-
<div className="flex flex-col md:flex-row items-center justify-between">
11-
<div className="flex-shrink-0 mb-4 md:mb-0 md:mr-8">
12-
<img
13-
src="/images/headshot.jpg"
14-
alt="Profile"
15-
width={200}
16-
height={200}
17-
className="rounded-lg size-36 md:size-48 lg:size-56 object-cover"
18-
/>
10+
<div className="flex flex-col md:flex-row items-center justify-between">
11+
<div className="flex-shrink-0 mb-4 md:mb-0 md:mr-8">
12+
<img
13+
src="/images/headshot.jpg"
14+
alt="Profile"
15+
width={200}
16+
height={200}
17+
className="rounded-lg size-36 md:size-48 lg:size-56 object-cover"
18+
/>
19+
</div>
20+
<div className="flex-grow text-center md:text-left">
21+
<div className="flex items-center justify-center md:justify-start">
22+
<h1 className="text-4xl md:text-5xl lg:text-6xl font-bold mr-4">Himank Dave</h1>
23+
<ThemeSwitch />
24+
</div>
25+
<div className="flex justify-center md:justify-start mt-4 space-x-4">
26+
<a href={githubLink} target="_blank" rel="noopener noreferrer" aria-label="GitHub"
27+
className="inline-flex items-center hover:underline hover:underline-offset-2 text-pink-500"
28+
>
29+
github <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
30+
</a>
31+
<a href={linkedinLink} target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"
32+
className="inline-flex items-center hover:underline hover:underline-offset-2 text-thunderbird-600"
33+
>
34+
linkedin <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
35+
</a>
36+
<a href="mailto:[email protected]" aria-label="Email"
37+
className="inline-flex items-center hover:underline hover:underline-offset-2 text-azure-radiance-600" // text-orange-500"
38+
>
39+
email <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
40+
</a>
41+
<a href="/resume.pdf" target="_blank" aria-label="Resume"
42+
className="inline-flex items-center hover:underline hover:underline-offset-2 text-neon-green-500 dark:text-neon-green-400"
43+
>
44+
resume <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
45+
</a>
46+
</div>
47+
<div className="mt-4 text-sm md:text-base lg:text-lg">
48+
<p>he/him/his</p>
49+
<p>3A Computational Mathematics @ UWaterloo</p>
50+
<p className="font-typewriter">hddave[at]uwaterloo.ca</p>
51+
</div>
52+
</div>
1953
</div>
20-
<div className="flex-grow text-center md:text-left">
21-
<div className="flex items-center justify-center md:justify-start">
22-
<h1 className="text-4xl md:text-5xl lg:text-6xl font-bold mr-4">Himank Dave</h1>
23-
<ThemeSwitch />
24-
</div>
25-
<div className="flex justify-center md:justify-start mt-4 space-x-4">
26-
<a href={githubLink} target="_blank" rel="noopener noreferrer" aria-label="GitHub"
27-
className="inline-flex items-center hover:underline hover:underline-offset-2 text-pink-500"
28-
>
29-
github <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
30-
</a>
31-
<a href={linkedinLink} target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"
32-
className="inline-flex items-center hover:underline hover:underline-offset-2 text-thunderbird-600"
33-
>
34-
linkedin <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
35-
</a>
36-
<a href="mailto:[email protected]" aria-label="Email"
37-
className="inline-flex items-center hover:underline hover:underline-offset-2 text-azure-radiance-600" // text-orange-500"
38-
>
39-
email <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
40-
</a>
41-
<a href="/resume.pdf" target="_blank" aria-label="Resume"
42-
className="inline-flex items-center hover:underline hover:underline-offset-2 text-neon-green-500 dark:text-neon-green-400"
43-
>
44-
resume <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
45-
</a>
46-
</div>
47-
<div className="mt-4 text-sm md:text-base lg:text-lg">
48-
<p>he/him/his</p>
49-
<p>3A Computational Mathematics @ UWaterloo</p>
50-
<p className="font-typewriter">hddave[at]uwaterloo.ca</p>
51-
</div>
52-
</div>
53-
</div>
54-
<nav className="mt-8">
55-
<ul className="flex justify-center md:justify-start space-x-6 text-sm md:text-base">
56-
<li><a href="#about" className="hover:underline hover:underline-offset-4">About</a></li>
57-
<li><a href="#experience" className="hover:underline hover:underline-offset-4">Experience</a></li>
58-
<li><a href="#education" className="hover:underline hover:underline-offset-4">Education</a></li>
59-
<li><a href="#skills" className="hover:underline hover:underline-offset-4">Skills</a></li>
60-
<li><a href="#projects" className="hover:underline hover:underline-offset-4">Projects</a></li>
61-
{/* <li><a href="#misc" className="hover:underline">Misc.</a></li> */}
62-
</ul>
63-
</nav>
54+
<nav className="mt-8">
55+
<ul className="flex justify-center md:justify-start space-x-6 text-sm md:text-base">
56+
<li><a href="#about" className="hover:underline hover:underline-offset-4">About</a></li>
57+
<li><a href="#experience" className="hover:underline hover:underline-offset-4">Experience</a></li>
58+
<li><a href="#education" className="hover:underline hover:underline-offset-4">Education</a></li>
59+
<li><a href="#skills" className="hover:underline hover:underline-offset-4">Skills</a></li>
60+
<li><a href="#projects" className="hover:underline hover:underline-offset-4">Projects</a></li>
61+
</ul>
62+
</nav>
6463
</header>
6564
)
6665
}

0 commit comments

Comments
 (0)