Added tumblr button

index.html

@@ -45,6 +45,7 @@
           <a class="whatsapp"></a>
           <a class="copy-url"></a>
           <a class="web-share"></a>
+          <a class="tumblr"></a>
         </div>
       </section>
       <section>
@@ -66,6 +67,7 @@
           <button class="whatsapp"></button>
           <button class="copy-url"></button>
           <button class="web-share"></button>
+          <button class="tumblr"></button>
         </div>
       </section>
       <section>
@@ -92,6 +94,7 @@
           <a class="whatsapp"></a>
           <a class="copy-url"></a>
           <a class="web-share"></a>
+          <a class="tumblr"></a>
         </div>
       </section>
       <section>
@@ -115,6 +118,7 @@
           <a class="whatsapp"></a>
           <a class="copy-url"></a>
           <a class="web-share">Share</a>
+          <a class="tumblr"></a>
         </div>
       </section>
     </main>

src/icons/tumblr.svg

@@ -0,0 +1 @@
+<svg fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.563 24c-5.093 0-7.031-3.756-7.031-6.411V9.747H5.116V6.648c3.63-1.313 4.512-4.596 4.71-6.469C9.84.051 9.941 0 9.999 0h3.517v6.114h4.801v3.633h-4.82v7.47c.016 1.001.375 2.371 2.207 2.371h.09c.631-.02 1.486-.205 1.936-.419l1.156 3.425c-.436.636-2.4 1.374-4.156 1.404h-.178l.011.002z"/></svg>

src/shareon.css

@@ -185,3 +185,10 @@
 .shareon > .whatsapp:before {
   background-image: url("icons/whatsapp.svg");
 }
+
+.shareon > .tumblr {
+  background-color: #36465d;
+}
+.shareon > .tumblr:before {
+  background-image: url("icons/tumblr.svg");
+}

src/shareon.js

@@ -13,7 +13,10 @@ import "./shareon.css";
  *   media?: string,
  *   text?: string,
  *   via?: string,
- *   fbAppId?: string
+ *   fbAppId?: string,
+ *   posttype?: string,
+ *   tags?:[string],
+ *   content?: string || [string]
  * }) => string}}
  */
 const urlBuilderMap = {
@@ -31,6 +34,7 @@ const urlBuilderMap = {
   viber: (d) => `viber://forward?text=${d.title}%0D%0A${d.url}${d.text ? `%0D%0A%0D%0A${d.text}` : ''}`,
   vkontakte: (d) => `https://vk.com/share.php?url=${d.url}&title=${d.title}${d.media ? `&image=${d.media}` : ''}`,
   whatsapp: (d) => `https://wa.me/?text=${d.title}%0D%0A${d.url}${d.text ? `%0D%0A%0D%0A${d.text}` : ''}`,
+  tumblr: (d) => `https://www.tumblr.com/widgets/share/tool?posttype=${d.posttype}&tags=${d.tags}${d.title? `&title=${d.title}`:''}&content=${d.content}${d.caption? `&caption=${d.caption}`:''}${d.via? `&show-via=${d.via}`:''}`,
 };
 
 const openUrl = (buttonUrl) => () => {