From 9f3139a3306298af35d8db14ff9355c938be9db7 Mon Sep 17 00:00:00 2001
From: Sanasol <mail@sanasol.ws>
Date: Thu, 15 Feb 2018 15:26:11 +0700
Subject: [PATCH] social icons

---
 apps/course/templates/course/course.html | 71 ++++++++++++++++++------
 web/src/js/modules/courses.js            |  2 +-
 web/src/sass/_common.sass                |  2 +
 3 files changed, 57 insertions(+), 18 deletions(-)

diff --git a/apps/course/templates/course/course.html b/apps/course/templates/course/course.html
index 07634b1a..62ad1a2c 100644
--- a/apps/course/templates/course/course.html
+++ b/apps/course/templates/course/course.html
@@ -158,16 +158,35 @@
         </svg>
         {% endif %}
       </a>
-      <div class="course__share share share_sm">
+
+      <div class="share">
         <div class="share__title">Поделиться курсом</div>
-        <div class="share__list">
-          <div class="likely">
-            <div class="facebook">Facebook</div>
-            <div class="twitter">Twitter</div>
-            <div class="gplus">Google+</div>
-            <div class="vkontakte">VK</div>
-            <div class="pinterest">Pinterest</div>
-          </div>
+        <div class="share__list likely">
+          <!--<a class="share__item vkontakte" href="#">-->
+            <!--<svg class="icon icon-share-facebook">-->
+              <!--<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-vkontakte"></use>-->
+            <!--</svg>-->
+          <!--</a>-->
+          <a class="share__item facebook" href="#">
+            <svg class="icon icon-share-facebook">
+              <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-facebook"></use>
+            </svg>
+          </a>
+          <a class="share__item twitter" href="#">
+            <svg class="icon icon-share-twitter">
+              <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-twitter"></use>
+            </svg>
+          </a>
+          <a class="share__item gplus" href="#">
+            <svg class="icon icon-share-google">
+              <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-google"></use>
+            </svg>
+          </a>
+          <a class="share__item pinterest" href="#">
+            <svg class="icon icon-share-pinterest">
+              <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-pinterest"></use>
+            </svg>
+          </a>
         </div>
       </div>
     </div>
@@ -392,14 +411,32 @@
   <div class="section__center center center_sm">
     <div class="share">
       <div class="share__title">Поделиться курсом</div>
-      <div class="share__list">
-        <div class="likely">
-          <div class="facebook">Facebook</div>
-          <div class="twitter">Twitter</div>
-          <div class="gplus">Google+</div>
-          <div class="vkontakte">VK</div>
-          <div class="pinterest">Pinterest</div>
-        </div>
+      <div class="share__list likely">
+        <!--<a class="share__item vkontakte" href="#">-->
+        <!--<svg class="icon icon-share-facebook">-->
+        <!--<use xlink:href="{% static 'img/sprite.svg' %}#icon-share-vkontakte"></use>-->
+        <!--</svg>-->
+        <!--</a>-->
+        <a class="share__item facebook" href="#">
+          <svg class="icon icon-share-facebook">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-facebook"></use>
+          </svg>
+        </a>
+        <a class="share__item twitter" href="#">
+          <svg class="icon icon-share-twitter">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-twitter"></use>
+          </svg>
+        </a>
+        <a class="share__item gplus" href="#">
+          <svg class="icon icon-share-google">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-google"></use>
+          </svg>
+        </a>
+        <a class="share__item pinterest" href="#">
+          <svg class="icon icon-share-pinterest">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-pinterest"></use>
+          </svg>
+        </a>
       </div>
     </div>
   </div>
diff --git a/web/src/js/modules/courses.js b/web/src/js/modules/courses.js
index 8463c4c3..90ffeb97 100644
--- a/web/src/js/modules/courses.js
+++ b/web/src/js/modules/courses.js
@@ -3,7 +3,7 @@ import moment from 'moment';
 import createHistory from 'history/createBrowserHistory';
 
 // Likely
-import 'ilyabirman-likely/release/likely.css';
+// import 'ilyabirman-likely/release/likely.css';
 import 'ilyabirman-likely/release/likely.js';
 
 moment.locale('ru');
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index 13a6e6e0..0363006f 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -2575,6 +2575,8 @@ a.grey-link
       margin-right: 20px
     .icon
       font-size: 40px
+    span:first-child
+      display: none;
   &_sm &__title
     margin-bottom: 15px 
   &_sm &__item