Skip to content

Commit 894a20e

Browse files
authored
Merge pull request #2 from cnumr/doc/readme
📝 doc(readme): Init readme file
2 parents 0a61776 + 602bfc0 commit 894a20e

File tree

1 file changed

+53
-0
lines changed

1 file changed

+53
-0
lines changed

README.md

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,54 @@
11
# Ecoindex Badge
2+
3+
Ce projet a pour but de proposer un badge à intégrer à vos pages web facilement. Ce badge va afficher le score Ecoindex de la page web sur laquelle il est intégré et permettra de rediriger l'utilisateur vers la page de détails du score Ecoindex.
4+
5+
## Comment l'intégrer ?
6+
7+
La version la plus simple est de copier-coller le code suivant dans votre page web :
8+
9+
![Ecoindex Badge](https://cdn.jsdelivr.net/gh/cnumr/ecoindex_badge@1/assets/svg/light/A.svg)
10+
11+
```html
12+
<div id="ecoindex-badge"></div>
13+
<script src="https://cdn.jsdelivr.net/gh/cnumr/ecoindex_badge@1/assets/js/light.js" defer></script>
14+
```
15+
16+
Il existe une variante pour les thèmes sombres :
17+
18+
![Ecoindex Badge](https://cdn.jsdelivr.net/gh/cnumr/ecoindex_badge@1/assets/svg/dark/A.svg)
19+
20+
```html
21+
<div id="ecoindex-badge"></div>
22+
<script src="https://cdn.jsdelivr.net/gh/cnumr/ecoindex_badge@1/assets/js/dark.js" defer></script>
23+
```
24+
25+
Cette version est optimisée et permet de ne pas surcharger votre page web avec des scripts inutiles. :
26+
27+
- Badge au format SVG (pas de pixelisation - taille 779 octets)
28+
- JS servi par un CDN (Cache - taille 426 octets)
29+
30+
## Comment ça fonctionne ?
31+
32+
Le script javascript va faire appel au Micro service Back For Front d'Ecoindex pour récupérer l'image SVG correspondante à votre page en se basant sur son url et intégrer le code HTML à la place de la balise `<div id="ecoindex-badge"></div>`.
33+
34+
## Et si je ne veux pas de JS ?
35+
36+
Vous pouvez utiliser la version statique du badge en utilisant le snippet suivant, en modifiant les paramètres `{url}` et `{theme}` (light ou dark)) :
37+
38+
```html
39+
<a href="https://bff.ecoindex.fr/redirect/?url={url}" target="_blank">
40+
<img src="https://bff.ecoindex.fr/badge/?theme={theme}&url={url}" alt="Ecoindex Badge" />
41+
</a>
42+
```
43+
44+
## Pour contribuer
45+
46+
Vous pouvez contribuer à ce projet en proposant des améliorations ou en signalant des bugs. Pour cela, vous pouvez utiliser les fonctionnalités de GitHub. Retrouvez plus d'infos sur la page [Contribuer](CONTRIBUTING.md).
47+
48+
## Disclaimer
49+
50+
Les valeurs d'ACV utilisées par ecoindex_cli pour évaluer les impacts environnementaux ne sont pas sous licence libre - ©Frédéric Bordage Veuillez également vous référer aux mentions fournies dans les fichiers de code pour les spécificités du régime IP.
51+
52+
## [Licence](LICENSE)
53+
54+
## [Code de conduite](CODE_OF_CONDUCT.md)

0 commit comments

Comments
 (0)