Distribution platforms page complete! Now using longer text for buttons since they wrap.

This commit is contained in:
Adsooi 2021-08-03 16:59:21 +02:00
parent ba338bc9df
commit 920dabea63
No known key found for this signature in database
GPG key ID: 9C87C7D3A69E6BBE
4 changed files with 213 additions and 10 deletions

View file

@ -26,7 +26,7 @@ Cards:
tandis que mon travail créatif est généralement publié sous la licence [Creative Commons BY-NC-SA v4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode.fr). tandis que mon travail créatif est généralement publié sous la licence [Creative Commons BY-NC-SA v4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode.fr).
Links: Links:
- Title: Licences FLOSS - Title: À propos des licences FLOSS
Icon: license Icon: license
URL: https://fr.wikipedia.org/wiki/Logiciel_libre#Licences_libres URL: https://fr.wikipedia.org/wiki/Logiciel_libre#Licences_libres
Privacy: Privacy:
@ -45,7 +45,7 @@ Cards:
En utilisant des abstractions de plateforme, qu'elles soient faites à la main ou à l'aide de [frameworks](https://en.wikipedia.org/wiki/Software_framework), les logiciels que je crée sont disponibles sur une grande variété de plateformes. En utilisant des abstractions de plateforme, qu'elles soient faites à la main ou à l'aide de [frameworks](https://en.wikipedia.org/wiki/Software_framework), les logiciels que je crée sont disponibles sur une grande variété de plateformes.
Bien que je ne puisse évidemment pas empaqueter pour chaque système de distribution existant, j'essaie d'utiliser au moins une plateforme de distribution pour chaque système d'exploitation que le logiciel supporte. Bien que je ne puisse évidemment pas empaqueter pour chaque système de distribution existant, j'essaie d'utiliser au moins une plateforme de distribution pour chaque système d'exploitation que le logiciel supporte.
Links: Links:
- Title: Voir les plateformes - Title: Voir les plateformes de distribution
Icon: platforms Icon: platforms
URL: /fr/plateformes-de-distribution URL: /fr/plateformes-de-distribution
@ -53,13 +53,13 @@ NewSection:
Title: Nouveau site web. Title: Nouveau site web.
Description: Vous êtes en train de consulter la toute dernière version de mon site web. Les anciens sites web sont toujours accessibles via les liens ci-dessous. Description: Vous êtes en train de consulter la toute dernière version de mon site web. Les anciens sites web sont toujours accessibles via les liens ci-dessous.
Links: Links:
- Title: Site de téléchargements - Title: Ancien site de téléchargements
Icon: open-external Icon: open-external
URL: https://download.ad5001.eu/fr/ URL: https://download.ad5001.eu/fr/
- Title: Site des projects - Title: Ancien site des projects
Icon: open-external Icon: open-external
URL: https://projects.ad5001.eu/fr/ URL: https://projects.ad5001.eu/fr/
- Title: Site d'API - Title: Ancien site d'API
Icon: open-external Icon: open-external
URL: https://api.ad5001.eu/fr/ URL: https://api.ad5001.eu/fr/
--- ---

View file

@ -26,7 +26,7 @@ Cards:
while my creative work is generally published under the [Creative Commons BY-NC-SA v4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode). while my creative work is generally published under the [Creative Commons BY-NC-SA v4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode).
Links: Links:
- Title: FLOSS licenses - Title: About FLOSS licenses
Icon: license Icon: license
URL: https://en.wikipedia.org/wiki/Free-software_license URL: https://en.wikipedia.org/wiki/Free-software_license
Privacy: Privacy:
@ -45,7 +45,7 @@ Cards:
By using platform abstractions, whether made by hand, or using [frameworks](https://en.wikipedia.org/wiki/Software_framework), the software I create is available on a wide variety of platforms. By using platform abstractions, whether made by hand, or using [frameworks](https://en.wikipedia.org/wiki/Software_framework), the software I create is available on a wide variety of platforms.
While I, of course, cannot package for every single distribution system out there, I try to prepare at least one distribution platform for every single operating system the software I create supports. While I, of course, cannot package for every single distribution system out there, I try to prepare at least one distribution platform for every single operating system the software I create supports.
Links: Links:
- Title: Check Platforms - Title: Check distribution platforms
Icon: platforms Icon: platforms
URL: /distribution-platforms URL: /distribution-platforms
@ -53,13 +53,13 @@ NewSection:
Title: New website Title: New website
Description: You're viewing right now the newest version of my website. The my legacy websites can still be accessed via the links below. Description: You're viewing right now the newest version of my website. The my legacy websites can still be accessed via the links below.
Links: Links:
- Title: Download website - Title: Legacy download website
Icon: open-external Icon: open-external
URL: https://download.ad5001.eu/en/ URL: https://download.ad5001.eu/en/
- Title: Projects website - Title: Legacy projects website
Icon: open-external Icon: open-external
URL: https://projects.ad5001.eu/en/ URL: https://projects.ad5001.eu/en/
- Title: API website - Title: Legacy API website
Icon: open-external Icon: open-external
URL: https://api.ad5001.eu/en/ URL: https://api.ad5001.eu/en/
--- ---

View file

@ -0,0 +1,102 @@
---
title: Platformes de distribution
description: Répertorie toutes les plateformes de distribution que je supporte et fournit des informations sur les badges.
slug: plateformes-de-distribution
layout: default
---
<section class="section1">
<br><br>
# Platformes de distribution
Les logiciels que je distribue sont disponibles sur de nombreuses plateformes. Cependant, les distribuer uniquement sur mon site web n'aide pas leur visibilité, ni leur facilité d'installation. Ainsi, comme beaucoup d'autres, je publie mes logiciels sur certaines plateformes de distribution.
## Liste des plateformes sur lesquelles j'ai publié au moins un logiciel:
- <img src="/icons/distribution/firefox.svg" alt="Firefox icon" class="icon-larger-text"/>**Firefox Addons** situé sur [addons.mozilla.org](https://addons.mozilla.org) sous [mon profile](https://addons.mozilla.org/en-US/firefox/user/12994006/).
- <img src="/icons/distribution/snapcraft.svg" alt="Snapcraft icon" class="icon-larger-text"/>**Snapcraft** situé sur [snapcraft.io](https://snapcraft.io).
- <img src="/icons/distribution/flathub.svg" alt="flathub icon" class="icon-larger-text"/>**Flathub** situé sur [flathub.org](https://flathub.org).
<br><br>
</section>
{{< sectionSkewed "#D2D2D2" "#EEEEEE" >}}
# Badges
La majorité de ces plateformes de distribution fournissent un **badge** pour indiquer que leur est disponible sur la boutique de l'éditeur.
Malheureusement, la majorité de ces badges ne sont disponibles qu'en anglais, ou ne sont pas à jour avec le design actuel de leur boutique.
Pour cette raison, j'ai créé (ou recréé dans certains cas) les badges pour chaque plateforme que je produis afin qu'ils correspondent à la fois à leur charte graphique et à celle d'omegamma.
Pour inclure ces badges sur votre propre site web, vous devez inclure la feuille de style `badge` en utilisant ce lien HTML :
`<link rel="stylesheet" href="https://ad5001.eu/css/badge.css">`
puis inclure le badge dont vous avez besoin.
**Note** : Les logos sur ces badges sont protégés par les droits d'auteur de leurs propriétaires, et un copyright approprié est donné avec eux.
{{< /sectionSkewed >}}
{{< sectionSkewed "#FFEA7F" "#FEFF95" >}}
<details>
{{< summary >}}
<img src="/icons/distribution/firefox.svg" alt="Firefox icon" class="icon-larger-text shadowed"/>Firefox Addons
{{< /summary >}}
Également connue sous le nom d'AMO et hébergée à l'adresse [addons.mozilla.org](https://addons.mozilla.org), cette platforme est exclusive aux extensions Firefox.
{{< badgeTable "amo" "storeFirefoxAddons" >}}
**Disclaimer** : Le logo Firefox est une marque déposée de la Fondation Mozilla aux États-Unis et dans d'autres pays.
Ce badge est la forme traduite et mise à jour de [l'ancien badge](https://blog.mozilla.org/addons/2015/11/10/promote-your-add-ons-with-the-get-the-add-on-button/) avec les nouvelles couleurs et le nouveau nouvelle thème d'AMO.
</details>
{{< /sectionSkewed >}}
{{< sectionSkewed "#82BEA0" "#9EE7C0" >}}
<details>
{{< summary >}}
<img src="/icons/distribution/snapcraft.svg" alt="Snapcraft icon" class="icon-larger-text shadowed"/>Snap Store
{{< /summary >}}
Également connu sous le nom de Snapcraft et hébergé sur [snapcraft.io](https://snapcraft.io), ce magasin est utilisé pour publier des snaps, un format de distribution Linux créé par [Canonical](https://canonical.com/) (la société à l'origine d'Ubuntu) et pris en charge par de nombreuses distributions Linux.
{{< badgeTable "snapcraft" "storeSnapcraft" >}}
**Disclaimer** : Le logo Snapcraft est sous licence [CC BY-ND 2.0 UK](https://creativecommons.org/licenses/by-nd/2.0/uk/legalcode), une marque déposée de Canonical Limited, 2018.
Ces icônes sont des versions adaptées des [badges officiels de snapcraft](https://github.com/snapcore/snap-store-badges).
{{< /sectionSkewed >}}
{{< sectionSkewed "#6DB4FF" "#91C6FF" >}}
<details>
{{< summary >}}
<img src="/icons/distribution/flathub.svg" alt="Flathub icon" class="icon-larger-text shadowed"/>Flathub
{{< /summary >}}
Dépôt principal du système décentralisé [Flatpak](https://flatpak.org/) et hébergé sur [flathub.org](https://flathub.org), ce magasin est utilisé pour publier des flatpaks, un format de distribution Linux largement supporté.
{{< badgeTable "flathub" "storeFlathub" >}}
**Avis légal** : Ces icônes sont des versions modifiées et traduites des [badges officiels de flathub](https://flathub.org/badges), les badges officiels étant sous [CC0](http://creativecommons.org/publicdomain/zero/1.0/).
{{< /sectionSkewed >}}
<section class="section1">
## Vous voulez ajouter un badge ou les traduire dans votre langue ?
### Traduire un badge :
1. Vérifiez si les sources officielles du badge n'ont pas déjà une traduction, si c'est le cas, le texte sera utilisé comme référence.
2. Téléchargez le badge anglais existant `-text.svg`.
3. Traduisez le texte. Vous pouvez utiliser un logiciel comme [Inkscape](https://inkscape.org) pour éditer directement le SVG.
4. [Forkez Omegamma](https://git.ad5001.eu/Ad5001/Omegamma).
5. Créez, s'il n'existe pas déjà, un répertoire avec votre code de langue.
6. Si le répertoire n'existait pas auparavant, assurez-vous de copier le script `export.sh` depuis l'un des autres répertoires.
7. Mettez le badge sous `<store name>-text.svg`.
8. (Facultatif, seulement si tous les badges des magasins sont traduits) Enregistrez la langue dans le shortcode `badgeTable.html`.
9. Créez une pull-request et ajouter votre badge à Omegamma.
### Créer un nouveau badge :
1. Vérifiez s'il n'existe pas de source officielle de badge pour ce magasin et les éventuelles marques associées.
2. Si c'est le cas, téléchargez la version SVG du badge. Sinon, créez un nouveau SVG. Vous pouvez utiliser un logiciel comme [Inkscape](https://inkscape.org) pour modifier directement le SVG.
3. Le SVG doit avoir un fond uni, sans bordure, ni coins arrondis. Si la source officielle en possède, supprimez-les.
4. [Forkez Omegamma](https://git.ad5001.eu/Ad5001/Omegamma).
5. Pour chaque langue que votre nouveau badge supporte, mettez l'icône sous `<langue>/<nom du magasin>-text.svg`.
6. Si votre icône est soumise à une marque déposée, assurez-vous que vous avez le droit de l'utiliser dans ce contexte, et ajoutez le texte de la marque déposée au `README.md` du dépôt.
7. (Facultatif, uniquement si le badge de la boutique est disponible dans toutes les langues) Enregistrez l'icône dans le fichier de contenu `distribution-platforms.*.md` sur [le code source de ad5001.eu](https://git.ad5001.eu/Ad5001/ad5001.eu).
8. Créez une pull-request et ajouter votre badge à Omegamma.
Vous pouvez télécharger les badges existants pour référence dans le
<a role="button" class="primary" href="https://git.ad5001.eu/Ad5001/Omegamma/src/branch/master/static/img/badges">
<i class="icon-git"></i> répertoire des badges d'Omegamma
</a>.
</section>

View file

@ -0,0 +1,101 @@
---
title: Distribution platforms
description: Lists all distribution platforms I support and provides information about badges.
layout: default
---
<section class="section1">
<br><br>
# Distribution platforms
The software I distribute is available on many platforms. However, distributing it solely on my website does not help their visibility, nor their ease of installation. As such, like many other, I publish my software on certain distribution platforms.
## List of platforms on which I published at least one software:
- <img src="/icons/distribution/firefox.svg" alt="Firefox icon" class="icon-larger-text"/>**Firefox Addons** located on [addons.mozilla.org](https://addons.mozilla.org) under [my profile](https://addons.mozilla.org/en-US/firefox/user/12994006/).
- <img src="/icons/distribution/snapcraft.svg" alt="Snapcraft icon" class="icon-larger-text"/>**Snapcraft** located on [snapcraft.io](https://snapcraft.io).
- <img src="/icons/distribution/flathub.svg" alt="flathub icon" class="icon-larger-text"/>**Flathub** located on [flathub.org](https://flathub.org).
<br><br>
</section>
{{< sectionSkewed "#D2D2D2" "#EEEEEE" >}}
# Badges
The majority of these distribution platforms provide a **badge** to indicate that their is available on the publisher's store.
Unfortunately, the majority of these badges are only available in English, or are out of date with their current design.
For that reason, I've created (or recreated in some cases) the badges for each store I produce to fit both their design guidelines and Omegamma's design.
To include these badges on your own website, you should include the `badge` stylesheet using this HTML Link:
`<link rel="stylesheet" href="https://ad5001.eu/css/badge.css">`
and then include whatever badge you need.
**Note**: The logos on these badges are copyrighted by their owners, and appropriate copyright is given with them.
{{< /sectionSkewed >}}
{{< sectionSkewed "#FFEA7F" "#FEFF95" >}}
<details>
{{< summary >}}
<img src="/icons/distribution/firefox.svg" alt="Firefox icon" class="icon-larger-text shadowed"/>Firefox Addons
{{< /summary >}}
Also known as AMO and hosted at [addons.mozilla.org](https://addons.mozilla.org), this store is exclusive to Firefox extensions.
{{< badgeTable "amo" "storeFirefoxAddons" >}}
**Disclaimer**: The Firefox logo is a trademark of the Mozilla Foundation in the U.S. and other countries.
This badge is the translated and updated form of [the old badge](https://blog.mozilla.org/addons/2015/11/10/promote-your-add-ons-with-the-get-the-add-on-button/) with the new AMO colors and branding.
</details>
{{< /sectionSkewed >}}
{{< sectionSkewed "#82BEA0" "#9EE7C0" >}}
<details>
{{< summary >}}
<img src="/icons/distribution/snapcraft.svg" alt="Snapcraft icon" class="icon-larger-text shadowed"/>Snap Store
{{< /summary >}}
Also known as Snapcraft and hosted at [snapcraft.io](https://snapcraft.io), this store is used to publish snaps, a Linux distribution format created by [Canonical](https://canonical.com/) (the company behind Ubuntu) and supported on a wide varierty of Linux distributions.
{{< badgeTable "snapcraft" "storeSnapcraft" >}}
**Disclaimer**: The Snapcraft logo is licensed under [CC BY-ND 2.0 UK](https://creativecommons.org/licenses/by-nd/2.0/uk/legalcode), a registered trademark of Canonical Limited, 2018.
These icons are adapted versions of [the official snapcraft badges](https://github.com/snapcore/snap-store-badges).
{{< /sectionSkewed >}}
{{< sectionSkewed "#6DB4FF" "#91C6FF" >}}
<details>
{{< summary >}}
<img src="/icons/distribution/flathub.svg" alt="Flathub icon" class="icon-larger-text shadowed"/>Flathub
{{< /summary >}}
Main repository of the decentralized [Flatpak](https://flatpak.org/) system and hosted at [flathub.org](https://flathub.org), this store is used to publish snaps, a widely supported Linux distribution format.
{{< badgeTable "flathub" "storeFlathub" >}}
**Legal notice**: These icons are modified and translated versions of [the official flathub badges](https://flathub.org/badges), the official ones being under [CC0](http://creativecommons.org/publicdomain/zero/1.0/).
{{< /sectionSkewed >}}
<section class="section1">
## Want to add a badge or translate them in your language?
### Translating a badge:
1. Check if the official badge sources don't have a translation already, if so, it's text will be used as reference.
2. Download the existing english `-text.svg` badge.
3. Translate the text. You can use software like [Inkscape](https://inkscape.org) to edit the SVG directly.
4. [Fork Omegamma](https://git.ad5001.eu/Ad5001/Omegamma).
5. Create, if it does not exist already, a directory with your language code.
6. If the directory did not exist before, make sure to copy the `export.sh` script from one of the other directories.
7. Put the badge under `<store name>-text.svg`.
8. (Optional, only if all store badges are translated) Register the language in the `badgeTable.html` shortcode.
9. Create a pull request for merging and adding your badge to Omegamma.
### Creating a new badge:
1. Check if an official badge source for that store doesn't exist and their potential associated trademarks.
2. If so, download the SVG version of the badge. Otherwise create a new SVG. You can use software like [Inkscape](https://inkscape.org) to edit the SVG directly.
3. The SVG item must have a solid background, with no border, or rounded corners. If the official source has some, remove them.
4. [Fork Omegamma](https://git.ad5001.eu/Ad5001/Omegamma).
5. For every language your new badge supports, put the icon under `<language>/<store name>-text.svg`.
6. If your icon is subject to trademark, make sure you have the right to use it for that context, and add the trademark text to the repository's `README.md`.
7. (Optional, only if store badge is available in all languages) Register the icon in the `distribution-platforms.*.md` content file on [ad5001.eu's source code](https://git.ad5001.eu/Ad5001/ad5001.eu).
8. Create a pull request for merging and adding your badge to Omegamma.
You can find download existing badges for reference in
<a role="button" class="primary" href="https://git.ad5001.eu/Ad5001/Omegamma/src/branch/master/static/img/badges">
<i class="icon-git"></i> Omegamma's badge directory
</a>.
</section>