updated english translations

src/en/contact.html

@@ -11,7 +11,7 @@ eleventyNavigation:
 <h1><i class="i-commenting"></i> Contact Information</h1>
 <p>You want to contact me, report a problem, have a question about a service or would like to support me? Please
     send me your message in any of the following ways. I am looking forward to receive your message.</p>
-<div class="row justify-content-center">
+<div class="row justify-content-center contact-links">
     <div class="col-12 col-md-10 col-lg-8">
         <a class="card mb-3 d-flex align-items-center text-decoration-none" href="mailto:mail@sp-codes.de">
             <div class="pr-3"><span class="i-envelope text-foreground i-fw i-4x"></span></div>
@@ -39,3 +39,23 @@ eleventyNavigation:
         </a>
     </div>
 </div>
+
+<p>If I am not available, please contact me in the matrix chat or use the mailing list addresses that are also forwarded
+    to my moderators.</p>
+<div class="row justify-content-center contact-links">
+    <div class="col-12 col-md-10 col-lg-8">
+        <a class="card mb-3 d-flex align-items-center text-decoration-none"
+           href="https://matrix.to/#/#sp-codes:matrix.sp-codes.de?via=matrix.sp-codes.de">
+            <div class="pr-3"><span class="i-matrix i-fw i-4x"></span></div>
+            <div><strong>#sp-codes:matrix.sp-codes.de</strong></div>
+        </a>
+        <a class="card mb-3 d-flex align-items-center text-decoration-none" href="mailto:help@sp-codes.de">
+            <div class="pr-3"><span class="i-envelope i-fw i-4x"></span></div>
+            <div><strong>help@sp-codes.de</strong></div>
+        </a>
+        <a class="card mb-3 d-flex align-items-center text-decoration-none" href="mailto:abuse@sp-codes.de">
+            <div class="pr-3"><span class="i-envelope i-fw i-4x"></span></div>
+            <div><strong>abuse@sp-codes.de</strong></div>
+        </a>
+    </div>
+</div>