diff --git a/content/integrations/liberapay.md b/content/integrations/liberapay.md index 7457e6e..6783253 100644 --- a/content/integrations/liberapay.md +++ b/content/integrations/liberapay.md @@ -10,11 +10,12 @@ This article will guide you through integrating your Codeberg's projects with [L After [signing up for an account](https://liberapay.com/sign-up) and setting up all the necessary financial information, you will be able to use **widgets**. Widgets are small icons that can be used in places like Markdown documents. In the context of Liberapay, you can use widgets to: + - draw attention to the fact that you accept donations over Liberapay and that users can contribute to your project financially - show how many people contribute to your project - how much money in donations you receive from users on a weekly basis -# Obtaining a LiberaPay widgets +## Obtaining a LiberaPay widgets 1. Login to [Liberapay](https://liberapay.com) 2. Click on your profile picture on the top right of the page @@ -34,7 +35,7 @@ After clicking on the **Widgets** button, you should be able to see a page full In order to embed a widget in a **Markdown document** using Markdown itself, we will take a few extra steps in the following section. -# Modifying Liberapay widget for Markdown +## Modifying Liberapay widget for Markdown {% admonition "Info" "Liberapay HTML code" %} @@ -48,10 +49,14 @@ The HTML code for the widget should look like this: ```html - + ``` There are two URLs that we can extract from that code: + - The URL pointing to your Liberapay profile: `https://liberapay.com/Codeberg/donate` - The URL of the widget's SVG file: `https://liberapay.com/assets/widgets/donate.svg` @@ -85,14 +90,16 @@ Liberapay also offers shields.io widgets, which are more dynamic than the simple {% admonition "Info" "shields.io Documentation" %} [**shields.io**](https://shields.io) also provides its own documentation for Liberapay icons: + - ["Giving" widget](https://shields.io/badges/liberapay-giving) -- ["Goal progress" widget](https://shields.io/badges/liberapay-goal-project) +- ["Goal progress" widget](https://shields.io/badges/liberapay-goal-progress) - ["Patrons" widget](https://shields.io/badges/liberapay-patrons) - ["Receiving" widget](https://shields.io/badges/liberapay-receiving) {% endadmonition %} An example on including these badges in Markdown will follow. To use them, you will need to replace `{desired badge}` with one of the four options: + - `gives` - `goal` - `patrons`