From af704ebc5ff3d8d6d27a471c9ed33de8ca1b392d Mon Sep 17 00:00:00 2001
From: Kristofers Solo <kristians.cagulis@proton.me>
Date: Mon, 30 Jan 2023 13:25:58 +0200
Subject: [PATCH] Added Mastodon

---
 static/main/css/index.css | 9 ++++++++-
 templates/main/index.html | 7 +++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/static/main/css/index.css b/static/main/css/index.css
index c8d66f0..9adc419 100644
--- a/static/main/css/index.css
+++ b/static/main/css/index.css
@@ -1,6 +1,7 @@
 :root {
-    --color-mail: #7e63f8;
+    --color-mail: #6d4aff;
     --color-telegram: #2baaee;
+    --color-mastodon: #595aff;
     --color-linkedin: #0074b3;
     --color-github: #0d1117;
 }
@@ -82,6 +83,12 @@ video {
     background-image: none;
 }
 
+.mastodon:hover > i {
+    color: var(--color-mastodon);
+    border: 2px solid var(--color-mastodon);
+    background-image: none;
+}
+
 .social-link .label {
     display: none;
     color: var(--color-fg-default);
diff --git a/templates/main/index.html b/templates/main/index.html
index 9ca3ce0..9e935c6 100644
--- a/templates/main/index.html
+++ b/templates/main/index.html
@@ -38,6 +38,13 @@
                     <i class="fa-sharp fa-solid fa-paper-plane"></i>
                     <span class="label">Telegram</span>
                 </a>
+                <a class="social-link mastodon"
+                   target="_blank"
+                   rel="me"
+                   href="https://fosstodon.org/@kristofers_solo">
+                    <i class="fa-brands fa-mastodon"></i>
+                    <span class="label">Mastodon</span>
+                </a>
                 <a class="social-link linkedin"
                    target="_blank"
                    href="https://www.linkedin.com/in/kristians-francis-cagulis">