2020-03-25 16:32:25 +01:00
|
|
|
# shareon
|
|
|
|
|
|
|
|
|
|
<img src="https://raw.githubusercontent.com/googlefonts/noto-emoji/master/png/128/emoji_u1f4ef.png"
|
|
|
|
|
align="right"
|
|
|
|
|
alt="Postal Horn emoji"
|
|
|
|
|
width="96"
|
|
|
|
|
height="96">
|
|
|
|
|
|
2020-03-25 16:45:04 +01:00
|
|
|
Lightweight, stylish and ethical share buttons.
|
2020-03-25 16:32:25 +01:00
|
|
|
|
|
|
|
|
- **Small.** Dependency-free.
|
|
|
|
|
- **Stylish.** Uses official vector logos and colors.
|
|
|
|
|
- **Ethical.** No tracking code is being embedded.
|
|
|
|
|
|
2020-03-26 00:26:55 +01:00
|
|
|
<img src="https://raw.githubusercontent.com/NickKaramoff/shareon/develop/docs/screen01.png" height="60" alt="shareon example">
|
2020-03-25 16:32:25 +01:00
|
|
|
|
2020-03-26 00:25:17 +01:00
|
|
|
```html
|
|
|
|
|
<div class="shareon">
|
|
|
|
|
<a class="facebook"></a>
|
|
|
|
|
<a class="messenger" data-url="https://my-cool-website.com"></a>
|
|
|
|
|
<a class="pinterest" data-media="https://picsum.photos/500">Pin</a>
|
|
|
|
|
<a class="telegram" data-text="Check this out!"></a>
|
|
|
|
|
<a class="twitter" data-via="MyNickname"></a>
|
|
|
|
|
<a class="whatsapp">Send</a>
|
2020-03-25 16:32:25 +01:00
|
|
|
</div>
|
|
|
|
|
```
|
