chore(bio): add developers bio according to github

This commit is contained in:
Eshan Roy
2024-12-03 16:49:31 +05:30
parent 46a4a46b3f
commit b9e9320ad5

View File

@@ -8,6 +8,7 @@ type Developer = {
name: string | null;
avatar_url: string;
html_url: string;
bio: string | null; // Adding bio field
};
export default function Developers() {
@@ -15,7 +16,7 @@ export default function Developers() {
useEffect(() => {
const fetchDevelopers = async () => {
const githubUsernames = ["eshanized", "alokified", "utkarshift"]; // Replace with actual GitHub usernames
const githubUsernames = ["eshanized", "iconized", "alokified", "utkrshift"]; // Replace with actual GitHub usernames
try {
const developerData = await Promise.all(
githubUsernames.map(async (username) => {
@@ -42,14 +43,14 @@ export default function Developers() {
<div className="text-center mb-16">
<h1 className="text-4xl font-bold text-gray-900 mb-4">Developers</h1>
<p className="text-xl text-gray-600 max-w-3xl mx-auto">
Join the Kali Linux development community and contribute to the most advanced penetration testing distribution.
Join the Snigdha OS development community and contribute to the most advanced penetration testing distribution.
</p>
</div>
{/* Meet the Developers Section */}
<div className="bg-white rounded-lg shadow-lg p-8 mb-16">
<h2 className="text-2xl font-bold mb-6">Meet the Developers</h2>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
{developers.length > 0 ? (
developers.map((developer) => (
<div key={developer.id} className="p-4 border border-gray-200 rounded-lg text-center">
@@ -60,11 +61,12 @@ export default function Developers() {
/>
<h3 className="text-lg font-semibold">{developer.name || developer.login}</h3>
<p className="text-gray-600">@{developer.login}</p>
<p className="text-gray-500 text-sm mt-2">{developer.bio || "No bio available."}</p>
<a
href={developer.html_url}
target="_blank"
rel="noopener noreferrer"
className="text-[#754ffe] font-medium mt-2 inline-block"
className="text-[#754ffe] font-medium mt-4 inline-block"
>
View Profile
</a>
@@ -121,7 +123,6 @@ export default function Developers() {
</div>
</div>
{/* Current Projects */}
<div className="bg-white rounded-lg shadow-lg p-8 mb-16">
<h2 className="text-2xl font-bold mb-6">Current Projects</h2>