Skip to content

Commit bd60ac9

Browse files
committed
feat: Make founder card larger and more pronounced with crown
1 parent b48dac2 commit bd60ac9

2 files changed

Lines changed: 49 additions & 1 deletion

File tree

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -268,7 +268,7 @@ <h2>🦴 The Tribe</h2>
268268

269269

270270
<div class="team-grid">
271-
<div class="team-card">
271+
<div class="team-card founder">
272272
<img class="team-avatar-img" src="https://avatars.githubusercontent.com/marshalldavidson61" alt="marshalldavidson61">
273273
<h4>marshalldavidson61</h4>
274274
<p>Founder</p>

styles.css

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -121,3 +121,51 @@ footer{text-align:center;padding:4rem 2rem;border-top:1px solid var(--border-col
121121
max-width: 800px;
122122
margin: 0 auto;
123123
}
124+
125+
/* Founder Card - Larger & More Pronounced */
126+
.team-card.founder {
127+
padding: 2.5rem 3.5rem;
128+
border: 2px solid var(--accent-green);
129+
background: linear-gradient(135deg, var(--bg-card), rgba(63, 185, 80, 0.05));
130+
box-shadow: 0 0 30px rgba(63, 185, 80, 0.15);
131+
position: relative;
132+
grid-column: 1 / -1;
133+
max-width: 300px;
134+
margin: 0 auto 1rem;
135+
}
136+
137+
.team-card.founder::before {
138+
content: '👑';
139+
position: absolute;
140+
top: -18px;
141+
left: 50%;
142+
transform: translateX(-50%);
143+
font-size: 1.5rem;
144+
background: var(--bg-secondary);
145+
padding: 0 0.5rem;
146+
}
147+
148+
.team-card.founder .team-avatar-img {
149+
width: 120px;
150+
height: 120px;
151+
border-width: 4px;
152+
box-shadow: 0 0 20px rgba(63, 185, 80, 0.3);
153+
}
154+
155+
.team-card.founder h4 {
156+
font-size: 1.3rem;
157+
color: var(--accent-green);
158+
margin-bottom: 0.5rem;
159+
word-break: break-word;
160+
}
161+
162+
.team-card.founder p {
163+
font-size: 1rem;
164+
font-weight: 600;
165+
color: var(--accent-orange);
166+
}
167+
168+
.team-card.founder:hover {
169+
transform: translateY(-6px);
170+
box-shadow: 0 8px 40px rgba(63, 185, 80, 0.25);
171+
}

0 commit comments

Comments
 (0)