GNU social Share Widget

Chimo 12da81b7c5 Fix demo link, remove redundant "usage" section 8 months ago
css 5e7d1894ac Bundle 'icon' style via gs-share--icon class 2 years ago
images 5e7d1894ac Bundle 'icon' style via gs-share--icon class 2 years ago
js 294ff8706a closest: Handle detached DOM trees 2 years ago
.gitattributes 8d2bc1e043 Normalize line endings 3 years ago
.gitignore c491c153a2 Ignore vim 'undo' files 3 years ago
.jshintrc 8038083807 Adds jshint configs 3 years ago
LICENSE cdac53591e Adds license information 3 years ago
README.md 12da81b7c5 Fix demo link, remove redundant "usage" section 8 months ago
index-es.html 56a600bcbb Simplify README 8 months ago
index-fr.html 56a600bcbb Simplify README 8 months ago
index.html 56a600bcbb Simplify README 8 months ago

README.md

'Share' widget for GNU social

This adds links/buttons to your page so that visitors can share it on GNU social.

HTML

Add the following in the <head> of your page (if necessary, change the path to point to the stylesheet).

<link rel="stylesheet" href="styles.css">

Add the following where you want the links/buttons to appear.

<div class="gs-share">
  <button data-url="URL-from-data" data-title="TITLE-from-data" class="js-gs-share gs-share--icon">Share on GNU social</button>
</div>

The "data-title" and "data-url" attributes are optional. If they are not set, the "title" will be the title of the current page and the "url" will be the URL of the current page.

Add the following at the bottom of your page (if necessary, change the path to point to the JS file).

<script src="gs-share.js"></script>

Demo

https://chromic.org/gs-share/

Server-side fallback

For an example of a server-side fallback, see the "php" branch in this repo.