From 929bab5188fd13460246f5fd332abffb4ffe46a3 Mon Sep 17 00:00:00 2001
From: Julien Bornstein <julien@parisbouge.com>
Date: Mon, 11 Dec 2017 17:17:27 +0100
Subject: [PATCH] Implement Deezer and Spotify buttons

---
 README.md             | 2 ++
 bootstrap-social.less | 2 ++
 bootstrap-social.scss | 2 ++
 index.html            | 9 +++++++++
 4 files changed, 15 insertions(+)

diff --git a/README.md b/README.md
index 7e98b197..84b886c8 100644
--- a/README.md
+++ b/README.md
@@ -22,6 +22,7 @@ Available classes
 -----------------
  - `btn-adn`
  - `btn-bitbucket`
+ - `btn-deezer`
  - `btn-dropbox`
  - `btn-facebook`
  - `btn-flickr`
@@ -36,6 +37,7 @@ Available classes
  - `btn-pinterest`
  - `btn-reddit`
  - `btn-soundcloud`
+ - `btn-spotify`
  - `btn-tumblr`
  - `btn-twitter`
  - `btn-vimeo`
diff --git a/bootstrap-social.less b/bootstrap-social.less
index 63d2b0eb..6bb87d13 100644
--- a/bootstrap-social.less
+++ b/bootstrap-social.less
@@ -94,6 +94,7 @@
 
 .btn-adn           { .btn-social(#d87a68); }
 .btn-bitbucket     { .btn-social(#205081); }
+.btn-deezer        { .btn-social(#007feb); }
 .btn-dropbox       { .btn-social(#1087dd); }
 .btn-facebook      { .btn-social(#3b5998); }
 .btn-flickr        { .btn-social(#ff0084); }
@@ -108,6 +109,7 @@
 .btn-pinterest     { .btn-social(#cb2027); }
 .btn-reddit        { .btn-social(#eff7ff, #000); }
 .btn-soundcloud    { .btn-social(#ff5500); }
+.btn-spotify       { .btn-social(#1ed760); }
 .btn-tumblr        { .btn-social(#2c4762); }
 .btn-twitter       { .btn-social(#55acee); }
 .btn-vimeo         { .btn-social(#1ab7ea); }
diff --git a/bootstrap-social.scss b/bootstrap-social.scss
index 4448b01b..9c180d6a 100644
--- a/bootstrap-social.scss
+++ b/bootstrap-social.scss
@@ -94,6 +94,7 @@ $bs-height-xs:   (floor($font-size-small * 1.2) + $padding-small-vertical + 1) !
 
 .btn-adn           { @include btn-social(#d87a68); }
 .btn-bitbucket     { @include btn-social(#205081); }
+.btn-deezer        { @include btn-social(#007feb); }
 .btn-dropbox       { @include btn-social(#1087dd); }
 .btn-facebook      { @include btn-social(#3b5998); }
 .btn-flickr        { @include btn-social(#ff0084); }
@@ -108,6 +109,7 @@ $bs-height-xs:   (floor($font-size-small * 1.2) + $padding-small-vertical + 1) !
 .btn-pinterest     { @include btn-social(#cb2027); }
 .btn-reddit        { @include btn-social(#eff7ff, #000); }
 .btn-soundcloud    { @include btn-social(#ff5500); }
+.btn-spotify       { @include btn-social(#1ed760); }
 .btn-tumblr        { @include btn-social(#2c4762); }
 .btn-twitter       { @include btn-social(#55acee); }
 .btn-vimeo         { @include btn-social(#1ab7ea); }
diff --git a/index.html b/index.html
index b40650be..d17a69f5 100644
--- a/index.html
+++ b/index.html
@@ -71,6 +71,9 @@ <h3 class="text-center">The Buttons</h3>
           <a class="btn btn-block btn-social btn-bitbucket" onclick="_gaq.push(['_trackEvent', 'btn-social', 'click', 'btn-bitbucket']);">
             <span class="fa fa-bitbucket"></span> Sign in with Bitbucket
           </a>
+          <a class="btn btn-block btn-social btn-deezer" onclick="_gaq.push(['_trackEvent', 'btn-social', 'click', 'btn-deezer']);">
+            <span class="fa fa-dropbox"></span> Sign in with Deezer
+          </a>
           <a class="btn btn-block btn-social btn-dropbox" onclick="_gaq.push(['_trackEvent', 'btn-social', 'click', 'btn-dropbox']);">
             <span class="fa fa-dropbox"></span> Sign in with Dropbox
           </a>
@@ -113,6 +116,9 @@ <h3 class="text-center">The Buttons</h3>
           <a class="btn btn-block btn-social btn-soundcloud" onclick="_gaq.push(['_trackEvent', 'btn-social', 'click', 'btn-soundcloud']);">
             <span class="fa fa-soundcloud"></span> Sign in with SoundCloud
           </a>
+          <a class="btn btn-block btn-social btn-spotify" onclick="_gaq.push(['_trackEvent', 'btn-social', 'click', 'btn-spotify']);">
+            <span class="fa fa-spotify"></span> Sign in with Spotify
+          </a>
           <a class="btn btn-block btn-social btn-tumblr" onclick="_gaq.push(['_trackEvent', 'btn-social', 'click', 'btn-tumblr']);">
             <span class="fa fa-tumblr"></span> Sign in with Tumblr
           </a>
@@ -148,6 +154,7 @@ <h3 class="text-center">The Buttons</h3>
             <a class="btn btn-social-icon btn-pinterest" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-pinterest']);"><span class="fa fa-pinterest"></span></a>
             <a class="btn btn-social-icon btn-reddit" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-reddit']);"><span class="fa fa-reddit"></span></a>
             <a class="btn btn-social-icon btn-soundcloud" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-soundcloud']);"><span class="fa fa-soundcloud"></span></a>
+            <a class="btn btn-social-icon btn-spotify" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-spotify']);"><span class="fa fa-spotify"></span></a>
             <a class="btn btn-social-icon btn-tumblr" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-tumblr']);"><span class="fa fa-tumblr"></span></a>
             <a class="btn btn-social-icon btn-twitter" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-twitter']);"><span class="fa fa-twitter"></span></a>
             <a class="btn btn-social-icon btn-vimeo" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-vimeo']);"><span class="fa fa-vimeo-square"></span></a>
@@ -161,6 +168,7 @@ <h3 class="text-center">Available Classes</h3>
           <ul class="social-class list-unstyled">
             <li data-code="adn" data-name="App.net"><code>btn-adn</code> <span class="social-hex">#D87A68</span></li>
             <li data-code="bitbucket" data-name="Bitbucket"><code>btn-bitbucket</code> <span class="social-hex">#205081</span></li>
+            <li data-code="dropbox" data-name="Deezer"><code>btn-deezer</code> <span class="social-hex">#007FEB</span></li>
             <li data-code="dropbox" data-name="Dropbox"><code>btn-dropbox</code> <span class="social-hex">#1087DD</span></li>
             <li data-code="facebook" data-name="Facebook"><code>btn-facebook</code> <span class="social-hex">#3B5998</span></li>
             <li data-code="flickr" data-name="Flickr"><code>btn-flickr</code> <span class="social-hex">#2BA9E1</span></li>
@@ -175,6 +183,7 @@ <h3 class="text-center">Available Classes</h3>
             <li data-code="pinterest" data-name="Pinterest"><code>btn-pinterest</code> <span class="social-hex">#CB2027</span></li>
             <li data-code="reddit" data-name="Reddit"><code>btn-reddit</code> <span class="social-hex">#EFF7FF</span></li>
             <li data-code="soundcloud" data-name="SoundCloud"><code>btn-soundcloud</code> <span class="social-hex">#FF5500</span></li>
+            <li data-code="spotify" data-name="Spotify"><code>btn-spotify</code> <span class="social-hex">#1ED760</span></li>
             <li data-code="tumblr" data-name="Tumblr"><code>btn-tumblr</code> <span class="social-hex">#CB2027</span></li>
             <li data-code="twitter" data-name="Twitter"><code>btn-twitter</code> <span class="social-hex">#55ACEE</span></li>
             <li data-code="vimeo" data-icon="vimeo-square" data-name="Vimeo"><code>btn-vimeo</code> <span class="social-hex">#1AB7EA</span></li>