From c42fca09232001504c8114400a9e7e108da9fb81 Mon Sep 17 00:00:00 2001
From: Joris
Date: Sun, 4 Sep 2022 17:36:13 +0200
Subject: Use image for contact email

This may help prevent getting SPAMs.
---
 public/contact.png | Bin 0 -> 2989 bytes
 public/index.html  |   4 +---
 public/main.css    |   2 +-
 3 files changed, 2 insertions(+), 4 deletions(-)
 create mode 100644 public/contact.png

diff --git a/public/contact.png b/public/contact.png
new file mode 100644
index 0000000..42b66dc
Binary files /dev/null and b/public/contact.png differ
diff --git a/public/index.html b/public/index.html
index ad13e5c..a616a65 100644
--- a/public/index.html
+++ b/public/index.html
@@ -356,8 +356,6 @@
   <h1>Contact</h1>
 
   <section class="contact">
-    <a href="mailto:contact@guyonvarch.me">
-      contact@guyonvarch.me
-    </a>
+    <img class="contact" src="contact.png" alt="Contact email address">
   </section>
 </main>
diff --git a/public/main.css b/public/main.css
index d1e99a5..95556a5 100644
--- a/public/main.css
+++ b/public/main.css
@@ -110,7 +110,7 @@ section {
 
 /* Images */
 
-img {
+img:not(.contact) {
   border: solid 1px var(--color-border);
   border-radius: var(--border-radius-mouse);
   margin-bottom: var(--spacing-dog);
-- 
cgit v1.2.3