Email signature and logos

email-signature.html

@@ -8,13 +8,14 @@
       <tr>
         <td
           rowspan="3"
-          style="vertical-align: top; border-right: 2px solid #212138; width: 48px"
+          style="vertical-align: center; border-right: 2px solid #212138; width: 48px"
         >
-          <span
+          <img
-            style="font-size: 46px; font-weight: 300; color: #212138; line-height: 1em;"
+            src="https://michalvankodev/images/m-logo.png"
-          >
+            alt="m-logo"
-            m
+            title="Logo"
-          </span>
+            style="height: 60px;"
+          />
         </td>
 
         <td

prettier.config.js

@@ -0,0 +1,7 @@
+// prettier.config.js or .prettierrc.js
+module.exports = {
+  trailingComma: 'es5',
+  tabWidth: 2,
+  semi: false,
+  singleQuote: true,
+}

static/global.css

@@ -4,13 +4,19 @@ html {
 
 body {
   margin: 0;
-	font-family: Cantarell, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  font-family: Cantarell, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI,
+    Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   font-size: 16px;
   line-height: 1.5;
   color: #42436a;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   margin: 0 0 0.5em 0;
   font-weight: 200;
   line-height: 1.2;
@@ -50,7 +56,6 @@ a:hover {
   text-decoration: underline;
 }
 
-
 code {
   font-family: menlo, inconsolata, monospace;
   font-size: calc(1em - 2px);
@@ -64,9 +69,12 @@ p {
   margin: 0;
 }
 
+.tearkiss {
+  color: #25b5c5;
+}
 
 ::selection {
-	background: #0dd0d0;
+  background: #25b5c5;
 }
 
 @media only screen and (min-width: 400px) {