M assets/css/style.css → assets/css/style.css

@@ -96,6 +96,12 @@ margin: 0;
   }
 }
 
+.contact {
+  display: flex;
+  flex-direction: column;
+  row-gap: 1rem;
+}
+
 @media only screen and (max-width: 600px) {
   main {
     padding: 0 0.5rem;

M content/_index.md → content/_index.md

@@ -15,4 +15,6 @@ de bâtiments.
 
 {{< links >}}
 
-{{< activity >}}+{{< activity >}}
+
+{{< contact >}}

A layouts/shortcodes/contact.html

@@ -0,0 +1,6 @@ 
+<h3 style="margin-top:2rem">Contact</h3>
+<div class='contact'>
+  <a href="https://tooting.ch/@5ika" target="_blank" rel="me">🐘 Mastodon</a>
+  <a href="https://matrix.to/#/@tizzo:matrix.octr.ee" target="_blank">🔗 Matrix</a>
+  <a href="mailto:tim@5ika.ch" target="_blank">✉️ Email</a>
+</div>

M layouts/shortcodes/links.html → layouts/shortcodes/links.html

@@ -7,6 +7,4 @@ <a href="./ideas">💡 Idées</a>
   <a href="./inspirations">🧠 Inspirations</a>
   <a href="https://bookwyrm.social/user/5ika" target="_blank">📘 Lectures</a>
   <a href="/tim@5ika.ch.pub">🔑 Clé PGP</a>
-  <a href="https://tooting.ch/@5ika" target="_blank" rel="me">🐘 Mastodon</a>
-  <a href="mailto:tim@5ika.ch" target="_blank">✉️ Email</a>
 </nav>