Merge pull request #73 from FountainJS/doc-readme-opencollective

Update readme badge and link

README.md

@@ -8,9 +8,8 @@
 [![Build Status](https://travis-ci.org/FountainJS/generator-fountain-webapp.svg?branch=master)](https://travis-ci.org/FountainJS/generator-fountain-webapp)
 [![codecov](https://codecov.io/gh/FountainJS/generator-fountain-webapp/branch/master/graph/badge.svg)](https://codecov.io/gh/FountainJS/generator-fountain-webapp)
 [![Slack](http://fountainjs.io/assets/imgs/slack_badge.png)](https://fountain-slack.herokuapp.com/)
-[![OpenCollective](https://opencollective.com/fountainjs/backers/badge.svg)](#backers)
-[![OpenCollective](https://opencollective.com/fountainjs/sponsors/badge.svg)](#sponsors)
-
+[![OpenCollective Backers][backer-badge]][backer-url]
+[![OpenCollective Sponsors][sponsor-badge]][sponsor-url]
 
 > This Yeoman generator allows you to start any Webapp with the best Developer Experience out of the box!
 
@@ -100,27 +99,25 @@ If you want to access sub-generators, you have to globally install one of the fo
 
 ## Backers
 
-Support us with a monthly donation and help us continue our activities. [[Become a backer](https://opencollective.com/fountainjs#backer)]
-
-<a href="https://opencollective.com/fountainjs/backer/0/website" target="_blank"><img src="https://opencollective.com/fountainjs/backer/0/avatar.svg"></a>
-<a href="https://opencollective.com/fountainjs/backer/1/website" target="_blank"><img src="https://opencollective.com/fountainjs/backer/1/avatar.svg"></a>
-<a href="https://opencollective.com/fountainjs/backer/2/website" target="_blank"><img src="https://opencollective.com/fountainjs/backer/2/avatar.svg"></a>
-<a href="https://opencollective.com/fountainjs/backer/3/website" target="_blank"><img src="https://opencollective.com/fountainjs/backer/3/avatar.svg"></a>
-<a href="https://opencollective.com/fountainjs/backer/4/website" target="_blank"><img src="https://opencollective.com/fountainjs/backer/4/avatar.svg"></a>
+Support us with a monthly donation and help us continue our activities.
 
+[![Backers][backers-image]][support-url]
 
 ## Sponsors
 
-Become a sponsor and get your logo on our website fountainjs.io and on our README on Github with a link to your site. [[Become a sponsor](https://opencollective.com/fountainjs#sponsor)]
-
-<a href="https://opencollective.com/fountainjs/sponsor/0/website" target="_blank"><img src="https://opencollective.com/fountainjs/sponsor/0/avatar.svg"></a>
-<a href="https://opencollective.com/fountainjs/sponsor/1/website" target="_blank"><img src="https://opencollective.com/fountainjs/sponsor/1/avatar.svg"></a>
-<a href="https://opencollective.com/fountainjs/sponsor/2/website" target="_blank"><img src="https://opencollective.com/fountainjs/sponsor/2/avatar.svg"></a>
-<a href="https://opencollective.com/fountainjs/sponsor/3/website" target="_blank"><img src="https://opencollective.com/fountainjs/sponsor/3/avatar.svg"></a>
-<a href="https://opencollective.com/fountainjs/sponsor/4/website" target="_blank"><img src="https://opencollective.com/fountainjs/sponsor/4/avatar.svg"></a>
+Become a sponsor and get your logo on our website fountainjs.io and on our README on Github with a link to your site.
 
+[![Sponsors][sponsors-image]][support-url]
 
 ## [Changelog](https://github.com/FountainJS/generator-fountain-webapp/releases)
 
 
 ## [Contributing](http://fountainjs.io/doc/contributing)
+
+[backer-url]: #backers
+[backer-badge]: https://opencollective.com/fountainjs/backers/badge.svg?color=blue
+[sponsor-url]: #sponsors
+[sponsor-badge]: https://opencollective.com/fountainjs/sponsors/badge.svg?color=blue
+[support-url]: https://opencollective.com/fountainjs#support
+[backers-image]: https://opencollective.com/fountainjs/backers.svg
+[sponsors-image]: https://opencollective.com/fountainjs/sponsors.svg