h759bkyo4/Documentation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix liberapay lint issues and broken link

Browse source
This commit is contained in:
pat-s 2024-06-12 10:25:04 +02:00
parent c6c7b418e7
commit 3cab99a27f
No known key found for this signature in database
GPG key ID: 3C6318841EF78925
1 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
content/integrations/liberapay.md
View file

@ -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
<script src="https://liberapay.com/Codeberg/widgets/button.js"></script>
<noscript><a href="https://liberapay.com/Codeberg/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a></noscript>
<noscript
><a href="https://liberapay.com/Codeberg/donate"
><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg" /></a
></noscript>
```
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`