From 908b7cadd5225280e8053a34dfd5fb8b012a4837 Mon Sep 17 00:00:00 2001
From: June Hardy <june@lacoloc.cafe>
Date: Thu, 3 Jun 2021 21:23:02 +0200
Subject: [PATCH] add webkit compatility for social links

---
 content/_index.md               |   3 +++
 sass/dracula.scss               |   8 ++++++++
 static/img/social/instagram.png | Bin 0 -> 653 bytes
 static/img/social/liberapay.png | Bin 0 -> 603 bytes
 static/img/social/linkedin.png  | Bin 0 -> 481 bytes
 static/img/social/mastodon.png  | Bin 0 -> 741 bytes
 static/img/social/pleroma.png   | Bin 0 -> 281 bytes
 static/img/social/twitter.png   | Bin 0 -> 584 bytes
 8 files changed, 11 insertions(+)
 create mode 100644 static/img/social/instagram.png
 create mode 100644 static/img/social/liberapay.png
 create mode 100644 static/img/social/linkedin.png
 create mode 100644 static/img/social/mastodon.png
 create mode 100644 static/img/social/pleroma.png
 create mode 100644 static/img/social/twitter.png

diff --git a/content/_index.md b/content/_index.md
index ab85219..1437a20 100644
--- a/content/_index.md
+++ b/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
diff --git a/sass/dracula.scss b/sass/dracula.scss
index 9c30c98..4319a4d 100644
--- a/sass/dracula.scss
+++ b/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
 }
diff --git a/static/img/social/instagram.png b/static/img/social/instagram.png
new file mode 100644
index 0000000000000000000000000000000000000000..fad4c04de9a63aceff70a0dcf99defed9748dd73
GIT binary patch
literal 653
zcmV;80&@L{P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm0004#
z0004#0gO({6951J8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10vbs~
zK~z|U-PgZs6hRaR@XvV?qo`<Mq3DSL(G=Pk1?>zrDeSfKf3O$CP7p;9yEHL&7REve
z=(Q145E2Cw8%1*><OH$uN6upR$lS8K?q1vz{KCMSnK$qIotZZ~vqadByZC}m#ifmD
zGz8?I20)xFEi~%5jgtnCt=Lr)Ey>Ob2o^AlpF!I(oC)e}s#)G|*q$M5F7(~7t~qAo
zGrnf@Eryk<1Qf=9D_}UMZ*y4LxDJwKycH$W2=)biyKxaSaeo)1m`DaHo8eDz3bjO>
zF+A!cUMc5m^0%#q%T)=ONttyPri;d{bydW8hGuM!<9KX$a0p8U1?<5)YdJQLhp|0@
zqoH%C=z7pT8?-+!NF1UWjDH%mPllX%`#BQWi<w^8c#{#U2YCX*vs~{(KsaVoKLT2T
zeWVWo;Xb#robm*`3hYs930VY(aU!TM^dsPYqJ9%Y1<32TrT54tWAz~G6by-yFYLdE
zEjh7<F_jqeJ~3u8(Vr;*&SEv;vxE!S5%_JxdAv^ec5p5cvy=e1k`lCoANYt5_@3c&
zBPCvG0X1C0uMCp3vWlzHk8f!KU5w*J0rGh%S8kSoGVg(==*m4U%8fD6y<Zn?#Y;TE
zW6=r}LfHpNCl=EDlVedNzXJ#VR^S};aHRd1%!x9)3LFq^T^DUiJRT}2Q$&BMt$#qi
nEO^K^a0e>`AYO@Qz88K27QBh6a<2*&00000NkvXXu0mjf90?Na

literal 0
HcmV?d00001

diff --git a/static/img/social/liberapay.png b/static/img/social/liberapay.png
new file mode 100644
index 0000000000000000000000000000000000000000..2beec00d628c59a75d3d8a088b03c87ac586544a
GIT binary patch
literal 603
zcmV-h0;K(kP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000xO
z000xO0b}Nl!vFvP8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10q99Y
zK~z|U?bkbN6j2lh@ZV-riApNhLWzn*Ed(W<_&`5~x}}Pst(7s@*$8$PmVO7tGCqQZ
zXyF4RN_I_UKqQ@lCKh)V?@V?xcQRqO@xWp4oSpMO|CxIpcVHZ|=wfY1+QqFbw%H*D
zF6vAJU$NI{q}#}tj7-Kx8JsK$D##k<uz*i!<5*o1Rg&g?<k!HrivH`g>J~hU)`zjH
zqW?OnL*R7X;B^U{+6n?ylCUfEjD7?b@K(r)6>P^@98CdEO_+y~&%VsIiv1g4U%<~2
z+++fmBj9#sdzbKlH@1qvkqGobX1gERrtla~a5A#*z@NGVmW8_S$;ZroKC)ep?*CAD
z3yXuWQ>);4k1bl+(=xa!4ix;q4+2glPz=;S2TKD8EEfD*bqTzT*1ZPwG_p-$cXT}$
zttYXkE`cx6`e61u==Cq*c68k?120R!RWzgf&tV>iBHJ|~`|rrlhe`Y>!B47!=>q91
z@>S7KT6mp+okZZ3{61dYAn-UY3R_W%ojMDq@fk0Kc`zUScLta6OGv~Mm`KDWg=HT-
z9{JzfBu3>{+|w2Lq<k}M0*|8L6Zl<+z-Er+%l>u1ZSq5^vi$!p7?VF{4O==*>=e##
pqma9V&NU;9*E;1?MLW2O=3fJ?g%&P0`*;8V002ovPDHLkV1gW14+;PP

literal 0
HcmV?d00001

diff --git a/static/img/social/linkedin.png b/static/img/social/linkedin.png
new file mode 100644
index 0000000000000000000000000000000000000000..cfda0f036199f224205d0fe0832c9006047c467c
GIT binary patch
literal 481
zcmV<70UrK|P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm0004r
z0004r0iG@qH2?qr8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10d7e|
zK~z|U?bg9d6;Tw&@sFky2`VP(A`n-tTI<G*AVs?tt;|KZX&<=ke~1<?`UAxN1Q+6>
zRfr))P_!v44TXxp;u(&MnFqsT?tKY&o}2l>fy<q9&hN|IIWt49Yj}!JIKme0=#j?p
z0a-_!;!!UERx8Zgag52j0S+Pn86MVY-j9(kIiqz0yzP?nrcMC3FMRu7$sudk3R)fJ
z+qhA;abIaYg}WHWE;i(&*fW6Cnkb@$ulOATSdbq<l|Ey+SodQMV-<PFcu@3vj3rE0
z^jgO=?3FJ(5q}Z2bv2TgVG-ZD<Yf4PdvyT(`w#PW{KX7uN9@u$axddK`g$_s0o}sf
zMFPO>fy514c!78F5nPmi?n9a--9vba`3{4d@&_(d^D*TSY!*@0d%TR)Tu%w`I<UVJ
zskxF8;4rZND^fF<5+G#sCsuUPW7q&R01ZF`U;z8_|FkOYm)0lvf}ud}_rU%^r2o$|
XP|KFJfRg)700000NkvXXu0mjf!UWME

literal 0
HcmV?d00001

diff --git a/static/img/social/mastodon.png b/static/img/social/mastodon.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd7f4c7a276f3e28232345a9d25c32f9ce4cada4
GIT binary patch
literal 741
zcmV<B0vi2^P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000xO
z000xO0b}Nl!vFvP8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10&+=2
zK~z|U#n;P=j$s%E@E;ACjV#DvgozPCGD&QNrLo{2a9sEg)MRg=uu`bWRzf)>iz(;A
zf|Qg~j)REF<TQ-2c;3(ZeB*h)8Sgj4RZl(NcVF*y-_QBJN2!fzSdJx_izZCQB#gp@
zjMt5Ryu};5#C_bxb#x8lrwXI73765A3D?v5GOf*-c1<+m^e{LrYNs+Eg*ZNf&MWPN
zuzY`D>pyT_Y1=AJE0K)B1I#R#nXBkT4`yHkrVrq}z)3vAc&x?B0==hb!S~7^>k1<M
zgpCP-MjVNF9T=D3ZOk-M+HEm$Ujb=L!3dxMSF+YngSVwXdw)#2kRUu#eQX-A0<H3;
zTbwl+w>9I$0gcAvg#N`ifV&C8!2u&V8`+K~MtUr=pBZ2~l+eEy6S@+F_Q>9xurG-0
z3lsL{$lji?zagLE)D86|>Q7GCTcZB#gndeZRs}zc9H)@tH5T-1eG{WMCjA^@Aj65O
z0R9KM;{f{qLjdo|&uec9fp+<wp4y~?;awcS=Mn;ovQ`$4$(Nv~4xzdNsLa6Y1ffkn
zwM``)?7;f0zbs+D5&t;g-{k`R!nKWj2_BXhVOd;~cxBfb`B8tvZXx;k0~3Vor0C<`
zIvl^mUe%A&Z^X%AC)T7$LiV#$s1I6%$7d2Is($-FW)5EoY1bY3Q$Hwn)ELFhp$OEA
zaYFQ|0Q%&a&xoQZf9n@Yt$D-kFjXKN#`XgKcbpeWt>^fF9~dj_i8)w`Ti8`Ls4>_h
z<OpSVen(m7F;)w;+>gI>-Y1;*At70#4Zu{a63X=Xm?hjBV>A0#;mAG2HJrnfp$6~^
XS7~mINOoIB00000NkvXXu0mjfwdh#z

literal 0
HcmV?d00001

diff --git a/static/img/social/pleroma.png b/static/img/social/pleroma.png
new file mode 100644
index 0000000000000000000000000000000000000000..b05e60f854e014a7f0cb8e8e3133b762464af667
GIT binary patch
literal 281
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdz&H|6fVg?4`^&rfc{H*UVP*AeO
zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprU1-E{-7)t#7aG<!Uw%X?u7*
z;$WYw)%1J+RXLO@^w-I9Py5G{r>HJ<vj4(o$8D3J2s-;YoRfXgDETAmapKi^vZmiw
z*j8H_SBQD@8SL0^V|9R|fh)u5NVPKKCRawTfCi=_#yFkpg@y+>YMj)r{E$9<EzN{k
zwqUZERqG0y%1tI49{f407}CJh$K6rNzvaM|pkmg0D;Y!!ZW?d=p&!t&k9|o>HUA$5
YMfb4fE_=4e16|DE>FVdQ&MBb@03eQLW&i*H

literal 0
HcmV?d00001

diff --git a/static/img/social/twitter.png b/static/img/social/twitter.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ec100347988e81c315acdfe10741b964e031ae5
GIT binary patch
literal 584
zcmV-O0=NB%P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm0004r
z0004r0iG@qH2?qr8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10o6%F
zK~z|U?bgqWO<^3z@z+d)X<Qpgqm)>f`3J~SVPj+=D+?hji7YIYok)>TQe$By3k#Ik
z2^+skQPLzK&7>s8E!-K4=Uz_7x%Zs&%sqF*r@o!eInR0CpYwgb=lLG~s~Rmrt=G^|
zT*61pHsb@%VMS`}2u@&O>p~yyU~43NKYk>@>6peI?8G%R@DB4@6Kre_{D$=<;d?uP
zJH<YU3>;6~sAGFU_%eKrfKTHg-nJ&Xk{U3BQy9!Ka5VDmXYmu8S`%GvGiU<agc`}x
z{YdzXumrz#IOl=qLZK~98F&)`|BfB$H(8}~6(`g76z6deQxOJUWTkRB#v{{NHXdae
zxG7X-FAUsDg8Q4t_ZZ4@R)Jn+8MxOYI6Tg}IEYETS%Q`AoNX5N=qlk)^3t<Q*ovz%
za3BrrPo00k=RB8@n#9FC0~7w<?YgCtLUwa?Rrgc>TB7ylsV00X-GVo;p(wniA)HmL
zKjg)cvhbuvh4jV3&uHJu+iC!7aT=fI06$g))`#o<{P`@wYIExgbsWNlq7RG-J-QnO
zcUxGt(i*^SJcxica6?3;lU*Pq*n)LfgJCR4+^^#$p5d;rgi|r_GOA%Q=2s2+_w)<6
WOQIO8pNo9}0000<MNUMnLSTY61q1y6

literal 0
HcmV?d00001