Browse Source

Add LinkedIn icon

master
Kevin Mok 3 years ago
parent
commit
54ae2c3a86
Signed by: Kevin-Mok GPG Key ID: AEA75288DC135CF5
  1. 1
      emog-fix.md
  2. 10
      index.html
  3. 18
      inline.html
  4. 12
      style.scss

1
emog-fix.md

@ -1 +1,2 @@
- tbody 0 border
- LinkedIn icon position

10
index.html

@ -48,10 +48,16 @@
</li>
<li>
<a href="https://git.kevin-mok.com/Kevin-Mok" target="_blank">
<img src="https://raw.githubusercontent.com/go-gitea/gitea/master/public/img/gitea-sm.png"
alt="gitea-icon" id="gitea-icon" />
<img id="gitea-icon"
src="https://img.khkm.tk/uploads/big/71386b828f31087493c896635672ff3c.png"
alt="gitea-icon"/>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/Kevin-KH-Mok/" target="_blank">
<img id="linkedin-icon"
src="https://img.khkm.tk/uploads/big/a07fdee5042df0dd245b7788c5f25f7d.png" alt="linkedin-icon"/>
</a>
<li>
<a href="https://fosstodon.org/web/accounts/93113" target="_blank">
<img src="https://img.khkm.tk/uploads/big/8e32935993f5ec3dee5ea2b86507ded8.png" alt="mastodon-icon"/>

18
inline.html

@ -53,18 +53,26 @@
margin: 0;
height: 25px;">
<li style="display: inline-block;
padding-right: 6px;">
padding-right: 9px;">
<a href="https://github.com/Kevin-Mok" target="_blank" style="text-decoration: none;">
<!-- <img src="http://test.khkm.tk/github.svg" alt=""/> -->
<img src="https://img.khkm.tk/uploads/big/2db206989793b732c143f15ffe2b694b.png" alt="github-icon" style="height: 1.5em;"></a>
</li>
<li style="display: inline-block;
padding-right: 6px;">
padding-right: 9px;">
<a href="https://git.kevin-mok.com/Kevin-Mok" target="_blank" style="text-decoration: none;">
<img src="https://raw.githubusercontent.com/go-gitea/gitea/master/public/img/gitea-sm.png" alt="gitea-icon" id="gitea-icon" style="height:2em;position:relative;top:3px;"></a>
<img id="gitea-icon" src="https://img.khkm.tk/uploads/big/71386b828f31087493c896635672ff3c.png" alt="gitea-icon" style="height:2em;position:relative;top:3px;"></a>
</li>
<li style="display: inline-block;
padding-right: 6px;">
padding-right: 9px;">
<a href="https://www.linkedin.com/in/Kevin-KH-Mok/" target="_blank" style="text-decoration: none;">
<img id="linkedin-icon"
src="https://img.khkm.tk/uploads/big/a07fdee5042df0dd245b7788c5f25f7d.png"
alt="linkedin-icon"
style="height:1.5em;position:relative;left:-0px;"></a>
</li>
<li style="display: inline-block;
padding-right: 9px;">
<a href="https://fosstodon.org/web/accounts/93113" target="_blank" style="text-decoration: none;">
<img src="https://img.khkm.tk/uploads/big/8e32935993f5ec3dee5ea2b86507ded8.png" alt="mastodon-icon" style="height: 1.5em;"></a>
</li>
@ -73,7 +81,7 @@
</tr>
</tbody></table>
</td>
<td class="headshot-cell" style="padding-bottom: 3px;">
<td class="headshot-cell" style="padding-bottom:3px;position:relative;left:-12px;">
<img src="https://img.khkm.tk/uploads/big/cd4566af5a14ef845a6a9818bf26c73e.png" alt="uoft-logo" style="vertical-align: middle;
width: 120px;
margin-right: 5px;

12
style.scss

@ -30,6 +30,11 @@ td {
padding-bottom: 3px;
}
.headshot-cell {
position: relative;
left: -12px;
}
td.headshot-cell a {
text-decoration: none;
}
@ -98,7 +103,7 @@ td.social-icons ul {
td.social-icons li {
display: inline-block;
padding-right: 6px;
padding-right: 9px;
}
td.social-icons a {
@ -117,3 +122,8 @@ td.social-icons img {
position: relative;
top: 3px;
}
#linkedin-icon {
position: relative;
left: -3px;
}
Loading…
Cancel
Save