diff --git a/README.md b/README.md index f64bf43..2c20bf0 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,7 @@ Lightweight, stylish and ethical share buttons. - **Stylish.** Uses official vector logos and colors with no visual mess. - **Ethical.** Embeds no tracking code. JS is required only for the setup. -shareon example +shareon example ---- Observe the live demo here: [shareon.js.org](https://shareon.js.org) @@ -45,11 +45,15 @@ classes match the names of social networks: ```html
+ + + +
@@ -71,8 +75,8 @@ on the whole container or on the specific buttons: Apart from the URL and title, some networks support extra parameters: -- add `data-media` to an Odnoklassniki, Pinterest or VK button to customize the pinned picture -- add `data-text` to a WhatsApp or Telegram button to add custom message text +- add `data-media` to an Odnoklassniki, Pinterest, or VK button to customize the pinned picture +- add `data-text` to a WhatsApp, Telegram or Viber button to add custom message text - add `data-via` to a Twitter button to mention a user Here are all the custom parameters in their glory: diff --git a/docs/index.html b/docs/index.html index 88d8b94..cce3adb 100644 --- a/docs/index.html +++ b/docs/index.html @@ -63,11 +63,15 @@
+ + + +
@@ -131,21 +135,29 @@
<div class="shareon">
     <a class="facebook"></a>
+    <a class="linkedin"></a>
     <a class="messenger"></a>
     <a class="odnoklassniki"></a>
     <a class="pinterest"></a>
+    <a class="pocket"></a>
+    <button class="reddit"></button>
     <button class="telegram"></button>
     <button class="twitter"></button>
+    <button class="viber"></button>
     <button class="vkontakte"></button>
     <button class="whatsapp"></button>
 </div>
+ + + +
@@ -178,8 +190,8 @@

diff --git a/docs/screen01@2x.png b/docs/screen01@2x.png index 593c8a6..6ca89dc 100644 Binary files a/docs/screen01@2x.png and b/docs/screen01@2x.png differ