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 @@
+