From 79bbdf0ee6d9096f930724146986ba7868492ac2 Mon Sep 17 00:00:00 2001 From: Brad Lewis <22850972+BradLewis@users.noreply.github.com> Date: Sun, 30 Jul 2023 09:57:02 -0400 Subject: [PATCH 1/4] add kofi elements to github and website --- .github/FUNDING.yml | 1 + README.md | 1 + ui/src/assets/images/cup-border.webp | Bin 0 -> 6016 bytes ui/src/lib/Footer.svelte | 11 ++++-- ui/src/lib/components/KofiWidget.svelte | 50 ++++++++++++++++++++++++ 5 files changed, 60 insertions(+), 3 deletions(-) create mode 100644 .github/FUNDING.yml create mode 100644 ui/src/assets/images/cup-border.webp create mode 100644 ui/src/lib/components/KofiWidget.svelte diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml new file mode 100644 index 00000000..7c8c2d18 --- /dev/null +++ b/.github/FUNDING.yml @@ -0,0 +1 @@ +ko_fi: songstitch diff --git a/README.md b/README.md index 86b6e2ef..f74b7456 100644 --- a/README.md +++ b/README.md @@ -19,6 +19,7 @@ [![Website Status](https://img.shields.io/website?label=songstitch.art&style=flat-square&url=https%3A%2F%2Fsongstitch.art%2F)](https://songstitch.art/) [![CI status](https://img.shields.io/github/actions/workflow/status/SongStitch/song-stitch/ci-cd.yml?branch=main&style=flat-square&logo=github)](https://github.com/SongStitch/song-stitch/actions?query=branch%3Amain) [![License](https://img.shields.io/github/license/SongStitch/song-stitch?style=flat-square)](/LICENSE) +[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/P5P3NPGIU) diff --git a/ui/src/assets/images/cup-border.webp b/ui/src/assets/images/cup-border.webp new file mode 100644 index 0000000000000000000000000000000000000000..0a128958e0fc5d0b076e46295929938ee5a1badd GIT binary patch literal 6016 zcmV-`7k}tdNk&F^7XScPMM6+kP&iC$7XSb+V8J*LO*o7sDTtig^(o5BKVeQl>H~=A z{{$#MzW~1;K>5df7AFO8kX=MfFxpOd@M~e)5HTZY+*o3CyaRSDJfc=BShxb1x?iAe zAeMfhx#yE$yoWlbGIFIi=uH~BRy4#6(Has@@$1rzBtb@oqQqT56QKUnL;_XLU^jvR zjTJzqgfxfU>2hosHBMo>6JhPp25cj1L*~nCfvw3R3o>&D_DT#nZds3bnEotJ%4^LZ zNV#I$?9P;=W7xw%3&)Xct4e>t$v?thtX~AUor^AACz35I{r2bH7=U#Cfyw(619%L0 z|0e+c!g`4S_SXBkxtgcOduwfIMC;}A_T8G5nWtk$m6=u5*r%#8D;r0wNs(1inVFSU zGv=VEh>D2UFtR(cDk>?eA}S(grtd~UWWB`e5p4f@)i2(TfN?)&RJ=O_`!VB#A;5dJ z065=q83X59Pz;Jev7g@>j@vepBr*T6r_o(Adp;v#0{RP^A3<7l&?F^N&IeknRCI2S zl9nU8I<`H=L~C0LRW7<$ROxDSD6ORjYuxeWjXEv2oJx;&cv~;jqm|tWdy@{{DNFYM zM~>V4YnypmdpNlR=OmXti|CC7D9_H=*hC4V5l=+tH?58bhg9XgzJK9nqFv}IP5nz7#Zl}z-S_L)cUI?}*5XgNcQfU<4d zv*fxN?%h63j6`$(dui}Rqb49p+n5aZg6c`b-UK7WfSVIHR-C%T(u8D0QP}G6=#YiC{ z?TOcZ3gcTbW@u0R1Q4JYJwz-oJ6CcTK}7V#vs2}=#z-P!K6X~s9xNOJx>|Vl5D!SWjWY~3z5p)pIdXmsKP(c%!YhbYz-#yv7<|f) zvH5DV$P@c!&pp0})k6J<4~0(Lpy4 z@d+Hdm6yJHpLyH@#t7w``&ifqcF<~n6BsFU`T#fCwp1kV_#S}K;#oYkt!jzvfbmGz zww`pr`1Lq{#+Bet_iz`MqfjFf!0CP1j`NL5dJkJGW{AtU{5*e-(M#K(VLN_3&#gX0 z9G!u%AmSXqfkaY_%|MLb&&r}lPN&iNu?Qqqj86J4Y^G+7UeXui_cKl76LQBX@xu6| zFCfog9-qjfcfTH?pFCEA^2uWM+iHc?cGX21>7&Fv4o0){JzP6XnbC;z(a_0 z;D|H^aC#T+eMq-)2CtpXixCpE^fUSA7x37je>zE7_QQ|4zZrsmfH%(r=o>_`=`e#j)M3W7QcGBiqU zV*mos{kk*Fx!KmZdzzGI?l!yTXq}?~cvl!{Y}%Y&e%hM4%Iqia*Du}%k5HG!%)fqr zdH8y;VF3_qK`R$S*>2oF|oiE zQ3mL{-QH{e`5aRa3Q$=Et9zs%fScz#$H%0cyZ?6`)KDN4k6~#+kQujp=V&MX<*W34 zI^iXJdt?4)jB)!%QMDEaW0gu-|Hk?D@o{M9=jPWEfF`F1`+#=H|ex1A7W&YP42BLnA1h%ly!<)oa&%4MSTYL9~F(aTBXP;dwKeJ}z&( ziwih9!A4|=oR%p^exiUjhME)#6RnqMq_zu2k2U60)9DwXUXtS?X;C4BFl;K20$rDd zZuWyTlfw-^gK*H0zUG}TL=P4yC7?^KQN0Xl7o;Tk|D9IRmxZ9r5eVbqY!PLe;uDuW zFFR2kJUVaUdk8b4#YnP-_esqtIQhh7h><;j0z|}aWif}wX$nBZgHhubfYRKOtTV)8 z<)#f$3eF=q?gkk#gQ$bW*v6=pd}?i#3x!M`OGXBcD5%;iU2Qf2z%(j`7b1#h9uq(1 zL3{*)Nh(~kDAhxzoueH>$>)+>wYGNvRskToT6nTgcFs;PVTzMoSoM8zfu2R2@1x|I zF&)+DMhnd(1x6Fp%%Yldv;Zg7Q)8I{WC0^8JW+yquGEQu`UIAW2Pg582t7s*;TRDf zW*5X54QE=4TB+$k$p@lhyj=RA* zcNahbj;QCFh;kcJOHx5Fwxn-hzC|g&BQG4Z0MiJ(TZZ#-wa zA(T{6bPNIeNxwcQvszxwL;8IVk<>5P6shWKciz6DN6Nni6sW(e|e-Xrc=csZxe6?r8 zQGqhNSlN<|NCj=FzvsZdaj z*Ss`TA#nz$+2xc{sO)im9pCM(?OpHZ~THa%z<%bG7AdA2#$8xh)SLaJPh5IF;eiI%e3?Iakr zAHeDktKuQmrd)5TqT+Z-NEKhCxtdscn@4a_D!uR-Rd`~D8V;w(8{dIMWqU?=Cepc; zzgu+)dEMsxGHz}R6C~k;;FZ;7Mzd)`mS+?#12wB!h4L|0z$vsa;Y@AGDN*qf!<957 z6$HtiEG_P!e15TwpW9G!utT=!3DJO(f;qWaNzwoYFeUM6YQf{`I>gCWjN=pou z@r?_(#&-z}@mTvgl3Ew=B$`w03_*nDf~5RW%Hm6vjij7UWl3Xp_#u+z=R7ny_}g3{ zDClQm-Jub~sNgp&1m!6+qT#elo*|pUsl-mJdD>`#MR9{(i?v8{Ml19M1QC18QcR72 zl^K98WZI`SXRFv1kFJI;%L*Ki#$c++%e6&u8p57ZbU;MtV+>{xEYOOqIg?2is=FgF z)blriL7GPrC7lbjqPAzo04n?)W@@wL+0s;bs)xhh=5vI!TJ##_+CWX39F>tB zBh8YQ#ne@Ts%Pp7q;+PCkrt!?(gbI;^|&Eo=R2JQg$#15qGjtn+j0I{+tN^>NQfL8 zyog7#;VH8<>Ux?_#7&qI;JC(PNS8{_1SkeEW3ve%31a@dpM`LBu!Z(v&1}JXTrzcq zodKGTTDH#EPaU&`gqI-LV9ktswtbdebFIE*t%m5>kbJFAV9|=ng{d)eG1wF=^to{& znNcrKk}@_th`+9Prd94>y5x&6s03uTPE`th5?NKb^IpoXts-clbyAi)t8=kx2CUP3 zA}XILFA&r{CpL|d5|kp0Rq;~OYhz=?@w%whuVjWu9Kmq%+O8H+IcgJUOTW+Hx(RBj z^G%A#kDRt$qNyctO$BOET43M4NiCs?=3|0UsO)LI=c|lc@VHN;&aojW%Sp_yg)uh@ zYY1Afha{g7^JFrfi_q|#w?%HbSM78^T#AImXW<-SJ||th8FH z#Q?=*e_2(_nrsZgWHP0&q`>>86A_6SUBzJP9-9>qCdKWLS~X@au;_A5m_yqQ9Fa)8 zYrNkegAXzDy3tx*`$}KK*5`&;yT>`F*h>yg78FRFWOzC4puK1>z^c(-=+yQ)UUW9;m z6O5s`2DO&|;C6Ka9lL>(@TN9s%eN{-$E3w5!g>^P!OH(GX?@*xELv4*!rRxL#Vrxs1Ms1r^yT1y8#=!z`#03^1-UZ>Ruar$l8{-F{ zVilrbWXBZ2F9cQ=7n@>sFMJ{YI zkEn^Ji`#yDfKcx&dZo94S_7oV9WFzfBGj{?wGi=mN0uee`beuqWTSaEM1QclD}`tG zB?6*rgA%VD(3GNP`XpShONu!uDB^K{~+qS|ccG*%AL5qCSEhq+h_@wtgYqQ44> zI?K1Jb;j6Mv)J;Jv}B~DIVYdu zE=|XNyquvSMC8OXoaypU!@fnz!d#@pXrBlW<-y9eFK&V?<_~D$KbF1#atFBD-h>a_ zLxAyC^_*#jD`T-&ug#O^t~nH&L;_DQ;E7gV+|TgPjpv@&dmZAk^9Yi17XM{`WM!7NVddrDqzhaP zeIFk2+}oWP?*Kiy%UW&(G-2jTfKqfL#p0tleTnOkZ4qf^z@OmlYR30qHGCMT7eH!- z&Nh4?JdRD-wCjlAKx%!qT#w3d|JGgA(c75?#VL{t)90QiSH=v z3V|afFDksNPLP1Eb^J57&XPaF96spSYVjTtR%-bU{BDKgP2-n6 zKg0#YL~wOU%n!iEZ@Uj zWcYv1OYM6T$EJ)FF4;FQkIs{YMeZ$4e0Oq`$UV4Ogq|YhM{rU$YF80N)VKEiJq7%` z-!K4*tD_QUuS!hd@~QyD7Lli*@vzi^EchoT9y#)TI2eRPjLR|RbK9`!HO4o)h0|+g zVMftQX^S73SiF6~Ic~Dko`3*XIts!Rc^K?q!NW@;^rLg zuW~XGk4S~Kbs9W@m8IQCuk(I^(`Msiz>XOGhQ9Q*uVWjDb*J6DH+`L}6=xOy7Z*5T zlTZF$SO_tr8Fl7Sq%IKshCwfI4}V1Nj^+KL+xpsJ!_vyjvGY}aguXoQWw*XaBB@oA zJONJfAD~lT6lpDb?xaA@)4GYPhs_6IJ*Igy=q1j9PCz7LBEAt(YTGK0?{BuLoAhf$ zmc{}Wjh#87Mf;b;j0jT^BRzZM`Cx?*vFDw71u4Y-3ZfJ@y^Q*^ozAn_xnCBX8(=qW5ihimc0jrzD*^cfBp z%<8@`*bDd^L+TPsPv1swH*ju`R&aJvfnQxkq0Cp#F zKgdUMy*bAa`0UQk-h923*V7-dJ8fg1A}&ms2#<<9-^bV-ibDbi#g!0+pE7kvYq*ror)DAv&}t#%Wl5@p?zjVZi?73Gt%( ujOd6E{TkK$FSd$Wz*RX!TO+Ms5=$)gYk5|PtQ;cPAe?x9h%+KaE&u?Jo@m_w literal 0 HcmV?d00001 diff --git a/ui/src/lib/Footer.svelte b/ui/src/lib/Footer.svelte index cbc9c269..1873748e 100644 --- a/ui/src/lib/Footer.svelte +++ b/ui/src/lib/Footer.svelte @@ -1,5 +1,7 @@
+
+ +

+ import logo from '../../assets/images/cup-border.webp'; + + + +

+ + + Ko-fi donations + Support Us on Ko-fi + + +
+ + From 5fd020549c4bd216b5aa1e1190569b7cdae18722 Mon Sep 17 00:00:00 2001 From: Brad Lewis <22850972+BradLewis@users.noreply.github.com> Date: Sun, 30 Jul 2023 10:42:45 -0400 Subject: [PATCH 2/4] update kofi button colour and readme badge --- README.md | 2 +- ui/src/lib/components/KofiWidget.svelte | 3 +-- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index f74b7456..c36cc1fe 100644 --- a/README.md +++ b/README.md @@ -19,7 +19,7 @@ [![Website Status](https://img.shields.io/website?label=songstitch.art&style=flat-square&url=https%3A%2F%2Fsongstitch.art%2F)](https://songstitch.art/) [![CI status](https://img.shields.io/github/actions/workflow/status/SongStitch/song-stitch/ci-cd.yml?branch=main&style=flat-square&logo=github)](https://github.com/SongStitch/song-stitch/actions?query=branch%3Amain) [![License](https://img.shields.io/github/license/SongStitch/song-stitch?style=flat-square)](/LICENSE) -[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/P5P3NPGIU) +[![Ko-Fi](https://img.shields.io/badge/kofi-%23FF5E5B.svg?style=flat-square&logo=kofi&logoColor=black)](<[https://github.com/prettier/prettier](https://ko-fi.com/songstitch)>)
diff --git a/ui/src/lib/components/KofiWidget.svelte b/ui/src/lib/components/KofiWidget.svelte index 5379467a..7f4802ca 100644 --- a/ui/src/lib/components/KofiWidget.svelte +++ b/ui/src/lib/components/KofiWidget.svelte @@ -14,7 +14,6 @@ img.kofiimg{display: initial!important;vertical-align:middle;height:13px!importa @@ -32,7 +31,7 @@ img.kofiimg{display: initial!important;vertical-align:middle;height:13px!importa line-height: 36px !important; min-width: 150px; display: inline-block !important; - background-color: #29abe0; + background-color: #275efe; padding: 2px 12px !important; text-align: center !important; border-radius: 12px; From cd0e776a506f5bc90bf63bc37bf2ba385aaef612 Mon Sep 17 00:00:00 2001 From: Brad Lewis <22850972+BradLewis@users.noreply.github.com> Date: Sun, 30 Jul 2023 11:00:17 -0400 Subject: [PATCH 3/4] set kofi border radius to 10px --- ui/src/lib/components/KofiWidget.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ui/src/lib/components/KofiWidget.svelte b/ui/src/lib/components/KofiWidget.svelte index 7f4802ca..16ae0c7a 100644 --- a/ui/src/lib/components/KofiWidget.svelte +++ b/ui/src/lib/components/KofiWidget.svelte @@ -34,7 +34,7 @@ img.kofiimg{display: initial!important;vertical-align:middle;height:13px!importa background-color: #275efe; padding: 2px 12px !important; text-align: center !important; - border-radius: 12px; + border-radius: 10px; color: #fff; cursor: pointer; overflow-wrap: break-word; From 98930807426120dc6bff53484c25329c2531c922 Mon Sep 17 00:00:00 2001 From: Brad Lewis <22850972+BradLewis@users.noreply.github.com> Date: Sun, 30 Jul 2023 11:24:02 -0400 Subject: [PATCH 4/4] update padding and border radius --- ui/src/lib/Footer.svelte | 2 +- ui/src/lib/components/KofiWidget.svelte | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/ui/src/lib/Footer.svelte b/ui/src/lib/Footer.svelte index 1873748e..62e7ec3c 100644 --- a/ui/src/lib/Footer.svelte +++ b/ui/src/lib/Footer.svelte @@ -95,7 +95,7 @@ text-align: -webkit-center; } .kofi-container { - padding-top: 1em; + padding-top: 2em; } .appstore-icon { height: 50px; diff --git a/ui/src/lib/components/KofiWidget.svelte b/ui/src/lib/components/KofiWidget.svelte index 16ae0c7a..4d26fee9 100644 --- a/ui/src/lib/components/KofiWidget.svelte +++ b/ui/src/lib/components/KofiWidget.svelte @@ -34,7 +34,7 @@ img.kofiimg{display: initial!important;vertical-align:middle;height:13px!importa background-color: #275efe; padding: 2px 12px !important; text-align: center !important; - border-radius: 10px; + border-radius: 4px; color: #fff; cursor: pointer; overflow-wrap: break-word;