Add LinkedIn icon

emog-fix.md

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

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"/>

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;

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;
+}