Update "Contact me" to address Discord & other accounts

assets/logos/matrix.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" viewBox="0 0 27.9 32" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <title>Matrix (protocol) logo</title>
+ <g transform="translate(-.095 .005)" fill="#FFFFFF">
+  <path d="m27.1 31.2v-30.5h-2.19v-0.732h3.04v32h-3.04v-0.732z"/>
+  <path d="m8.23 10.4v1.54h0.044c0.385-0.564 0.893-1.03 1.49-1.37 0.58-0.323 1.25-0.485 1.99-0.485 0.72 0 1.38 0.14 1.97 0.42 0.595 0.279 1.05 0.771 1.36 1.48 0.338-0.5 0.796-0.941 1.38-1.32 0.58-0.383 1.27-0.574 2.06-0.574 0.602 0 1.16 0.074 1.67 0.22 0.514 0.148 0.954 0.383 1.32 0.707 0.366 0.323 0.653 0.746 0.859 1.27 0.205 0.522 0.308 1.15 0.308 1.89v7.63h-3.13v-6.46c0-0.383-0.015-0.743-0.044-1.08-0.0209-0.307-0.103-0.607-0.242-0.882-0.133-0.251-0.336-0.458-0.584-0.596-0.257-0.146-0.606-0.22-1.05-0.22-0.44 0-0.796 0.085-1.07 0.253-0.272 0.17-0.485 0.39-0.639 0.662-0.159 0.287-0.264 0.602-0.308 0.927-0.052 0.347-0.078 0.697-0.078 1.05v6.35h-3.13v-6.4c0-0.338-7e-3 -0.673-0.021-1-0.0114-0.314-0.0749-0.623-0.188-0.916-0.108-0.277-0.3-0.512-0.55-0.673-0.258-0.168-0.636-0.253-1.14-0.253-0.198 0.0083-0.394 0.042-0.584 0.1-0.258 0.0745-0.498 0.202-0.705 0.374-0.228 0.184-0.422 0.449-0.584 0.794-0.161 0.346-0.242 0.798-0.242 1.36v6.62h-3.13v-11.4z"/>
+  <path d="m0.936 0.732v30.5h2.19v0.732h-3.04v-32h3.03v0.732z"/>
+ </g>
+</svg>

src/Main/Windows/Content/Contact.tsx

@@ -8,23 +8,29 @@ export default function Contact() {
   return (
     <div className="text-left" key="contact">
       <Translatable
-        en={<p>It is my belief that it's actually difficult to communicate with the people you want on the internet, I find emails to be bad for real-time communication, some other platforms enshittify themselves too much, while others do not quite offer the best user experience in my honest opinion.</p>}
+        en={<p>A good while ago, I used to be on Discord, though it's only recently after a long period of inactivity that I've went through the procedure of actually deleting my account there!</p>}
-        fr={<p>Je pense en fait que c'est difficile de communiquer avec les gens qu'on veut sur internet, je trouve que les e-mails ne conviennent pas pour la communication en temps réel, certaines plateformes deviennent horribles, pendant que d'autres n'offrent pas vraiment une bonne expérience.</p>}
+        fr={<p>Il y a pas mal de temps, j'étais sur Discord, mais c'est seulement récemment après une longue période d'inactivité que j'ai fait le nécessaire pour y supprimer mon compte !</p>}
       />
       <br/>
       <Translatable
-        en={<p>And yet, if I want people to easily contact me and make communication with them convenient, then I need to settle on <i>something!</i></p>}
+        en={<p>Whether you're someone I used to know on Discord I didn't keep in touch with or just someone I don't know, you should know that I have an account on <Link link="https://matrix.org/" text="the Matrix protocol"/>, and that <b>I'm on there every day for at least a few hours and that you're more than welcome to contact me!</b></p>}
-        fr={<p>Et pourtant, si je veux que les gens puissent me contacter facilement, et que la communication soit facile, alors je dois bien choisir <i>quelque chose !</i></p>}
+        fr={<p>Que vous voyez quelqu'un que je connaissais sur Discord et avec qui je n'ai pas parlé pendant longtemps ou juste quelqu'un que je ne connais pas, vous devriez savoir que j'ai un compte sur <Link link="https://matrix.org/" text="le protocole Matrix"/>, et que <b>j'y suis chaque jour au moins quelques heures et que je serais ravi que vous me contactiez !</b></p>}
       />
       <br/>
-      <Translatable
-        en={<p className="text-center">So, I've decided to go for <Link link="https://matrix.org/" text="the Matrix protocol!"/> Feel free to get in touch with me on this account:</p>}
-        fr={<p className="text-center">Alors, j'ai opté pour <Link link="https://matrix.org/" text= "le protocole Matrix !"/> N'hésitez pas à entrer en contact avec moi sur ce compte :</p>}
-      />
       <CopyField text="@taevas:matrix.org" imageUrl="assets/logos/matrix.svg"/>
       <Translatable
-        en={<ButtonLink link="https://matrix.to/#/@taevas:matrix.org" text="matrix.to link" />}
+        en={<ButtonLink link="https://matrix.to/#/@taevas:matrix.org" text="matrix.to link"/>}
-        fr={<ButtonLink link="https://matrix.to/#/@taevas:matrix.org" text="lien matrix.to" />}
+        fr={<ButtonLink link="https://matrix.to/#/@taevas:matrix.org" text="lien matrix.to"/>}
+      />
+      <br/>
+      <Translatable
+        en={<p>Technically, <b>you could also contact me through one of my accounts on some of the websites I'm on</b> (such as last.fm or speedrun.com) but I'm pretty sure those send me no notification upon receiving a message, so <b>please don't bother with that!</b></p>}
+        fr={<p>En soit, <b>vous pourriez me contacter à travers l'un de mes comptes sur certains des sites sur lesquels je suis</b> (genre last.fm ou speedrun.com) mais je crois bien que ces sites ne me notifient pas quand je reçois un message, alors <b>s'il vous plaît, ne vous embêtez pas avec ça !</b></p>}
+      />
+      <br/>
+      <Translatable
+        en={<p>If for example you're not on Matrix and don't feel like getting on there and yet still want to contact me, <b>you could send an email to <a href="mailto:me@taevas.xyz">me@taevas.xyz</a></b> as it is setup to redirect any received mail to my actual inbox. Technology is awesome!</p>}
+        fr={<p>Si par exemple vous n'êtes pas sur Matrix et que vous ne vous sentez pas d'y être et voulez toujours me contacter, <b>vous pourriez m'envoyer un email à <a href="mailto:me@taevas.xyz">me@taevas.xyz</a></b> qui redirigera votre email vers ma vraie boîte mail. J'aime la technologie !</p>}
       />
     </div>
   );

src/parts/ButtonLink.tsx

@@ -12,7 +12,7 @@ export default function ButtonLink({
     <Link
       classes="block border-2 border-white bg-blue-950 hover:brightness-125 active:brightness-90
         text-white text-center text-lg font-bold
-        w-40 py-1.5 mx-auto mt-4"
+        size-max p-2 mx-auto mt-4"
       link={link}
       text={text}
     />