Skip to content

Commit ea2a27a

Browse files
theAnshulGuptatheAnshulGupta
committed
update team
1 parent 0b55858 commit ea2a27a

File tree

2 files changed

+89
-54
lines changed

2 files changed

+89
-54
lines changed

‎css/main.css

+50-36
Original file line numberDiff line numberDiff line change
@@ -112,10 +112,9 @@ figure {
112112

113113
border: 5px transparent;
114114

115-
background-clip:content-box;
115+
background-clip: content-box;
116116
}
117117

118-
119118
.figure-image-container {
120119
background: transparent;
121120
position: relative;
@@ -131,32 +130,38 @@ figure {
131130
border-radius: 180px;
132131

133132
transition: transform 0.3s ease-out;
134-
135133
}
136134

137135
.figure-image-container:hover {
138136
transform: scale(1.05);
139137
}
140138

141139
.figure-image-container:after {
142-
content: '';
140+
content: "";
143141
position: absolute;
144142
top: calc(-1 * 5px);
145143
left: calc(-1 * 5px);
146144
height: calc(100% + 5px * 2);
147145
width: calc(100% + 5px * 2);
148-
149-
background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
146+
147+
background: linear-gradient(
148+
60deg,
149+
#f79533,
150+
#f37055,
151+
#ef4e7b,
152+
#a166ab,
153+
#5073b8,
154+
#1098ad,
155+
#07b39b,
156+
#6fba82
157+
);
150158
border-radius: 180px;
151159
animation: animatedgradient 3s ease alternate infinite;
152160
background-size: 300% 300%;
153161

154162
transition: transform 0.3s ease-out;
155163
}
156164

157-
158-
159-
160165
@keyframes animated-gradient {
161166
25% {
162167
background-position: left bottom;
@@ -200,7 +205,6 @@ figure {
200205

201206
/* border */
202207
border-radius: 180px;
203-
204208

205209
/* border-radius: 50%;
206210
border: 0.3vw solid #eeeeee;
@@ -222,21 +226,30 @@ figure {
222226
transition: transform 0.3s ease-out;
223227

224228
border-radius: 180px;
225-
226229
}
227230

228231
.figure-image-container-e:hover {
229232
transform: scale(1.05);
230233
}
231234

232235
.figure-image-container-e:after {
233-
content: '';
236+
content: "";
234237
position: absolute;
235238
top: calc(-1 * 5px);
236239
left: calc(-1 * 5px);
237240
height: calc(100% + 5px * 2);
238241
width: calc(100% + 5px * 2);
239-
background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
242+
background: linear-gradient(
243+
60deg,
244+
#f79533,
245+
#f37055,
246+
#ef4e7b,
247+
#a166ab,
248+
#5073b8,
249+
#1098ad,
250+
#07b39b,
251+
#6fba82
252+
);
240253
border-radius: 180px;
241254
z-index: -1;
242255
animation: animatedgradient 3s ease alternate infinite;
@@ -245,21 +258,18 @@ figure {
245258
transition: transform 0.3s ease-out;
246259
}
247260

248-
249-
250261
@keyframes animatedgradient {
251-
0% {
252-
background-position: 0% 50%;
253-
}
254-
50% {
255-
background-position: 100% 50%;
256-
}
257-
100% {
258-
background-position: 0% 50%;
259-
}
262+
0% {
263+
background-position: 0% 50%;
264+
}
265+
50% {
266+
background-position: 100% 50%;
267+
}
268+
100% {
269+
background-position: 0% 50%;
270+
}
260271
}
261272

262-
263273
.figure-image-e3 {
264274
/* size */
265275
width: 12vw;
@@ -275,7 +285,7 @@ figure {
275285
/* border */
276286
border-radius: 180px;
277287

278-
position: relative;
288+
position: relative;
279289
z-index: 1 !important;
280290
/* border-radius: 50%;
281291
border: 0.3vw solid #eeeeee;
@@ -293,24 +303,33 @@ figure {
293303
max-height: 200px;
294304
min-width: 80px;
295305
min-height: 80px;
296-
306+
297307
transition: transform 0.3s ease-out;
298308

299309
border-radius: 180px;
300-
301310
}
302311

303312
.figure-image-container-e3:hover {
304313
transform: scale(1.05);
305314
}
306315
.figure-image-container-e3:after {
307-
content: '';
316+
content: "";
308317
position: absolute;
309318
top: calc(-1 * 5px);
310319
left: calc(-1 * 5px);
311320
height: calc(100% + 5px * 2);
312321
width: calc(100% + 5px * 2);
313-
background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
322+
background: linear-gradient(
323+
60deg,
324+
#f79533,
325+
#f37055,
326+
#ef4e7b,
327+
#a166ab,
328+
#5073b8,
329+
#1098ad,
330+
#07b39b,
331+
#6fba82
332+
);
314333
border-radius: 180px;
315334
animation: animatedgradient 3s ease alternate infinite;
316335
z-index: 0 !important;
@@ -319,9 +338,6 @@ figure {
319338
transition: transform 0.3s ease-out;
320339
}
321340

322-
323-
324-
325341
.figure-caption {
326342
color: lightgray;
327343
font-size: 1.4rem !important;
@@ -600,10 +616,8 @@ a:focus {
600616
}
601617
}
602618

603-
604619
.winner-box-1 {
605620
justify-content: center;
606-
607621
}
608622

609623
.winner-box {
@@ -633,7 +647,7 @@ a:focus {
633647
}
634648

635649
.winner > h3 {
636-
font-size: 2.0rem !important;
650+
font-size: 2rem !important;
637651
font-family: Montserrat;
638652
color: #c0e8f9;
639653
margin-bottom: 30px;

‎index.html

+39-18
Original file line numberDiff line numberDiff line change
@@ -1739,27 +1739,27 @@ <h3 class="proftitle">
17391739
"
17401740
/>
17411741

1742-
<div class="directors">
1743-
<figure>
1742+
<div class="directors row">
1743+
<figure class="col-6">
17441744
<div class="figure-image-container">
17451745
<img
1746-
class="figure-image"
1747-
src="img/profiles/rohan.jpeg"
1746+
class="figure-image absolute-jesus"
1747+
src="img/profiles/anshul.png"
17481748
alt="organizer"
17491749
/>
17501750
</div>
17511751
<figcaption>
1752-
<h5 class="figure-caption-title">Rohan Bansal</h5>
1752+
<h5 class="figure-caption-title">Anshul Gupta</h5>
17531753
<p class="figure-caption-e2">Founder</p>
1754-
<p class="figure-caption">Sponsorships Director</p>
1755-
<a href="https://linkedin.com/in/bansal-rohan" target="_blank"
1754+
<p class="figure-caption">Logistics Director</p>
1755+
<a href="https://linkedin.com/in/theAnshulGupta" target="_blank"
17561756
><i
17571757
class="personal hvr-grow-shadow fab fa-linkedin fa-lg"
17581758
style="color: white"
17591759
aria-hidden="true"
17601760
></i
17611761
></a>
1762-
<a href="https://github.com/rohan-bansal" target="_blank"
1762+
<a href="https://github.com/theAnshulGupta" target="_blank"
17631763
><i
17641764
class="personal hvr-grow-shadow fab fa-github fa-lg"
17651765
style="color: white"
@@ -1768,26 +1768,26 @@ <h5 class="figure-caption-title">Rohan Bansal</h5>
17681768
></a>
17691769
</figcaption>
17701770
</figure>
1771-
<figure>
1771+
<figure class="col-6">
17721772
<div class="figure-image-container">
17731773
<img
1774-
class="figure-image absolute-jesus"
1775-
src="img/profiles/anshul.png"
1774+
class="figure-image"
1775+
src="img/profiles/rohan.jpeg"
17761776
alt="organizer"
17771777
/>
17781778
</div>
17791779
<figcaption>
1780-
<h5 class="figure-caption-title">Anshul Gupta</h5>
1780+
<h5 class="figure-caption-title">Rohan Bansal</h5>
17811781
<p class="figure-caption-e2">Founder</p>
1782-
<p class="figure-caption">Logistics Director</p>
1783-
<a href="https://linkedin.com/in/theAnshulGupta" target="_blank"
1782+
<p class="figure-caption">Sponsorships Director</p>
1783+
<a href="https://linkedin.com/in/bansal-rohan" target="_blank"
17841784
><i
17851785
class="personal hvr-grow-shadow fab fa-linkedin fa-lg"
17861786
style="color: white"
17871787
aria-hidden="true"
17881788
></i
17891789
></a>
1790-
<a href="https://github.com/theAnshulGupta" target="_blank"
1790+
<a href="https://github.com/rohan-bansal" target="_blank"
17911791
><i
17921792
class="personal hvr-grow-shadow fab fa-github fa-lg"
17931793
style="color: white"
@@ -1798,6 +1798,26 @@ <h5 class="figure-caption-title">Anshul Gupta</h5>
17981798
</figure>
17991799
</div>
18001800
<div class="everyone-else">
1801+
<figure class="figure-e">
1802+
<div class="figure-image-container-e3">
1803+
<img
1804+
class="figure-image-e3"
1805+
src="img/profiles/kai.png"
1806+
alt="organizer"
1807+
/>
1808+
</div>
1809+
<figcaption>
1810+
<h5 class="figure-caption-title-e">Kai McCormick</h5>
1811+
<p class="figure-caption-e">Tech</p>
1812+
<a href="https://github.com/kaidevrim" target="_blank"
1813+
><i
1814+
class="personal hvr-grow-shadow fab fa-github fa-lg"
1815+
style="color: white"
1816+
aria-hidden="true"
1817+
></i
1818+
></a>
1819+
</figcaption>
1820+
</figure>
18011821
<figure class="figure-e">
18021822
<div class="figure-image-container-e3">
18031823
<img
@@ -1851,18 +1871,19 @@ <h5 class="figure-caption-title-e">Aanika Jain</h5>
18511871
<p class="figure-caption-e">Sponsorships</p>
18521872
</figcaption>
18531873
</figure>
1874+
18541875
<figure class="figure-e">
18551876
<div class="figure-image-container-e3">
18561877
<img
18571878
class="figure-image-e3"
1858-
src="img/profiles/kai.png"
1879+
src="img/profiles/andy.jpg"
18591880
alt="organizer"
18601881
/>
18611882
</div>
18621883
<figcaption>
1863-
<h5 class="figure-caption-title-e">Kai McCormick</h5>
1884+
<h5 class="figure-caption-title-e">Andy Li</h5>
18641885
<p class="figure-caption-e">Tech</p>
1865-
<a href="https://github.com/kaidevrim" target="_blank"
1886+
<a href="https://github.com/andyli23" target="_blank"
18661887
><i
18671888
class="personal hvr-grow-shadow fab fa-github fa-lg"
18681889
style="color: white"

0 commit comments

Comments
 (0)