add webkit compatility for social links

content/_index.md

@@ -27,5 +27,8 @@ liberapay = "https://liberapay.com/June_Cafe/"
 ## Blog
 ### https://june.blog.wehost.lgbt
 
+## Me faire un don en 30 secondes
+### https://don.june.lacoloc.cafe
+
 ## uTip
 ### https://utip.io/junecafe

sass/dracula.scss

@@ -113,7 +113,9 @@ footer a {
     height: 32px;
     width: 32px;
     mask-repeat: no-repeat;
+    -webkit-mask-repeat: no-repeat; //webkit compatibility
     mask-position: center;
+    -webkit-mask-position: center; //webkit compatibility
     display: inline-block;
 }
 .social:hover {
@@ -121,19 +123,25 @@ footer a {
 }
 .social#instagram {
     mask-image: url("/img/social/instagram.svg");
+    -webkit-mask-image: url("/img/social/instagram.png"); //webkit compatibility
 }
 .social#liberapay {
     mask-image: url("/img/social/liberapay.svg");
+    -webkit-mask-image: url("/img/social/liberapay.png"); //webkit compatibility
 }
 .social#linkedin {
     mask-image: url("/img/social/linkedin.svg");
+    -webkit-mask-image: url("/img/social/linkedin.png"); //webkit compatibility
 }
 .social#mastodon {
     mask-image: url("/img/social/mastodon.svg");
+    -webkit-mask-image: url("/img/social/mastodon.png"); //webkit compatibility
 }
 .social#pleroma {
     mask-image: url("/img/social/pleroma.svg");
+    -webkit-mask-image: url("/img/social/pleroma.png"); //webkit compatibility
 }
 .social#twitter {
     mask-image: url("/img/social/twitter.svg");
+    -webkit-mask-image: url("/img/social/twitter.png"); //webkit compatibility
 }