Skip to content

Commit b92ac11

Browse files
committed
Adding visible color to gitter and decrease the size of icons
1 parent 0cacda5 commit b92ac11

File tree

2 files changed

+23
-18
lines changed

2 files changed

+23
-18
lines changed

contact.html

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -118,15 +118,15 @@ <h3 class="contact-heading">NJACK</h3>
118118
<a href="https://facebook.com/njack.iitp" target="_blank"><i class="fab fa-facebook-f"></i></a>
119119
<a href="https://gitter.im/NJACKWinterOfCode/NWoC2020" target="_blank"><i class="fab fa-gitter"></i></a>
120120
<a href="https://github.com/Njack-IITP" target="_blank"><i class="fab fa-github"></i></a>
121-
<a href="mailto:[email protected]" target="_blank"><i class="far fa-envelope"></i></a>
121+
<a href="mailto:[email protected]" target="_blank"><i class="fas fa-envelope-square"></i></a>
122122
</div>
123123
<div class="mdl-cell mdl-cell--8-col mdl-cell--hide-tablet mdl-cell--hide-desktop social-links">
124124
<a href="mailto:[email protected]" target="_blank"><i class="far fa-envelope"></i></a>
125125
<a href="https://twitter.com/njackiitp" target="_blank"><i class="fab fa-twitter"></i></a>
126126
<a href="https://facebook.com/njack.iitp" target="_blank"><i class="fab fa-facebook-f"></i></a>
127127
<a href="https://gitter.im/NJACKWinterOfCode/NWoC2020" target="_blank"><i class="fab fa-gitter"></i></a>
128128
<a href="https://github.com/Njack-IITP" target="_blank"><i class="fab fa-github"></i></a>
129-
<a href="mailto:[email protected]" target="_blank"><i class="far fa-envelope"></i></a>
129+
<a href="mailto:[email protected]" target="_blank"><i class="fas fa-envelope-square"></i></a>
130130
</div>
131131

132132
</div>
@@ -138,7 +138,7 @@ <h3 class="contact-heading">NWoC 2020 Organizing Committee</h3>
138138
src="https://avatars2.githubusercontent.com/u/56556919?s=400&u=ec3c32f3153368768726c092423cfc3b0fa69ff9&v=4"
139139
class="nwoc-contact" />
140140
<p>Ayush Shrivastava</p>
141-
<div class="social-links">
141+
<div class="social-links member-links">
142142
<a href="https://github.com/s-ayush2903" target="_blank"><i class="fab fa-github"></i></a>
143143
<a href="https://www.facebook.com/stvayush"><i class="fab fa-facebook-f"></i></a>
144144
</div>
@@ -148,7 +148,7 @@ <h3 class="contact-heading">NWoC 2020 Organizing Committee</h3>
148148
src="https://avatars1.githubusercontent.com/u/54908624?s=400&u=62e7d21699fa602487b27ff790a4afa5f7b1f723&v=4"
149149
class="nwoc-contact" />
150150
<p>Ankit Das</p>
151-
<div class="social-links">
151+
<div class="social-links member-links">
152152
<a href="https://github.com/Ankit7Das" target="_blank"><i class="fab fa-github"></i></a>
153153
<a href="https://m.facebook.com/profile.php?id=100006183317301"><i class="fab fa-facebook-f"></i></a>
154154
</div>
@@ -158,7 +158,7 @@ <h3 class="contact-heading">NWoC 2020 Organizing Committee</h3>
158158
src="https://avatars1.githubusercontent.com/u/54908756?s=400&u=67daa7738f89aa91806c866250a8196fba42ca24&v=4"
159159
class="nwoc-contact" />
160160
<p>Mehuli Pal</p>
161-
<div class="social-links">
161+
<div class="social-links member-links">
162162
<a href="https://github.com/Mehulipal" target="_blank"><i class="fab fa-github"></i></a>
163163
<a href="https://www.facebook.com/pmehuli"><i class="fab fa-facebook-f"></i></a>
164164
</div>
@@ -168,15 +168,15 @@ <h3 class="contact-heading">NWoC 2020 Organizing Committee</h3>
168168
src="https://avatars1.githubusercontent.com/u/56231576?s=400&u=2ec922ab0327973905c73b70b3e4bbdd6f3c9012&v=4"
169169
class="nwoc-contact" />
170170
<p>Priyanka Sachan</p>
171-
<div class="social-links">
171+
<div class="social-links member-links">
172172
<a href="https://github.com/Priyanka-Sachan" target="_blank"><i class="fab fa-github"></i></a>
173173
<a href="https://www.facebook.com/priyanka.sachan.77964201"><i class="fab fa-facebook-f"></i></a>
174174
</div>
175175
</div>
176176
<div class="mdl-cell mdl-cell--6-col">
177177
<img src="./assets/profile/madhur.jpg" class="nwoc-contact" />
178178
<p>Madhur Malpani</p>
179-
<div class="social-links">
179+
<div class="social-links member-links">
180180
<a href="https://github.com/madris112" target="_blank"><i class="fab fa-github"></i></a>
181181
<a href="https://www.facebook.com/madhur.nilu"><i class="fab fa-facebook-f"></i></a>
182182
</div>
@@ -188,15 +188,15 @@ <h3 class="contact-heading">NWoC Advisory Committee</h3>
188188
<div class="mdl-cell mdl-cell--6-col">
189189
<img src="https://avatars2.githubusercontent.com/u/43786728?s=400&v=4" class="nwoc-contact" />
190190
<p>Ashwani Yadav</p>
191-
<div class="social-links">
191+
<div class="social-links member-links">
192192
<a href="https://github.com/ashwaniYDV" target="_blank"><i class="fab fa-github"></i></a>
193193
<a href="https://www.facebook.com/ashwani.yadav9499"><i class="fab fa-facebook-f"></i></a>
194194
</div>
195195
</div>
196196
<div class="mdl-cell mdl-cell--6-col">
197197
<img src="https://avatars3.githubusercontent.com/u/42909612?s=460&v=4" class="nwoc-contact" />
198198
<p>Anmol Chaddha</p>
199-
<div class="social-links">
199+
<div class="social-links member-links">
200200
<a href="https://github.com/chanmol1999" target="_blank"><i class="fab fa-github"></i></a>
201201
<a href="https://www.facebook.com/anmol.chaddha.125"><i class="fab fa-facebook-f"></i></a>
202202
</div>

style.css

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -329,8 +329,8 @@ a {
329329
/* Contact Page Start Here */
330330
.nwoc-contact {
331331
width: 160px;
332-
text-align: center;
333332
}
333+
334334
.contact-heading{
335335
text-align: center;
336336
}
@@ -356,7 +356,7 @@ img.nwoc-contact{
356356
}
357357

358358
.social-links a{
359-
font-size: 25px;
359+
font-size: 1.5em;
360360
padding: 12px;
361361
background-color: white;
362362
border: 2px solid rgb(167, 218, 233);
@@ -366,30 +366,35 @@ img.nwoc-contact{
366366
transition: all 0.1s ease;
367367
}
368368

369+
.member-links a{
370+
font-size: 16px;
371+
padding: 8px;
372+
}
373+
369374
.social-links a:hover{
370375
transform: scale(1.1);
371376
border: 2px solid rgb(129, 204, 227);
372377
}
373378

374-
.social-links .fa-facebook-f{
379+
.fa-facebook-f{
375380
color: #3b5998;
376-
margin: 2px 5px;
381+
margin: 1px .3em;
377382
}
378383

379-
.social-links .fa-twitter{
384+
.fa-twitter{
380385
color: #1DA1F2;
381386
}
382387

383-
.social-links .fa-github{
388+
.fa-github{
384389
color: black;
385390
}
386391

387-
.social-links .fa-gitter{
388-
color: #e6e8fa;
392+
.fa-gitter{
393+
color: #35dd02;
389394
margin: 1px 2px;
390395
}
391396

392-
.social-links .fa-envelope{
397+
.fa-envelope{
393398
color: #ca6363;
394399
}
395400

0 commit comments

Comments
 (0)