From 08fcc19e53b35a6fe1db5ac5cf4a05c2d7dda109 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Dufraisse?=
 <jeremy.dufraisse-info@orange.fr>
Date: Mon, 18 Mar 2024 15:13:45 +0100
Subject: [PATCH] feat(members): create link to email form

---
 src/_includes/layouts/member.njk | 1 +
 src/scss/components/_member.scss | 9 +++++++++
 2 files changed, 10 insertions(+)

diff --git a/src/_includes/layouts/member.njk b/src/_includes/layouts/member.njk
index 2f19950..745d183 100644
--- a/src/_includes/layouts/member.njk
+++ b/src/_includes/layouts/member.njk
@@ -21,6 +21,7 @@
               </p>
             {% endif %}
             <ul class="social-links">
+              <li><a href="{{ [url , "/contact/"] | join | url }}" title="Écrire à {{ name }}" class="member-contact-at"><span>@</span></a></li>
               {% if socialMastodon %}
                 <li><a href="{{ socialMastodon }}" title="mastodon"><svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.956 18.293c3.007-.36 5.625-2.212 5.954-3.905.519-2.667.476-6.508.476-6.508 0-5.207-3.411-6.733-3.411-6.733C18.255.357 15.302.025 12.233 0h-.075c-3.068.025-6.02.357-7.74 1.147 0 0-3.41 1.526-3.41 6.733 0 .315-.003.647-.004.993-.005.96-.01 2.024.018 3.136.123 5.091.933 10.11 5.64 11.355 2.171.575 4.035.695 5.535.613 2.722-.151 4.25-.972 4.25-.972l-.09-1.974s-1.945.613-4.13.538c-2.163-.074-4.448-.233-4.798-2.89a5.448 5.448 0 01-.048-.745s2.124.519 4.816.642c1.647.076 3.19-.096 4.759-.283zm2.406-3.705V8.283c0-1.288-.328-2.312-.987-3.07-.68-.757-1.57-1.145-2.674-1.145-1.278 0-2.246.491-2.885 1.474l-.623 1.043-.622-1.043c-.64-.983-1.608-1.474-2.886-1.474-1.104 0-1.994.388-2.674 1.146-.659.757-.987 1.781-.987 3.07v6.303h2.498V8.47c0-1.29.543-1.945 1.628-1.945 1.2 0 1.802.777 1.802 2.312v3.35h2.483v-3.35c0-1.535.601-2.312 1.801-2.312 1.086 0 1.629.655 1.629 1.945v6.119h2.497z"/></svg></a></li>
               {% endif %}
diff --git a/src/scss/components/_member.scss b/src/scss/components/_member.scss
index 22e1ea8..6d5c91a 100644
--- a/src/scss/components/_member.scss
+++ b/src/scss/components/_member.scss
@@ -45,6 +45,15 @@
       svg > path {
         fill: var(--color-secondary);
       }
+
+      .member-contact-at {
+        text-decoration: none;
+        font-size: 1.7rem;
+        font-weight: 800;
+        &, &:visited, &:focus {
+          color: var(--color-secondary);
+        }
+      }
     }
   }