Skip to content

Commit bbc8ada

Browse files
Code-with-DevilCode-with-Devil
authored
Merge branch 'main' into alan-changes
2 parents 369c975 + ef13349 commit bbc8ada

File tree

4 files changed

+55
-34
lines changed

4 files changed

+55
-34
lines changed

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,7 @@ typings/
7171
# dotenv environment variables file
7272
.env
7373
.env.test
74+
.env.local
7475

7576
# parcel-bundler cache (https://parceljs.org/)
7677
.cache

‎src/pages/Contributors.js‎

Lines changed: 19 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import Footer from "@/components/Footer";
22
import Navbar from "@/components/Navbar";
33
import axios from "axios";
44
import { useEffect, useState } from "react";
5+
import { BsGithub } from "react-icons/bs";
56

67
const Contributors = () => {
78
const [contributors, setContributors] = useState([]);
@@ -28,42 +29,27 @@ const Contributors = () => {
2829
<h1 className="text-5xl font-bold text-white text-center">
2930
Our Contributors
3031
</h1>
31-
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8 mt-8 justify-center">
32+
<div className="contributor-container relative z-[1] flex justify-center items-center flex-wrap p-[1em]">
3233
{contributors.map((i) => (
33-
<div
34-
className="flex justify-center items-center flex-col border border-white p-8 h-110 w-110 rounded-[0.7cm] transition duration-300 shadow-md hover:scale-105 hover:cursor-pointer hover:shadow-xl hover:border-white hover:border-opacity-60 hover:shadow-lg"
35-
key={i.id}
36-
>
37-
<div className="w-36 h-36 rounded-full overflow-hidden transition duration-300 border-2 border-white">
38-
<img
39-
className="w-full h-full object-cover transition duration-300 hover:scale-110 hover:cursor-pointer hover:border-pink-200"
40-
src={i.avatar_url}
41-
alt=""
42-
/>
43-
</div>
44-
<div className="mt-5">
45-
<h1 className="text-white text-2xl sm:text-3xl text-center">
46-
{i.login}
47-
</h1>
48-
</div>
49-
<div className="mt-2">
50-
<h3 className="text-white text-xl sm:text-2xl text-center">
51-
Commits: {i.contributions}
52-
</h3>
53-
</div>
34+
<div className="contributor-card relative w-[300px] h-[400px] shadow-[0_15px_35px_rgba(0,0,0,0.9)] flex justify-center items-center flex-col backdrop-blur-2xl bg-clip-padding shadow-[0px_10px_10px_rgba(46,54,68,0.03)] m-[1em] rounded-[15px] border-[solid] border-transparent bg-gray-900 cursor-auto" key={i.login}>
35+
<div className="contributor-content relative flex justify-center items-center flex-col opacity-50 transition duration-[0.5s]">
36+
<div class="relative w-[150px] h-[150px] overflow-hidden rounded-[50%] border-[10px] border-solid border-[rgba(0,0,0,0.25)]">
37+
<img className="absolute w-full h-full object-cover left-0 top-0" src={i.avatar_url} alt={i.login} />
38+
</div>
5439

55-
<div className="mt-4">
56-
<button className="border-2 border-white w-40 md:w-56 py-2 rounded transition duration-300 hover:scale-105 hover:border-pink-100 relative overflow-hidden mx-auto my-2 sm:my-0 sm:mx-2">
57-
<a
58-
className="text-white text-2xl sm:text-3xl"
59-
href={i.html_url}
60-
target="_blank"
61-
rel="noopener noreferrer"
62-
>
63-
View
64-
</a>
65-
</button>
40+
<div class="contributor-details">
41+
<h3 className="text-white uppercase tracking-[2px] font-medium text-lg text-center leading-[1.1em] mt-5 mb-2.5 mx-0">
42+
{i.login}<br />
43+
<span className="text-xs font-light">Commits: {i.contributions}</span>
44+
</h3>
45+
</div>
6646
</div>
47+
48+
<ul className="contributor-social-icons absolute flex justify-center items-center bottom-[50px]">
49+
<li className="translate-y-10 opacity-0 transition duration-[0.5s] mx-2.5 my-0">
50+
<a href={i.html_url} target="_blank" rel="noopener noreferrer" className="text-2xl text-white"><BsGithub /></a>
51+
</li>
52+
</ul>
6753
</div>
6854
))}
6955
</div>

‎src/pages/index.js‎

Lines changed: 27 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,33 @@ export default function Main() {
77
<>
88
<Head>
99
<title>DevsInTech</title>
10-
<meta name="description" content="DevsInTech Community website" />
10+
<meta name="description" content="Devs In Tech promotes diversity and inclusiveness in the open source community by helping individuals with improving their skills and standing out in the tech space." />
11+
{/* Primary Meta Tags */}
12+
<meta name="title" content="DevsInTech" />
13+
<meta
14+
name="description"
15+
content="Devs In Tech promotes diversity and inclusiveness in the open source community by helping individuals with improving their skills and standing out in the tech space."
16+
/>
17+
<meta name="language" content="en" />
18+
<meta name="keywords" content="DevsInTech, community, developers, tech professionals, enthusiasts, open source community, opportunities, workshops, webinars, industry experts, programming languages, frameworks, software development methodologies, emerging technologies, tech talks, panel discussions, latest trends, best practices, real-world experiences, valuable insights, inspiring conversations, networking, community events, meetups, conferences, idea sharing, collaboration, professional relationships." />
19+
<meta name="author" content="DevsInTech" />
20+
<meta name="robots" content="index, follow" />
21+
<meta name="revisit-after" content="7 days" />
22+
23+
{/* Open Graph / Facebook */}
24+
<meta property="og:type" content="website" />
25+
<meta property="og:site_name" content="DevsInTech" />
26+
<meta property="og:url" content="https://devsintech.vercel.app/" />
27+
<meta property="og:title" content="DevsInTech" />
28+
<meta
29+
property="og:description"
30+
content="Devs In Tech promotes diversity and inclusiveness in the open source community by helping individuals with improving their skills and standing out in the tech space."
31+
/>
32+
<meta property="og:image" content="https://github.com/devs-in-tech/DevsInTech/assets/56786344/557c4bbc-0141-4225-9eff-a5d1d0af95e4" />
33+
34+
{/* Twitter */}
35+
<meta name="twitter:card" content="summary_large_image" />
36+
<meta property="twitter:url" content="https://devsintech.vercel.app/" />
1137
<link rel="icon" href="/logo2.png" />
1238
</Head>
1339
<Home />

‎src/styles/globals.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -110,4 +110,12 @@ body {
110110
background: linear-gradient(#a569f4,#A7DEB6);
111111
background-clip: content-box;
112112
}
113+
.contributor-container .contributor-card:hover .contributor-content {
114+
opacity: 1;
115+
transform: translateY(-20px);
116+
}
113117

118+
.contributor-container .contributor-card:hover .contributor-social-icons li {
119+
transform: translateY(0px);
120+
opacity: 1;
121+
}

0 commit comments

Comments
 (0)