From 40a5c451af27a893f491af81942c9a40ab6a622c Mon Sep 17 00:00:00 2001
From: "Marcos F. Lobo" <5293167+marcosflobo@users.noreply.github.com>
Date: Sat, 28 Jan 2023 20:56:32 +0100
Subject: [PATCH] Update social links to support Mastodon

Add styles to support the official mastodon.social and hachyderm.io (very important Mastodon server) for the links appearing on the Social Links in the main page of the theme.

Solving the issue opened at https://github.com/Invulu/profile-lite/issues/1
---
 style.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/style.css b/style.css
index ed0a82b..0247d36 100644
--- a/style.css
+++ b/style.css
@@ -996,6 +996,8 @@ ul.menu li li li[aria-expanded="true"] ul {
 .social-icons li a[href*="etsy.com"]::before          { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f2d7'; }
 .social-icons li a[href*="facebook.com"]::before      { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f09a'; }
 .social-icons li a[href*="twitter.com"]::before       { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f099'; }
+.social-icons li a[href*="mastodon.social"]::before   { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f4f6'; }
+.social-icons li a[href*="hachyderm.io"]::before      { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f4f6'; }
 .social-icons li a[href*="google.com"]::before        { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f1a0'; }
 .social-icons li a[href*="linkedin.com"]::before      { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f0e1'; }
 .social-icons li a[href*="github.com"]::before        { font-family: 'Font Awesome 5 Brands'; font-weight: 400; content: '\f113'; }
@@ -1033,6 +1035,8 @@ ul.menu li li li[aria-expanded="true"] ul {
 .menu li a[href*="etsy.com"]::before          { font-family: 'Font Awesome 5 Brands'; content: '\f2d7'; }
 .menu li a[href*="facebook.com"]::before      { font-family: 'Font Awesome 5 Brands'; content: '\f09a'; }
 .menu li a[href*="twitter.com"]::before       { font-family: 'Font Awesome 5 Brands'; content: '\f099'; }
+.menu li a[href*="mastodon.social"]::before   { font-family: 'Font Awesome 5 Brands'; content: '\f4f6'; }
+.menu li a[href*="hachyderm.io"]::before      { font-family: 'Font Awesome 5 Brands'; content: '\f4f6'; }
 .menu li a[href*="google.com"]::before        { font-family: 'Font Awesome 5 Brands'; content: '\f1a0'; }
 .menu li a[href*="linkedin.com"]::before      { font-family: 'Font Awesome 5 Brands'; content: '\f0e1'; }
 .menu li a[href*="github.com"]::before        { font-family: 'Font Awesome 5 Brands'; content: '\f113'; }