1
0
mirror of https://github.com/NickKaramoff/shareon synced 2025-02-13 10:00:41 +01:00

Update to Shareon 2.6

This commit is contained in:
Nikita Karamov 2024-11-23 09:19:33 +01:00
parent 19de4371b3
commit 498cbd0600
No known key found for this signature in database

View File

@ -11,7 +11,7 @@
/> />
<meta <meta
name="description" name="description"
content="Theyre under 6 kB in size, look good, and don't track your users. It's the perfect choice for your blog, news site, or project page!" content="Theyre 7.5 kB in size, look good, and don't track your users. It's the perfect choice for your blog, news site, or project page!"
/> />
<meta <meta
name="keywords" name="keywords"
@ -25,11 +25,11 @@
/> />
<link <link
href="https://cdn.jsdelivr.net/npm/shareon@2/dist/shareon.min.css" href="https://cdn.jsdelivr.net/npm/shareon@2.6/dist/shareon.min.css"
rel="stylesheet" rel="stylesheet"
/> />
<script <script
src="https://cdn.jsdelivr.net/npm/shareon@2/dist/shareon.iife.js" src="https://cdn.jsdelivr.net/npm/shareon@2.6/dist/shareon.iife.js"
defer defer
init init
></script> ></script>
@ -67,7 +67,7 @@
/> />
<meta <meta
property="og:description" property="og:description"
content="Theyre under 6 kB in size, look good, and don't track your users. It's the perfect choice for your blog, news site, or project page!" content="Theyre 7.5 kB in size, look good, and don't track your users. It's the perfect choice for your blog, news site, or project page!"
/> />
<meta property="og:image" content="https://shareon.js.org/banner.png" /> <meta property="og:image" content="https://shareon.js.org/banner.png" />
@ -80,7 +80,7 @@
/> />
<meta <meta
property="twitter:description" property="twitter:description"
content="Theyre under 6 kB in size, look good, and don't track your users. It's the perfect choice for your blog, news site, or project page!" content="Theyre under 7.5 kB in size, look good, and don't track your users. It's the perfect choice for your blog, news site, or project page!"
/> />
<meta <meta
property="twitter:image" property="twitter:image"
@ -127,32 +127,37 @@
data-title="Shareon — lightweight, stylish, and ethical share buttons" data-title="Shareon — lightweight, stylish, and ethical share buttons"
style="text-align: center" style="text-align: center"
> >
<a class="facebook"></a> <a class="bluesky"></a>
<a class="facebook">Share</a>
<a class="fediverse"></a>
<a class="hackernews"></a>
<a class="linkedin"></a> <a class="linkedin"></a>
<a class="mastodon">Toot</a> <a class="mastodon">Toot</a>
<a class="messenger" data-fb-app-id="3619024578167617"></a> <a class="messenger" data-fb-app-id="3619024578167617"></a>
<a class="odnoklassniki"></a> <a class="odnoklassniki"></a>
<a class="pinterest">Pin</a>
<br /> <br />
<a class="pinterest">Pin</a>
<a class="pocket"></a> <a class="pocket"></a>
<a class="reddit"></a> <a class="reddit"></a>
<a class="teams"></a> <a class="teams"></a>
<a class="telegram"></a> <a class="telegram">Send</a>
<a class="tumblr"></a> <a class="tumblr"></a>
<a class="twitter">Tweet</a> <a class="twitter"></a>
<br />
<a class="viber"></a> <a class="viber"></a>
<br />
<a class="vkontakte">Поделиться</a> <a class="vkontakte">Поделиться</a>
<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="email"></a>
<a class="print">Print</a>
<a class="web-share"></a>
</div> </div>
<p>Unlike many other share buttons, Shareon are:</p> <p>Unlike many other share buttons, Shareon are:</p>
<ul> <ul>
<li> <li>
<b>lightweight</b>, clocking in at only 6 KB brotlied code (JS+CSS), <b>lightweight</b>, clocking in at only 7.5 kB brotlied code (JS+CSS),
</li> </li>
<li> <li>
<b>stylish</b>, using official vector logos and colours with no <b>stylish</b>, using official vector logos and colours with no
@ -216,7 +221,10 @@ Shareon.init();</code></pre>
</p> </p>
<pre><code>&lt;div class="shareon"&gt; <pre><code>&lt;div class="shareon"&gt;
&lt;a class="bluesky"&gt;&lt;/a&gt;
&lt;a class="facebook"&gt;&lt;/a&gt; &lt;a class="facebook"&gt;&lt;/a&gt;
&lt;a class="fediverse"&gt;&lt;/a&gt;
&lt;a class="hackernews"&gt;&lt;/a&gt;
&lt;a class="linkedin"&gt;&lt;/a&gt; &lt;a class="linkedin"&gt;&lt;/a&gt;
&lt;a class="mastodon"&gt;&lt;/a&gt; &lt;a class="mastodon"&gt;&lt;/a&gt;
&lt;!-- FB App ID is required for the Messenger button to function --&gt; &lt;!-- FB App ID is required for the Messenger button to function --&gt;
@ -233,9 +241,16 @@ Shareon.init();</code></pre>
&lt;a class="vkontakte"&gt;&lt;/a&gt; &lt;a class="vkontakte"&gt;&lt;/a&gt;
&lt;a class="whatsapp"&gt;&lt;/a&gt; &lt;a class="whatsapp"&gt;&lt;/a&gt;
&lt;a class="copy-url"&gt;&lt;/a&gt; &lt;a class="copy-url"&gt;&lt;/a&gt;
&lt;a class="email"&gt;&lt;/a&gt;
&lt;a class="print"&gt;&lt;/a&gt;
&lt;!-- Does not work in every browser --&gt;
&lt;a class="web-share"&gt;&lt;/a&gt;
&lt;/div&gt;</code></pre> &lt;/div&gt;</code></pre>
<div class="shareon"> <div class="shareon">
<a class="bluesky"></a>
<a class="facebook"></a> <a class="facebook"></a>
<a class="fediverse"></a>
<a class="hackernews"></a>
<a class="linkedin"></a> <a class="linkedin"></a>
<a class="mastodon"></a> <a class="mastodon"></a>
<a class="messenger" data-fb-app-id="3619024578167617"></a> <a class="messenger" data-fb-app-id="3619024578167617"></a>
@ -251,6 +266,9 @@ Shareon.init();</code></pre>
<a class="vkontakte"></a> <a class="vkontakte"></a>
<a class="whatsapp"></a> <a class="whatsapp"></a>
<a class="copy-url"></a> <a class="copy-url"></a>
<a class="email"></a>
<a class="print"></a>
<a class="web-share"></a>
</div> </div>
<p> <p>
@ -273,7 +291,7 @@ Shareon.init();</code></pre>
<footer> <footer>
<p> <p>
Copyright © 20202023 Copyright © 20202024
<a href="https://www.kytta.dev/">Nikita Karamov</a> <a href="https://www.kytta.dev/">Nikita Karamov</a>
<br /> <br />
Licenced under the MIT License. Licenced under the MIT License.