Skip to content

Commit b9f367c

Browse files
steadyfallsteadyfall
committed
chore: add underline-offset for underlined items
1 parent 25e9e9c commit b9f367c

File tree

5 files changed

+51
-12
lines changed

5 files changed

+51
-12
lines changed

‎src/components/About.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,9 +21,9 @@ const About = () => {
2121
South Park,
2222
Impractical Jokers.
2323
<br></br>
24-
For those of you curious, the favicon is a 4-hypercube graph. Check the <a href="/icon.ico" target="_blank" className="inline-flex items-center hover:underline text-orange-500">
24+
For those of you curious, the favicon is a 4-hypercube graph. Check the <a href="/icon.ico" target="_blank" className="inline-flex items-center hover:underline hover:underline-offset-2 text-orange-500">
2525
image <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
26-
</a> out and learn <a href="https://en.wikipedia.org/wiki/Hypercube_graph" target="_blank" className="inline-flex items-center hover:underline text-blue-violet-500">
26+
</a> out and learn <a href="https://en.wikipedia.org/wiki/Hypercube_graph" target="_blank" className="inline-flex items-center hover:underline hover:underline-offset-2 text-blue-violet-500">
2727
more <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
2828
</a>.
2929
</p>

‎src/components/Footer.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
const Footer = () => {
22
return (
33
<footer className="mt-2 py-6 text-center text-gray-500 dark:text-gray-400">
4-
<p>&copy; 2024 Himank Dave. All rights reserved.</p>
4+
<p>&copy; 2024 <span className="underline underline-offset-4">Himank Dave</span>. All rights reserved.</p>
55
</footer>
66
)
77
}

‎src/components/Header.tsx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -24,22 +24,22 @@ const Header = () => {
2424
</div>
2525
<div className="flex justify-center md:justify-start mt-4 space-x-4">
2626
<a href={githubLink} target="_blank" rel="noopener noreferrer" aria-label="GitHub"
27-
className="inline-flex items-center hover:underline text-pink-500"
27+
className="inline-flex items-center hover:underline hover:underline-offset-2 text-pink-500"
2828
>
2929
github <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
3030
</a>
3131
<a href={linkedinLink} target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"
32-
className="inline-flex items-center hover:underline text-blue-violet-500"
32+
className="inline-flex items-center hover:underline hover:underline-offset-2 text-thunderbird-600"
3333
>
3434
linkedin <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
3535
</a>
3636
<a href="mailto:[email protected]" aria-label="Email"
37-
className="inline-flex items-center hover:underline text-orange-500"
37+
className="inline-flex items-center hover:underline hover:underline-offset-2 text-azure-radiance-600" // text-orange-500"
3838
>
3939
email <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
4040
</a>
4141
<a href="/resume.pdf" target="_blank" aria-label="Resume"
42-
className="inline-flex items-center hover:underline text-midnight-blue-500"
42+
className="inline-flex items-center hover:underline hover:underline-offset-2 text-neon-green-500 dark:text-neon-green-400"
4343
>
4444
resume <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
4545
</a>
@@ -53,9 +53,9 @@ const Header = () => {
5353
</div>
5454
<nav className="mt-8">
5555
<ul className="flex justify-center md:justify-start space-x-6 text-sm md:text-base">
56-
<li><a href="#about" className="hover:underline">About</a></li>
57-
<li><a href="#experience" className="hover:underline">Experience</a></li>
58-
<li><a href="#projects" className="hover:underline">Projects</a></li>
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="#projects" className="hover:underline hover:underline-offset-4">Projects</a></li>
5959
{/* <li><a href="#misc" className="hover:underline">Misc.</a></li> */}
6060
</ul>
6161
</nav>

‎src/components/Tiles/ProjectTile.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ export function ProjectTile({ title, description, repo, repoUrl, live, liveUrl }
2121
<a
2222
href={repoUrl} target="_blank"
2323
rel="noopener noreferrer" aria-label={`GitHub repository for ${title}`}
24-
className="text-pink-500 inline-flex items-center hover:underline"
24+
className="text-pink-500 inline-flex items-center hover:underline hover:underline-offset-2"
2525
>
2626
github <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
2727
</a>
@@ -30,7 +30,7 @@ export function ProjectTile({ title, description, repo, repoUrl, live, liveUrl }
3030
<a
3131
href={liveUrl} target="_blank"
3232
rel="noopener noreferrer" aria-label={`Live link for ${title}`}
33-
className="text-midnight-blue-500 inline-flex items-center hover:underline"
33+
className="text-midnight-blue-500 inline-flex items-center hover:underline hover:underline-offset-2"
3434
>
3535
link <ArrowUpRight className="w-4 h-4 md:w-5 md:h-5"/>
3636
</a>

‎tailwind.config.ts

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,45 @@ const config: Config = {
6868
'900': '#35307f',
6969
'950': '#201c4a',
7070
},
71+
'neon-green': {
72+
'50': '#e6ffe6',
73+
'100': '#cafdca',
74+
'200': '#9bfb9c',
75+
'300': '#61f566',
76+
'400': '#1be825',
77+
'500': '#12d01e',
78+
'600': '#09a716',
79+
'700': '#0c7f18',
80+
'800': '#106419',
81+
'900': '#13541c',
82+
'950': '#042f0b',
83+
},
84+
'azure-radiance': {
85+
'50': '#eff8ff',
86+
'100': '#dbeffe',
87+
'200': '#bee3ff',
88+
'300': '#92d3fe',
89+
'400': '#5eb9fc',
90+
'500': '#399af8',
91+
'600': '#1d79ed',
92+
'700': '#1b66da',
93+
'800': '#1c52b1',
94+
'900': '#1d478b',
95+
'950': '#162d55',
96+
},
97+
'thunderbird': {
98+
'50': '#fff2f1',
99+
'100': '#ffe1e0',
100+
'200': '#ffc8c6',
101+
'300': '#ffa29e',
102+
'400': '#ff6d67',
103+
'500': '#fc3f37',
104+
'600': '#ea2018',
105+
'700': '#c41710',
106+
'800': '#a31711',
107+
'900': '#861a16',
108+
'950': '#490906',
109+
},
71110
},
72111
},
73112
},

0 commit comments

Comments
 (0)