# :penguin: share / connect / support buttons *You are probably tired of seeing this everywhere* ![preview screen](uncool.png?raw=true) *How about *this instead?* ![preview screen](cool.png?raw=true) _*inspired by [FSFE](https://fsfe.org/contribute/contribute.en.html) buttons_ Make your visitors wonder what those icons represent. __Help promoting federated, privacy-friendly networks__. #### [DEMO page](https://distributopia.gitlab.io/share-connect-support) ## What are these? These are social buttons for your personal blog, profile. They can be added to any page, including static websites. ## Usage The collection of buttons is basically a set of SVGs and some styles. #### 1. Install Copy [`styles.min.css`](/public/styles.min.css) and [`share.min.js`](/public/share.min.js) into your project directory. You will also find unminified versions in [public](/public) folder. > **Note:** Only sharing buttons require the script. If you intend to use connect or support buttons, add just the styles file. #### 2. Include Include `styles.min.css` with a `` tag in the `
` of your page, and `share.min.js` with a `