Taevas
b8f8af8782
I struggled to add the `Webrings` button earlier So that warranted a much-needed revisit of the logic
34 lines
1.3 KiB
TypeScript
34 lines
1.3 KiB
TypeScript
import React from "react";
|
|
import Translatable from "#parts/Translatable.tsx";
|
|
import ButtonLink from "#parts/ButtonLink.tsx";
|
|
|
|
export default function Support() {
|
|
return (
|
|
<div className="pb-2" key="support">
|
|
<p>
|
|
<b>
|
|
<Translatable
|
|
en={"Thank you for wanting to support me!"}
|
|
fr={"Déjà, merci de vouloir me soutenir !"}
|
|
/>
|
|
</b>
|
|
</p>
|
|
<br/>
|
|
<Translatable
|
|
en={<p>If you like what I do, donating some money would allow me to do even more without worrying <i>too much</i> about spending money for that purpose.</p>}
|
|
fr={<p>Si vous aimez ce que je fais, me donner un peu d'argent me permettrait de faire encore plus sans <i>trop</i> me soucier de dépenser de l'argent pour ça.</p>}
|
|
/>
|
|
<br/>
|
|
<p>
|
|
<Translatable
|
|
en={"Only if you want and can, you may go on my Ko-fi page to give me some monetary support:"}
|
|
fr={"Seulement si vous le souhaitez et le pouvez, alors vous pouvez aller sur ma page Ko-fi afin de me faire un petit don d'argent :"}
|
|
/>
|
|
</p>
|
|
<Translatable
|
|
en={<ButtonLink link="https://ko-fi.com/taevas" text="Support me on Ko-fi!" />}
|
|
fr={<ButtonLink link="https://ko-fi.com/taevas" text="Soutenez-moi sur Ko-fi !"/>}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|