Browse Source

Fix icon/live reload links

master
Kevin Mok 1 week ago
parent
commit
725d81ef5e
Signed by: Kevin Mok <kmok@redhat.com> GPG Key ID: 10B001347552F396
3 changed files with 36 additions and 28 deletions
  1. 10
    10
      index.html
  2. 17
    14
      inline.html
  3. 9
    4
      style.scss

+ 10
- 10
index.html View File

@@ -5,7 +5,7 @@
<meta charset="utf-8">
<title>Kevin's Email Signature</title>
<link rel="stylesheet" href="style.css?v=1.0">
<script src="http://livejs.com/live.js" charset="utf-8"></script>
<script src="https://cdn.khkm.gq/live.js" charset="utf-8"></script>
</head>

<body>
@@ -43,24 +43,24 @@
<li>
<a href="https://github.com/Kevin-Mok" target="_blank">
<!-- <img src="http://test.khkm.tk/github.svg" alt=""/> -->
<img src="https://img.khkm.tk/uploads/big/2db206989793b732c143f15ffe2b694b.png" alt="github-icon"/>
<img src="https://img.khkm.gq/uploads/big/2db206989793b732c143f15ffe2b694b.png" alt="github-icon"/>
</a>
</li>
<li>
<a href="https://git.kevin-mok.com/Kevin-Mok" target="_blank">
<img id="gitea-icon"
src="https://img.khkm.tk/uploads/big/71386b828f31087493c896635672ff3c.png"
src="https://img.khkm.gq/uploads/big/71386b828f31087493c896635672ff3c.png"
alt="gitea-icon"/>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/Kevin-KH-Mok/" target="_blank">
<a href="https://www.linkedin.com/in/Kev-Mok/" target="_blank">
<img id="linkedin-icon"
src="https://img.khkm.tk/uploads/big/a07fdee5042df0dd245b7788c5f25f7d.png" alt="linkedin-icon"/>
src="https://img.khkm.gq/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"/>
<a href="https://fosstodon.org/@Kevin" target="_blank">
<img src="https://img.khkm.gq/uploads/big/8e32935993f5ec3dee5ea2b86507ded8.png" alt="mastodon-icon"/>
</a>
</li>
</ul>
@@ -69,9 +69,9 @@
</tbody>
</table>
<td class="headshot-cell">
<img src="https://img.khkm.tk/uploads/big/cd4566af5a14ef845a6a9818bf26c73e.png" alt="uoft-logo"/>
<img src="https://avatars3.githubusercontent.com/u/25857736?s=460&v=4"
name="preview-image-url" alt="kevin-mok-headshot"/>
<img src="https://img.khkm.gq/uploads/big/cd4566af5a14ef845a6a9818bf26c73e.png" alt="uoft-logo"/>
<img id="headshot-img" src="https://avatars3.githubusercontent.com/u/25857736?s=460&v=4"
name="preview-image-url" alt="kevin-mok-headshot"/>
</td>
</td>
</tr>

+ 17
- 14
inline.html View File

@@ -4,7 +4,7 @@
<meta charset="utf-8">
<title>Kevin's Email Signature</title>
<link rel="stylesheet" href="style.css?v=1.0">
<script src="http://livejs.com/live.js" charset="utf-8"></script>
<script src="https://cdn.khkm.gq/live.js" charset="utf-8"></script>
</head>
<body style="display: flex;
margin: 0;
@@ -56,25 +56,31 @@
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>
<img
src="https://img.khkm.gq/uploads/big/2db206989793b732c143f15ffe2b694b.png"
alt="github-icon" style="height: 25px;"></a>
</li>
<li style="display: inline-block;
padding-right: 9px;">
<a href="https://git.kevin-mok.com/Kevin-Mok" target="_blank" style="text-decoration: none;">
<img id="gitea-icon" src="https://img.khkm.tk/uploads/big/71386b828f31087493c896635672ff3c.png" alt="gitea-icon" style="height:2em;position:relative;top:3px;"></a>
<img id="gitea-icon"
src="https://img.khkm.gq/uploads/big/71386b828f31087493c896635672ff3c.png"
alt="gitea-icon" style="height:25px;position:relative;top:3px;"></a>
</li>
<li style="display: inline-block;
padding-right: 9px;">
<a href="https://www.linkedin.com/in/Kevin-KH-Mok/" target="_blank" style="text-decoration: none;">
<a href="https://www.linkedin.com/in/Kev-Mok/" target="_blank" style="text-decoration: none;">
<img id="linkedin-icon"
src="https://img.khkm.tk/uploads/big/a07fdee5042df0dd245b7788c5f25f7d.png"
src="https://img.khkm.gq/uploads/big/a07fdee5042df0dd245b7788c5f25f7d.png"
alt="linkedin-icon"
style="height:1.5em;position:relative;left:-0px;"></a>
style="height:25px;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>
<a href="https://fosstodon.org/@Kevin" target="_blank" style="text-decoration: none;">
<img
src="https://img.khkm.gq/uploads/big/8e32935993f5ec3dee5ea2b86507ded8.png"
alt="mastodon-icon" style="height: 25px;"></a>
</li>
</ul>
</td>
@@ -82,13 +88,10 @@
</tbody></table>
</td>
<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;
<img src="https://img.khkm.gq/uploads/big/cd4566af5a14ef845a6a9818bf26c73e.png" alt="uoft-logo" style="vertical-align: middle;
width: 120px;
margin-right: 5px;
border-radius: 5px;"><img src="https://avatars3.githubusercontent.com/u/25857736?s=460&amp;v=4" name="preview-image-url" alt="kevin-mok-headshot" style="vertical-align: middle;
width: 120px;
margin-right: 5px;
border-radius: 5px;">
border-radius: 100%;
margin-right: 5px;"><img id="headshot-img" src="https://avatars3.githubusercontent.com/u/25857736?s=460&amp;v=4" name="preview-image-url" alt="kevin-mok-headshot" style="vertical-align:middle;width:120px;border-radius:100%;margin-right:5px;position:relative;left:-10px;">
</td>
</tr></tbody></table>

+ 9
- 4
style.scss View File

@@ -42,9 +42,14 @@ td.headshot-cell a {
td.headshot-cell img {
vertical-align: middle;
width:120px;
// border-radius: 100%;
border-radius: 100%;
// border-radius: 5px;
margin-right: 5px;
border-radius: 5px;
}

#headshot-img {
position: relative;
left: -10px;
}

td.description-cell > table {
@@ -113,8 +118,8 @@ td.social-icons a {

td.social-icons img {
// width: 25px;
// height: 25px;
height: 1.5em;
height: 25px;
// height: 1.5em;
}

#gitea-icon {

Loading…
Cancel
Save