Skip to content

Commit 19def21

Browse files
fix: bug fixes footer link and github project filters
1 parent 0aeb689 commit 19def21

16 files changed

+386
-549
lines changed

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,3 +21,4 @@
2121
npm-debug.log*
2222
yarn-debug.log*
2323
yarn-error.log*
24+
dist

PINNED_REPOSITORIES.md

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
# Pinned Repositories Configuration
2+
3+
This document explains how to configure pinned repositories for the GitHub projects section.
4+
5+
## Overview
6+
7+
The application now supports pinned repositories that will be:
8+
9+
1. **Shown first** on the `/github` page in a dedicated "Pinned Projects" section
10+
2. **Only shown** on the landing page in the "GitHub Projects" section
11+
12+
## Configuration
13+
14+
### 1. Repository Names
15+
16+
Edit `src/config/pinned-repos.ts` and add your repository names to the `PINNED_REPOSITORIES` array:
17+
18+
```typescript
19+
export const PINNED_REPOSITORIES = [
20+
"mongo-pipeline-kit",
21+
"next-internationalization",
22+
"next-Ui-library",
23+
];
24+
```
25+
26+
**Important**: Repository names must match exactly with the names on GitHub (case-sensitive).
27+
28+
### 2. Repository Topics
29+
30+
You can also pin repositories by adding specific topics to them on GitHub. Add the topics to the `PINNED_TOPICS` array:
31+
32+
```typescript
33+
export const PINNED_TOPICS = ["portfolio", "showcase", "featured"];
34+
```
35+
36+
Then add these topics to your repositories on GitHub:
37+
38+
1. Go to your repository on GitHub
39+
2. Click on "About" section
40+
3. Click on the gear icon next to "Topics"
41+
4. Add topics like "portfolio", "showcase", or "featured"
42+
43+
## How It Works
44+
45+
1. **Landing Page (`/`)**: Only shows pinned repositories
46+
2. **GitHub Projects Page (`/github`)**: Shows pinned repositories first, then all other repositories
47+
3. **Pinned repositories** are marked with a pin icon (📌) on the GitHub projects page
48+
49+
## Example
50+
51+
If you have these repositories:
52+
53+
- `my-portfolio` (pinned)
54+
- `chat-app` (pinned)
55+
- `todo-app` (not pinned)
56+
- `weather-app` (not pinned)
57+
58+
**Landing page** will show:
59+
60+
- `my-portfolio`
61+
- `chat-app`
62+
63+
**GitHub projects page** will show:
64+
65+
1. **Pinned Projects** section:
66+
- `my-portfolio` 📌
67+
- `chat-app` 📌
68+
2. **All Projects** section:
69+
- `todo-app`
70+
- `weather-app`
71+
72+
## Updating Configuration
73+
74+
After updating the configuration:
75+
76+
1. Save the file
77+
2. The changes will be reflected immediately in development
78+
3. For production, rebuild and deploy the application
79+
80+
## Troubleshooting
81+
82+
- **Repository not showing as pinned**: Check that the repository name matches exactly (case-sensitive)
83+
- **Topic-based pinning not working**: Ensure the topic is added to the repository on GitHub and matches the `PINNED_TOPICS` array
84+
- **No pinned repositories showing**: Verify that the repositories exist and are public on GitHub

dist/assets/index-NiG_8yd1.css

Lines changed: 0 additions & 1 deletion
This file was deleted.

dist/assets/index-gbYZ4FOy.js

Lines changed: 0 additions & 390 deletions
This file was deleted.

dist/favicon.ico

-7.47 KB
Binary file not shown.

dist/index.html

Lines changed: 0 additions & 30 deletions
This file was deleted.

dist/placeholder.svg

Lines changed: 0 additions & 1 deletion
This file was deleted.

dist/profile.png

-257 KB
Binary file not shown.

dist/robots.txt

Lines changed: 0 additions & 14 deletions
This file was deleted.

src/components/Contact.tsx

Lines changed: 32 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,20 @@ import { Mail, Github, Linkedin } from "lucide-react";
22
import { Button } from "@/components/ui/button";
33

44
export const Contact = () => {
5+
const handleEmailClick = () => {
6+
console.log("Email button clicked!");
7+
window.location.href = "mailto:[email protected]";
8+
};
9+
10+
const handleResumeClick = () => {
11+
console.log("Resume button clicked!");
12+
window.open("/resume.pdf", "_blank");
13+
};
14+
15+
const handleSocialClick = (platform: string) => {
16+
console.log(`${platform} button clicked!`);
17+
};
18+
519
return (
620
<section id="contact" className="py-20 px-4 sm:px-6 lg:px-8">
721
<div className="max-w-4xl mx-auto">
@@ -12,7 +26,7 @@ export const Contact = () => {
1226
<div className="w-20 h-1 bg-gradient-to-r from-purple-500 to-pink-500 mx-auto"></div>
1327
</div>
1428

15-
<div className="glass rounded-2xl p-8 md:p-12 text-center glow-border">
29+
<div className="glass rounded-2xl p-8 md:p-12 text-center relative">
1630
<div className="mb-8">
1731
<h3 className="text-2xl font-semibold mb-4">Ready to Start a Project?</h3>
1832
<p className="text-lg text-muted-foreground max-w-2xl mx-auto leading-relaxed">
@@ -21,47 +35,48 @@ export const Contact = () => {
2135
</p>
2236
</div>
2337

24-
<div className="flex flex-col sm:flex-row gap-4 justify-center mb-8">
38+
<div className="flex flex-col sm:flex-row gap-4 justify-center mb-8 relative z-10">
2539
<Button
2640
size="lg"
27-
className="bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 text-white border-0"
41+
className="bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 text-white border-0 cursor-pointer relative z-10"
42+
onClick={handleResumeClick}
2843
>
29-
<a href="mailto:[email protected]" className="flex items-center gap-2">
30-
<Mail className="w-5 h-5" />
31-
Send Email
32-
</a>
44+
45+
Download Resume
3346
</Button>
34-
<Button
47+
{/* <Button
3548
variant="outline"
3649
size="lg"
37-
className="border-purple-500/50 hover:bg-purple-500/10"
50+
className="border-purple-500/50 hover:bg-purple-500/10 cursor-pointer relative z-10"
51+
onClick={handleResumeClick}
3852
>
39-
<a href="/resume.pdf" target="_blank" className="flex items-center gap-2">
40-
Download Resume
41-
</a>
42-
</Button>
53+
Download Resume
54+
</Button> */}
4355
</div>
4456

45-
<div className="flex justify-center gap-6">
57+
<div className="flex justify-center gap-6 relative z-10">
4658
<a
4759
href="https://github.com/arjun-computer-geek"
4860
target="_blank"
4961
rel="noopener noreferrer"
50-
className="p-3 rounded-full bg-purple-500/20 text-purple-400 hover:bg-purple-500/30 hover:scale-110 transition-all duration-200"
62+
className="p-3 rounded-full bg-purple-500/20 text-purple-400 hover:bg-purple-500/30 hover:scale-110 transition-all duration-200 cursor-pointer relative z-10"
63+
onClick={() => handleSocialClick("GitHub")}
5164
>
5265
<Github className="w-6 h-6" />
5366
</a>
5467
<a
5568
href="https://linkedin.com/in/arjun-computer-geek"
5669
target="_blank"
5770
rel="noopener noreferrer"
58-
className="p-3 rounded-full bg-purple-500/20 text-purple-400 hover:bg-purple-500/30 hover:scale-110 transition-all duration-200"
71+
className="p-3 rounded-full bg-purple-500/20 text-purple-400 hover:bg-purple-500/30 hover:scale-110 transition-all duration-200 cursor-pointer relative z-10"
72+
onClick={() => handleSocialClick("LinkedIn")}
5973
>
6074
<Linkedin className="w-6 h-6" />
6175
</a>
6276
<a
6377
href="mailto:[email protected]"
64-
className="p-3 rounded-full bg-purple-500/20 text-purple-400 hover:bg-purple-500/30 hover:scale-110 transition-all duration-200"
78+
className="p-3 rounded-full bg-purple-500/20 text-purple-400 hover:bg-purple-500/30 hover:scale-110 transition-all duration-200 cursor-pointer relative z-10"
79+
onClick={() => handleSocialClick("Email")}
6580
>
6681
<Mail className="w-6 h-6" />
6782
</a>

0 commit comments

Comments
 (0)
close