Skip to content

Commit f32de2f

Browse files
CopilotAdez017
Copilot
and
Adez017
committed
Revert showcase card design to original simpler style
Co-authored-by: Adez017 <142787780+Adez017@users.noreply.github.com>
1 parent 8bae0a9 commit f32de2f

27 files changed

Lines changed: 701 additions & 709 deletions

File tree

‎sidebars.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -124,7 +124,7 @@ const sidebars: SidebarsConfig = {
124124
"Pandas/pd_intro",
125125
"Pandas/pd_dataframes",
126126
"Pandas/pd_input_output",
127-
"Pandas/pd_data_analysis",
127+
"Pandas/pd_data_analysis",
128128
],
129129
},
130130
{

‎src/components/Community/LandingCommunity.css‎

Lines changed: 84 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,10 @@
4747
gap: 1rem;
4848
}
4949

50-
.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item {
50+
.landing-community
51+
.landing-community__content
52+
.landing-community__stats
53+
.landing-community__stat-item {
5154
display: flex;
5255
flex-direction: column;
5356
justify-content: center;
@@ -60,28 +63,47 @@
6063
position: relative;
6164
}
6265

63-
.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item.clickable {
66+
.landing-community
67+
.landing-community__content
68+
.landing-community__stats
69+
.landing-community__stat-item.clickable {
6470
cursor: pointer;
6571
}
6672

67-
.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item.clickable:hover,
68-
.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item.clickable:focus {
73+
.landing-community
74+
.landing-community__content
75+
.landing-community__stats
76+
.landing-community__stat-item.clickable:hover,
77+
.landing-community
78+
.landing-community__content
79+
.landing-community__stats
80+
.landing-community__stat-item.clickable:focus {
6981
transform: scale(1.02);
7082
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
7183
outline: none;
7284
}
7385

74-
.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item.loading {
86+
.landing-community
87+
.landing-community__content
88+
.landing-community__stats
89+
.landing-community__stat-item.loading {
7590
opacity: 0.7;
7691
}
7792

78-
.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item:hover {
93+
.landing-community
94+
.landing-community__content
95+
.landing-community__stats
96+
.landing-community__stat-item:hover {
7997
cursor: pointer;
8098
transform: scale(1.01);
8199
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
82100
}
83101

84-
.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item .landing-community__stat-value {
102+
.landing-community
103+
.landing-community__content
104+
.landing-community__stats
105+
.landing-community__stat-item
106+
.landing-community__stat-value {
85107
font-size: 3.5rem;
86108
font-weight: 600;
87109
color: var(--ifm-color-primary);
@@ -105,7 +127,11 @@
105127
text-shadow: inherit;
106128
}
107129

108-
.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item .landing-community__loading {
130+
.landing-community
131+
.landing-community__content
132+
.landing-community__stats
133+
.landing-community__stat-item
134+
.landing-community__loading {
109135
display: flex;
110136
align-items: center;
111137
justify-content: center;
@@ -133,11 +159,19 @@
133159
transition: opacity 0.2s ease;
134160
}
135161

136-
.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item.clickable:hover .external-link-icon {
162+
.landing-community
163+
.landing-community__content
164+
.landing-community__stats
165+
.landing-community__stat-item.clickable:hover
166+
.external-link-icon {
137167
opacity: 1;
138168
}
139169

140-
.landing-community .landing-community__content .landing-community__stats .landing-community__stat-item .landing-community__stat-description {
170+
.landing-community
171+
.landing-community__content
172+
.landing-community__stats
173+
.landing-community__stat-item
174+
.landing-community__stat-description {
141175
font-size: 1rem;
142176
text-shadow: 0 0 1px var(--ifm-color-primary);
143177
}
@@ -152,38 +186,58 @@
152186
position: relative;
153187
}
154188

155-
.landing-community .landing-community__content .landing-community__info.clickable {
189+
.landing-community
190+
.landing-community__content
191+
.landing-community__info.clickable {
156192
cursor: pointer;
157193
}
158194

159-
.landing-community .landing-community__content .landing-community__info.clickable:hover,
160-
.landing-community .landing-community__content .landing-community__info.clickable:focus {
195+
.landing-community
196+
.landing-community__content
197+
.landing-community__info.clickable:hover,
198+
.landing-community
199+
.landing-community__content
200+
.landing-community__info.clickable:focus {
161201
transform: scale(1.01);
162202
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
163203
outline: none;
164204
}
165205

166-
.landing-community .landing-community__content .landing-community__info .landing-community__image {
206+
.landing-community
207+
.landing-community__content
208+
.landing-community__info
209+
.landing-community__image {
167210
width: 100%;
168211
object-fit: cover;
169212
border-radius: 1rem;
170213
}
171214

172-
.landing-community .landing-community__content .landing-community__info .landing-community__info-text {
215+
.landing-community
216+
.landing-community__content
217+
.landing-community__info
218+
.landing-community__info-text {
173219
margin-top: 1rem;
174220
padding: 0;
175221
font-size: 1rem;
176222
text-shadow: 0 0 1px var(--ifm-color-primary);
177223
}
178224

179-
.landing-community .landing-community__content .landing-community__info .landing-community__info-text .landing-community__link {
225+
.landing-community
226+
.landing-community__content
227+
.landing-community__info
228+
.landing-community__info-text
229+
.landing-community__link {
180230
color: var(--ifm-color-primary);
181231
text-shadow: 0 0 1px var(--ifm-color-primary);
182232
text-decoration: none;
183233
font-weight: 600;
184234
}
185235

186-
.landing-community .landing-community__content .landing-community__info .landing-community__info-text .landing-community__link:hover {
236+
.landing-community
237+
.landing-community__content
238+
.landing-community__info
239+
.landing-community__info-text
240+
.landing-community__link:hover {
187241
text-decoration: underline;
188242
}
189243

@@ -197,7 +251,10 @@
197251
transition: opacity 0.2s ease;
198252
}
199253

200-
.landing-community .landing-community__content .landing-community__info.clickable:hover .external-link-indicator {
254+
.landing-community
255+
.landing-community__content
256+
.landing-community__info.clickable:hover
257+
.external-link-indicator {
201258
opacity: 1;
202259
}
203260

@@ -214,14 +271,20 @@
214271
width: 100%;
215272
}
216273

217-
.landing-community .landing-community__content .landing-community__info .landing-community__image {
274+
.landing-community
275+
.landing-community__content
276+
.landing-community__info
277+
.landing-community__image {
218278
width: 100%;
219279
}
220280

221-
.landing-community .landing-community__content .landing-community__info .landing-community__info-text {
281+
.landing-community
282+
.landing-community__content
283+
.landing-community__info
284+
.landing-community__info-text {
222285
margin-top: 1rem;
223286
padding: 0;
224287
font-size: 1rem;
225288
text-shadow: 0 0 1px var(--ifm-color-primary);
226289
}
227-
}
290+
}

‎src/components/HomepageFeatures/styles.module.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,4 +9,4 @@
99
.featureSvg {
1010
height: 200px;
1111
width: 200px;
12-
}
12+
}

‎src/components/StatsSection/styles.module.css‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -144,7 +144,6 @@
144144

145145
/* Animation keyframes */
146146
@keyframes float {
147-
148147
0%,
149148
100% {
150149
transform: translateY(0);
@@ -156,7 +155,6 @@
156155
}
157156

158157
@keyframes pulse {
159-
160158
0%,
161159
100% {
162160
transform: scale(1);
@@ -181,4 +179,4 @@
181179
100% {
182180
box-shadow: 0 0 5px rgba(79, 70, 229, 0.5);
183181
}
184-
}
182+
}

‎src/components/dashboard/LeaderBoard/leaderboard.css‎

Lines changed: 55 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,10 @@
9292
padding: 20px;
9393
border-radius: 16px;
9494
width: 200px;
95-
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border 0.3s;
95+
transition:
96+
transform 0.3s ease-in-out,
97+
box-shadow 0.3s ease-in-out,
98+
border 0.3s;
9699
position: relative;
97100
cursor: pointer;
98101
display: flex;
@@ -114,13 +117,19 @@
114117
}
115118

116119
/* Staircase Height Adjustment */
117-
.first-place { transform: translateY(-60px); }
118-
.second-place { transform: translateY(0px); }
119-
.third-place { transform: translateY(0); }
120+
.first-place {
121+
transform: translateY(-60px);
122+
}
123+
.second-place {
124+
transform: translateY(0px);
125+
}
126+
.third-place {
127+
transform: translateY(0);
128+
}
120129

121130
/* Reflection Effect */
122131
.podium-card::after {
123-
content: '';
132+
content: "";
124133
position: absolute;
125134
top: 100%;
126135
left: 0;
@@ -132,7 +141,7 @@
132141
rgba(255, 255, 255, 0.4) 0%,
133142
rgba(255, 255, 255, 0.3) 25%,
134143
rgba(255, 255, 255, 0.1) 75%,
135-
rgba(255, 255, 255, 0.0) 100%
144+
rgba(255, 255, 255, 0) 100%
136145
);
137146
transform: scaleY(-1);
138147
z-index: 1;
@@ -145,14 +154,20 @@
145154
rgba(43, 48, 59, 0.4) 0%,
146155
rgba(43, 48, 59, 0.3) 25%,
147156
rgba(43, 48, 59, 0.1) 75%,
148-
rgba(43, 48, 59, 0.0) 100%
157+
rgba(43, 48, 59, 0) 100%
149158
);
150159
}
151160

152161
/* Reflection box-shadows */
153-
.first-place::after { box-shadow: 0 2px 6px rgba(255, 215, 0, 0.1); }
154-
.second-place::after { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
155-
.third-place::after { box-shadow: 0 2px 6px rgba(205, 127, 50, 0.1); }
162+
.first-place::after {
163+
box-shadow: 0 2px 6px rgba(255, 215, 0, 0.1);
164+
}
165+
.second-place::after {
166+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
167+
}
168+
.third-place::after {
169+
box-shadow: 0 2px 6px rgba(205, 127, 50, 0.1);
170+
}
156171

157172
/* User Photo */
158173
.podium-card .user-photo {
@@ -192,9 +207,15 @@
192207
border-color: #2b303b;
193208
}
194209

195-
.first-place .rank-badge { background-color: #FFD700; }
196-
.second-place .rank-badge { background-color: #555; }
197-
.third-place .rank-badge { background-color: #CD7F32; }
210+
.first-place .rank-badge {
211+
background-color: #ffd700;
212+
}
213+
.second-place .rank-badge {
214+
background-color: #555;
215+
}
216+
.third-place .rank-badge {
217+
background-color: #cd7f32;
218+
}
198219

199220
/* User Details */
200221
.podium-card .details {
@@ -250,33 +271,45 @@
250271

251272
.first-place:hover {
252273
transform: translateY(-65px);
253-
border-color: #FFD700;
254-
box-shadow: 0 0 15px rgba(255, 215, 0, 0.7), 0 10px 30px rgba(0, 0, 0, 0.15);
274+
border-color: #ffd700;
275+
box-shadow:
276+
0 0 15px rgba(255, 215, 0, 0.7),
277+
0 10px 30px rgba(0, 0, 0, 0.15);
255278
}
256279

257280
.second-place:hover {
258281
transform: translateY(-35px);
259-
border-color: #C0C0C0;
260-
box-shadow: 0 0 15px rgba(192, 192, 192, 0.7), 0 10px 30px rgba(0, 0, 0, 0.15);
282+
border-color: #c0c0c0;
283+
box-shadow:
284+
0 0 15px rgba(192, 192, 192, 0.7),
285+
0 10px 30px rgba(0, 0, 0, 0.15);
261286
}
262287

263288
.third-place:hover {
264289
transform: translateY(-5px);
265-
border-color: #CD7F32;
266-
box-shadow: 0 0 15px rgba(205, 127, 50, 0.7), 0 10px 30px rgba(0, 0, 0, 0.15);
290+
border-color: #cd7f32;
291+
box-shadow:
292+
0 0 15px rgba(205, 127, 50, 0.7),
293+
0 10px 30px rgba(0, 0, 0, 0.15);
267294
}
268295

269296
/* Dark Mode Hover Effects */
270297
.dark .first-place:hover {
271-
box-shadow: 0 0 15px rgba(255, 215, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.3);
298+
box-shadow:
299+
0 0 15px rgba(255, 215, 0, 0.3),
300+
0 10px 30px rgba(0, 0, 0, 0.3);
272301
}
273302

274303
.dark .second-place:hover {
275-
box-shadow: 0 0 15px rgba(192, 192, 192, 0.3), 0 10px 30px rgba(0, 0, 0, 0.3);
304+
box-shadow:
305+
0 0 15px rgba(192, 192, 192, 0.3),
306+
0 10px 30px rgba(0, 0, 0, 0.3);
276307
}
277308

278309
.dark .third-place:hover {
279-
box-shadow: 0 0 15px rgba(205, 127, 50, 0.3), 0 10px 30px rgba(0, 0, 0, 0.3);
310+
box-shadow:
311+
0 0 15px rgba(205, 127, 50, 0.3),
312+
0 10px 30px rgba(0, 0, 0, 0.3);
280313
}
281314

282315
/* Stats Grid */

0 commit comments

Comments
 (0)