diff --git a/assets/style.css b/assets/style.css index 9bc420a..8ab8246 100644 --- a/assets/style.css +++ b/assets/style.css @@ -147,6 +147,14 @@ h6 { h2 { margin-top: 2em; + display: flex; + align-items: center; + + svg { + height: 1em; + fill: var(--fg-color); + margin-right: 0.5em; + } } h3 { diff --git a/content/contact.md b/content/contact.md index 87405c4..5d593ee 100644 --- a/content/contact.md +++ b/content/contact.md @@ -3,20 +3,20 @@ title: Contact me noindex: true --- -Here are some link via which you can contact me. Do reach out to me for -whatever! +Here are some ways to contact me. Don't hesitate to reach out to me for +whatever! Happy to answer :) -## Mail -[hi@yochem.nl](mailto:hi@yochem.nl?subject=Hoi!) +## {{< icon-email >}} Mail +[hey@yochem.nl](mailto:hey@yochem.nl?subject=Hey!) -## Signal +## {{< logo-signal >}} Signal [yochem.40](https://signal.me/#eu/hoWuQizIlEpVNQ_HBpTu4a6eJF2O1E1aiz6uvBIoJPV53JCKdDlOwJ3nGN3QLGuM) -## WhatsApp -https://wa.me/message/M5VDXBX25TOJN1 - -## Twitter / x.com +## {{< logo-twitter >}} Twitter / x.com [@yoch3m](https://x.com/yoch3m) -## LinkedIn -https://linkedin.com/in/yochem +## {{< logo-whatsapp >}} WhatsApp +https://wa.me/message/M5VDXBX25TOJN1 + +## {{< logo-linkedin >}} LinkedIn +[Yochem van Rosmalen](https://linkedin.com/in/yochem) diff --git a/layouts/shortcodes/icon-email.html b/layouts/shortcodes/icon-email.html new file mode 100644 index 0000000..6caceae --- /dev/null +++ b/layouts/shortcodes/icon-email.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/layouts/shortcodes/logo-linkedin.html b/layouts/shortcodes/logo-linkedin.html new file mode 100644 index 0000000..d38a080 --- /dev/null +++ b/layouts/shortcodes/logo-linkedin.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/layouts/shortcodes/logo-signal.html b/layouts/shortcodes/logo-signal.html new file mode 100644 index 0000000..0d31171 --- /dev/null +++ b/layouts/shortcodes/logo-signal.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/layouts/shortcodes/logo-twitter.html b/layouts/shortcodes/logo-twitter.html new file mode 100644 index 0000000..0bd9e7f --- /dev/null +++ b/layouts/shortcodes/logo-twitter.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/layouts/shortcodes/logo-whatsapp.html b/layouts/shortcodes/logo-whatsapp.html new file mode 100644 index 0000000..b2f0859 --- /dev/null +++ b/layouts/shortcodes/logo-whatsapp.html @@ -0,0 +1 @@ +