From 3c7f235fdcd0ae8724810d3fb4e82c21c708fc71 Mon Sep 17 00:00:00 2001
From: mefody <mefody@yandex-team.ru>
Date: Sat, 27 Jan 2024 13:35:44 +0300
Subject: [PATCH] Add Mastodon account

---
 src/data/site.js                  | 4 +++-
 src/images/mastodon-logo.svg      | 1 +
 src/includes/footer.njk           | 3 +++
 src/styles/blocks/footer.css      | 1 +
 src/styles/blocks/social-list.css | 4 ++++
 5 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 src/images/mastodon-logo.svg

diff --git a/src/data/site.js b/src/data/site.js
index 26071f9..9dfd2d4 100644
--- a/src/data/site.js
+++ b/src/data/site.js
@@ -1,8 +1,10 @@
 module.exports = {
     title: 'Dev Tips by Nikita Dubko',
     author: 'Nikita Dubko',
-    description: 'Hello, my name is Nikita and I am a front-end developer. Here are life hacks and tips related to my daily work.',
+    description:
+        'Hello, my name is Nikita and I am a front-end developer. Here are life hacks and tips related to my daily work.',
     twitter: 'dev_tip',
+    mastodon: 'dev_tip',
     paths: {
         domain: 'mefody.dev',
         site: 'https://mefody.dev',
diff --git a/src/images/mastodon-logo.svg b/src/images/mastodon-logo.svg
new file mode 100644
index 0000000..c783d51
--- /dev/null
+++ b/src/images/mastodon-logo.svg
@@ -0,0 +1 @@
+<svg width="75" height="79" viewBox="0 0 75 79" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M73.8 17.5A20.1 20.1 0 0 0 56.5 1c-1.5-.2-7-1-20-1h-.1C23.4 0 20.6.8 19 1A21.5 21.5 0 0 0 1 17C0 21-.1 25.8.1 30c.2 6.2.3 12.3.8 18.5.4 4 1 8.1 2 12 1.8 7.4 9.1 13.6 16.2 16a43.4 43.4 0 0 0 26.3.6c1.9-.6 4.1-1.3 5.8-2.5a.2.2 0 0 0 0-.1v-6a.2.2 0 0 0-.2-.1c-5 1.2-10.2 1.8-15.3 1.8-9 0-11.4-4.3-12-6a18.6 18.6 0 0 1-1-4.9.2.2 0 0 1 .1 0c5 1.2 10 1.8 15.2 1.8h3.6c5.1-.2 10.5-.5 15.6-1.4l.3-.1c8-1.5 15.5-6.3 16.3-18.5l.1-5.5c0-1.6.6-12 0-18.2Z" fill="url(#a)"/><path d="M61.2 27v21.1H53V27.6c0-4.3-1.8-6.5-5.5-6.5-4 0-6 2.6-6 7.8V40h-8.3V28.9c0-5.2-2-7.8-6-7.8-3.6 0-5.5 2.2-5.5 6.5v20.5h-8.3v-21c0-4.4 1-7.8 3.3-10.3 2.3-2.6 5.2-3.9 9-3.9 4.2 0 7.4 1.7 9.6 5l2 3.4 2.2-3.4c2.1-3.3 5.3-5 9.6-5 3.7 0 6.7 1.3 9 3.9 2.2 2.5 3.3 6 3.2 10.2Z" fill="#fff"/><defs><linearGradient id="a" x1="37.1" y1="0" x2="37.1" y2="79" gradientUnits="userSpaceOnUse"><stop stop-color="#6364FF"/><stop offset="1" stop-color="#563ACC"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/src/includes/footer.njk b/src/includes/footer.njk
index 1df3d82..a475ff3 100644
--- a/src/includes/footer.njk
+++ b/src/includes/footer.njk
@@ -7,6 +7,9 @@
             <dd><a href="https://twitter.com/webstandards_ru" rel="noopener">@webstandards_ru</a> and <a href="https://twitter.com/webstandards_en" rel="noopener">@webstandards_en</a> editor</dd>
         </dl>
         <ul class="footer__social-list social-list">
+            <li class="social-list__item">
+                <a href="https://mastodon.social/@{{ site.mastodon }}" rel="noopener me" class="social-list__link social-list__link--mastodon">Mastodon</a>
+            </li>
             <li class="social-list__item">
                 <a href="https://twitter.com/{{ site.twitter }}" rel="noopener me" class="social-list__link social-list__link--twitter">Twitter</a>
             </li>
diff --git a/src/styles/blocks/footer.css b/src/styles/blocks/footer.css
index 6319368..43b97b6 100644
--- a/src/styles/blocks/footer.css
+++ b/src/styles/blocks/footer.css
@@ -25,6 +25,7 @@
 
 .footer__about {
     margin: 0;
+    margin-right: var(--line-space);
     padding: 0;
 }
 
diff --git a/src/styles/blocks/social-list.css b/src/styles/blocks/social-list.css
index 395cf1e..a9dee24 100644
--- a/src/styles/blocks/social-list.css
+++ b/src/styles/blocks/social-list.css
@@ -25,6 +25,10 @@
     --social-icon: url('/images/twitter-logo.svg');
 }
 
+.social-list__link--mastodon::before {
+    --social-icon: url('/images/mastodon-logo.svg');
+}
+
 .social-list__link--github::before {
     --social-icon: url('/images/github-logo.svg');
 }