updated teams

This commit is contained in:
Tom Mathew
2025-11-03 21:43:10 +05:30
parent 2cc5db61e5
commit d22dfd8e18
3 changed files with 25 additions and 27 deletions

View File

@@ -54,11 +54,7 @@
--card-opacity: 1;
}
.pc-card-wrapper:hover::before,
.pc-card-wrapper.active::before {
filter: contrast(1) saturate(2) blur(40px) opacity(1);
transform: scale(0.9) translate3d(0, 0, 0.1px);
}
.pc-card {
height: 80svh;
@@ -93,11 +89,7 @@
overflow: hidden;
}
.pc-card:hover,
.pc-card.active {
transition: none;
transform: translate3d(0, 0, 0.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));
}
.pc-card * {
display: grid;
@@ -184,11 +176,6 @@
opacity: 0;
}
.pc-card:hover .pc-shine,
.pc-card.active .pc-shine {
filter: brightness(0.85) contrast(1.5) saturate(0.5);
animation: none;
}
.pc-card:hover .pc-shine::before,
.pc-card.active .pc-shine::before,

View File

@@ -48,8 +48,12 @@ const ProfileCardComponent = ({
contactText = "Contact",
showUserInfo = true,
onContactClick,
zoom = 1,
disableAura = false, // keep tilt, but swap hover rainbow → static cyan glow
// ✅ ADDED: vertical offset (in px). Positive moves the image DOWN.
avatarOffsetY = 0,
}) => {
const wrapRef = useRef(null);
const cardRef = useRef(null);
@@ -233,6 +237,9 @@ const ProfileCardComponent = ({
const avatarTransform = `translateX(-50%) scale(${zoom || 1})`;
// ✅ ADDED: compose final transform with vertical offset (px)
const avatarTransformWithOffset = `${avatarTransform} translateY(${avatarOffsetY}px)`;
return (
<div
ref={wrapRef}
@@ -252,7 +259,8 @@ const ProfileCardComponent = ({
src={avatarUrl}
alt={`${name || "User"} avatar`}
loading="lazy"
style={{ transform: avatarTransform }}
/* CHANGED to use the new transform with offset */
style={{ transform: avatarTransformWithOffset }}
/>
{showUserInfo && (

View File

@@ -36,6 +36,7 @@ const members = [
gmail: "mailto:rishikakalidas@gmail.com",
zoom: 1,
disableAura: true,
},
{
name: "Bibhu",
@@ -67,16 +68,17 @@ const members = [
zoom: 1.5,
disableAura: true,
},
// {
// name: "Ashwani Senapati",
// title: "Web Lead",
// handle: "ashwani",
// avatarUrl: "/team/weblead.png",
// linkedin: "https://www.linkedin.com/in/ashwani-senapati-ba294827a/",
// gmail: "mailto:senapatiashwani47@gmail.com",
// zoom: 1.5,
// disableAura: true,
// },
{
name: "Ashwani Senapati",
title: "Web Lead",
handle: "ashwani",
avatarUrl: "/team/weblead.png",
linkedin: "https://www.linkedin.com/in/ashwani-senapati-ba294827a/",
gmail: "mailto:senapatiashwani47@gmail.com",
zoom: 1.5,
disableAura: true,
avatarOffset: 100
},
];
export default function TeamPage() {
@@ -133,7 +135,8 @@ export default function TeamPage() {
showUserInfo={false}
showBehindGradient={false}
zoom={m.zoom} // Apply per-member zoom
d//isableAura={m.disableAura} // Apply per-member aura toggle
//disableAura={m.disableAura} // Apply per-member aura toggle
avatarOffsetY={m.avatarOffset}
/>
{/* Social Links */}