Kevin-Mok
/
email-sig
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

2 Commits
54ae2c3a86 ... 8f7fcb9b0c

Author SHA1 Message Date
Kevin Mok 8f7fcb9b0c
Red Hat position/logo
4 years ago
Kevin Mok 725d81ef5e
Fix icon/live reload links
4 years ago
3 changed files with 57 additions and 50 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats
  1. 27
      index.html
  2. 67
      inline.html
  3. 13
      style.scss

27
index.html
View File

@ -5,7 +5,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Kevin's Email Signature</title> <title>Kevin's Email Signature</title>
<link rel="stylesheet" href="style.css?v=1.0"> <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> </head>
<body> <body>
@ -23,12 +23,14 @@
</tr> </tr>
<tr> <tr>
<td colspan="2" class="title"> <td colspan="2" class="title">
Computer Science Specialist
<!-- Computer Science Specialist -->
Software Engineering Intern
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="2" class="title"> <td colspan="2" class="title">
University of Toronto
<!-- University of Toronto -->
Red Hat
</td> </td>
</tr> </tr>
<tr> <tr>
@ -43,24 +45,24 @@
<li> <li>
<a href="https://github.com/Kevin-Mok" target="_blank"> <a href="https://github.com/Kevin-Mok" target="_blank">
<!-- <img src="http://test.khkm.tk/github.svg" alt=""/> --> <!-- <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> </a>
</li> </li>
<li> <li>
<a href="https://git.kevin-mok.com/Kevin-Mok" target="_blank"> <a href="https://git.kevin-mok.com/Kevin-Mok" target="_blank">
<img id="gitea-icon" <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"/> alt="gitea-icon"/>
</a> </a>
</li> </li>
<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" <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> </a>
<li> <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> </a>
</li> </li>
</ul> </ul>
@ -69,9 +71,10 @@
</tbody> </tbody>
</table> </table>
<td class="headshot-cell"> <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 src="https://img.khkm.gq/uploads/big/d5fa1826d232f67869823471a772c14d.png" alt="red-hat-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>
</td> </td>
</tr> </tr>

67
inline.html
View File

@ -4,42 +4,42 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Kevin's Email Signature</title> <title>Kevin's Email Signature</title>
<link rel="stylesheet" href="style.css?v=1.0"> <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> </head>
<body style="display: flex;
margin: 0;
align-items: center;
justify-content: center;
height: 100vh;
background-color: #1c1e1f;">
<div class="presentational-container" style="box-shadow: 2px 2px 10px 5px;
<body>
<div class="presentational-container" style="// padding: 20px;
box-shadow: 2px 2px 10px 5px;
background-color: #fff;"> background-color: #fff;">
<table role="presentation" style="background: none; <table role="presentation" style="background: none;
margin: 0; margin: 0;
// padding: 10px 10px 0;
border-width: 1px 0 0 0; border-width: 1px 0 0 0;
border-style: solid; border-style: solid;
border-color: #002f65;
border-color: $name-color;
padding-top: 10px;"><tbody><tr class="outer-row"> padding-top: 10px;"><tbody><tr class="outer-row">
<td class="description-cell" style="padding-bottom: 3px;"> <td class="description-cell" style="padding-bottom: 3px;">
<table role="presentation" style="background:none;margin:0;border-width:0px 0 0 0;border-style:solid;border-color:#002f65;padding-top:10px;padding-left:0px;border:0px;padding:0;"><tbody>
<table role="presentation" style="background:none;margin:0;// padding:10px 10px 0;border-width:1px 0 0 0;border-style:solid;border-color:$name-color;padding-top:10px;padding-left:0px;border:0px;padding:0;"><tbody>
<tr> <tr>
<td colspan="2" class="full-name" style="padding-bottom:3px;font-weight:bold;font-size:18px;font-family:Arial, Helvetica, sans-serif;">
<td colspan="2" class="full-name" style="padding-bottom:3px;font-weight:bold;// color:$name-color;font-size:18px;font-family:Arial, Helvetica, sans-serif;">
Kevin Mok Kevin Mok
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="2" class="title" style="padding-bottom:3px;color:#333333;font-size:14px;font-family:Arial, Helvetica, sans-serif;">
Computer Science Specialist
<td colspan="2" class="title" style="padding-bottom:3px;// padding-bottom:10px;color:#333333;font-size:14px;font-family:Arial, Helvetica, sans-serif;img {
width:5em;">
<!-- Computer Science Specialist -->
Software Engineering Intern
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="2" class="title" style="padding-bottom:3px;color:#333333;font-size:14px;font-family:Arial, Helvetica, sans-serif;">
University of Toronto
<td colspan="2" class="title" style="padding-bottom:3px;// padding-bottom:10px;color:#333333;font-size:14px;font-family:Arial, Helvetica, sans-serif;img {
width:5em;">
<!-- University of Toronto -->
Red Hat
</td> </td>
</tr> </tr>
<tr> <tr>
<td valign="top" class="website" style="padding-bottom:3px;vertical-align:top;color:#333333;font-size:14px;font-family:Arial, Helvetica, sans-serif;">
<td valign="top" class="website" style="padding-bottom: 3px;">
<a href="https://kevin-mok.com" target="_blank" style="color: #4BAFDB; <a href="https://kevin-mok.com" target="_blank" style="color: #4BAFDB;
text-decoration: none; text-decoration: none;
font-weight: normal; font-weight: normal;
@ -47,7 +47,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<!-- Social Icons found here: https://www.flaticon.com/packs/social-media-color --><td colspan="2" class="social-icons" style="padding-bottom:3px;position:relative;top:-8px;">
<!-- Social Icons found here: https://www.flaticon.com/packs/social-media-color --><td colspan="2" class="social-icons" style="padding-bottom:3px;// padding-top:-75px;position:relative;top:-8px;">
<ul style="list-style: none; <ul style="list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -56,25 +56,26 @@
padding-right: 9px;"> padding-right: 9px;">
<a href="https://github.com/Kevin-Mok" target="_blank" style="text-decoration: none;"> <a href="https://github.com/Kevin-Mok" target="_blank" style="text-decoration: none;">
<!-- <img src="http://test.khkm.tk/github.svg" alt=""/> --> <!-- <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="// width: 25px;
height: 25px;
// height: 1.5em;"></a>
</li> </li>
<li style="display: inline-block; <li style="display: inline-block;
padding-right: 9px;"> padding-right: 9px;">
<a href="https://git.kevin-mok.com/Kevin-Mok" target="_blank" style="text-decoration: none;"> <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="// width:25px;height:2em;// height:1.5em;position:relative;top:3px;"></a>
</li> </li>
<li style="display: inline-block; <li style="display: inline-block;
padding-right: 9px;"> 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>
<a href="https://www.linkedin.com/in/Kev-Mok/" target="_blank" style="text-decoration: none;">
<img id="linkedin-icon" src="https://img.khkm.gq/uploads/big/a07fdee5042df0dd245b7788c5f25f7d.png" alt="linkedin-icon" style="// width:25px;height:25px;// height:1.5em;position:relative;left:-3px;"></a>
</li> </li>
<li style="display: inline-block; <li style="display: inline-block;
padding-right: 9px;"> 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="// width: 25px;
height: 25px;
// height: 1.5em;"></a>
</li> </li>
</ul> </ul>
</td> </td>
@ -82,13 +83,11 @@
</tbody></table> </tbody></table>
</td> </td>
<td class="headshot-cell" style="padding-bottom:3px;position:relative;left:-12px;"> <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;
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;">
<!-- <img src="https://img.khkm.gq/uploads/big/cd4566af5a14ef845a6a9818bf26c73e.png" alt="uoft-logo"/> -->
<img src="https://img.khkm.gq/uploads/big/d5fa1826d232f67869823471a772c14d.png" alt="red-hat-logo" style="vertical-align: middle;
width:120px;
// border-radius: 5px;
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%;// border-radius:5px;margin-right:5px;position:relative;left:-10px;">
</td> </td>
</tr></tbody></table> </tr></tbody></table>

13
style.scss
View File

@ -42,9 +42,14 @@ td.headshot-cell a {
td.headshot-cell img { td.headshot-cell img {
vertical-align: middle; vertical-align: middle;
width:120px; width:120px;
// border-radius: 100%;
border-radius: 100%;
// border-radius: 5px;
margin-right: 5px; margin-right: 5px;
border-radius: 5px;
}
#headshot-img {
position: relative;
left: -10px;
} }
td.description-cell > table { td.description-cell > table {
@ -113,8 +118,8 @@ td.social-icons a {
td.social-icons img { td.social-icons img {
// width: 25px; // width: 25px;
// height: 25px;
height: 1.5em;
height: 25px;
// height: 1.5em;
} }
#gitea-icon { #gitea-icon {

Write Preview
Loading…
Cancel
Save