Mastodon/shareon-pulsanti-condivisione-social
1
0
Fork 0
mirror of https://github.com/NickKaramoff/shareon synced 2025-02-01 16:36:57 +01:00
Code Issues Releases Wiki Activity

Add email button

Browse Source
This commit is contained in:
Nikita Karamov 2023-12-06 23:07:42 +01:00
parent 6394054207
commit 29e14cddf2
No known key found for this signature in database
GPG Key ID: 41D6F71EE78E77CD
4 changed files with 10 additions and 0 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="vkontakte"></a>
<a class="whatsapp"></a>
<a class="copy-url"></a>
<a class="email"></a>
<a class="web-share"></a>
</div>
</section>
@ -67,6 +68,7 @@
<button class="vkontakte"></button>
<button class="whatsapp"></button>
<button class="copy-url"></button>
<button class="email"></button>
<button class="web-share"></button>
</div>
</section>
@ -94,6 +96,7 @@
<a class="vkontakte"></a>
<a class="whatsapp"></a>
<a class="copy-url"></a>
<a class="email"></a>
<a class="web-share"></a>
</div>
</section>
@ -118,6 +121,7 @@
<a class="vkontakte">Поделиться</a>
<a class="whatsapp"></a>
<a class="copy-url"></a>
<a class="email"></a>
<a class="web-share">Share</a>
</div>
</section>

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

@ -0,0 +1 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect height="16" rx="2" width="20" x="2" y="4"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 265 B

4
src/shareon.css
View File

@ -81,6 +81,10 @@
background-image: url("icons/copy-url-done.svg");
}
.shareon > .email:before {
background-image: url("icons/email.svg");
}
.shareon > .facebook {
background-color: #1877f2;
}

1
src/shareon.js
View File

@ -18,6 +18,7 @@ import "./shareon.css";
*/
const urlBuilderMap = {
facebook: (d) => `https://www.facebook.com/sharer/sharer.php?u=${d.url}${d.hashtags? `&hashtag=%23${d.hashtags.split('%2C')[0]}` : ''}`,
email: (d) => `mailto:?subject=${d.title}&body=${d.url}`,
linkedin: (d) => `https://www.linkedin.com/sharing/share-offsite/?url=${d.url}`,
mastodon: (d) => `https://toot.kytta.dev/?text=${d.title}%0D%0A${d.url}${d.text ? `%0D%0A%0D%0A${d.text}` : ''}${d.via ? `%0D%0A%0D%0A${d.via}` : ''}`,
messenger: (d) => `https://www.facebook.com/dialog/send?app_id=${d.fbAppId}&link=${d.url}&redirect_uri=${d.url}`,