earnestma
/
shareon
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Added tumblr button

pull/80/head
Isaac Kabucho 2023-07-27 16:16:24 +03:00 committed by Nikita Karamov
parent b2331876ba
commit bb746fcbd1
5 changed files with 5107 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

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

5090
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

1
src/icons/tumblr.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 373 B

7
src/shareon.css
View File

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

6
src/shareon.js
View File

@ -13,7 +13,10 @@ import "./shareon.css";
* media?: string, * media?: string,
* text?: string, * text?: string,
* via?: string, * via?: string,
* fbAppId?: string * fbAppId?: string,
* posttype?: string,
* tags?:[string],
* content?: string || [string]
* }) => string}} * }) => string}}
*/ */
const urlBuilderMap = { 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}` : ''}`, 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}` : ''}`, 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}` : ''}`, 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) => () => { const openUrl = (buttonUrl) => () => {