From 3628f4eaa9d17940bc3b1703f631e4fb5baea31c Mon Sep 17 00:00:00 2001
From: nikita <cfwm@yandex.ru>
Date: Fri, 8 Jun 2018 00:18:03 +0300
Subject: [PATCH] LIL-512 teacher block styling

---
 project/templates/blocks/teachers.html | 40 ++++++++++++++++++++++----
 project/templates/lilcity/index.html   |  2 +-
 web/src/sass/_common.sass              |  6 ++--
 3 files changed, 40 insertions(+), 8 deletions(-)

diff --git a/project/templates/blocks/teachers.html b/project/templates/blocks/teachers.html
index 91e9b1cd..e88db212 100644
--- a/project/templates/blocks/teachers.html
+++ b/project/templates/blocks/teachers.html
@@ -17,15 +17,45 @@
         </div>
         <div class="teachers__wrap">
           <div class="teachers__title">{{ teacher.get_full_name }}
-            {% if teacher.instagram_hashtag %}
-            , <a href='https://www.instagram.com/explore/tags/{{ teacher.instagram_hashtag }}/' target="_blank">
+            {% if teacher.instagram_hashtag %}, <a href='https://www.instagram.com/explore/tags/{{ teacher.instagram_hashtag }}/' target="_blank">
                 #{{ teacher.instagram_hashtag }}
               </a>
             {% endif %}
           </div>
-          {% if teacher.instagram %}
-          <div class="teachers__name">{{ teacher.instagram }}</div>
-          {% endif %} {% if teacher.about %}
+          <div class="teachers__social">
+            {% if teacher.facebook or True %}
+            <a class="social__item" href="{{ teacher.facebook }}" target="_blank">
+              <svg class="icon icon-share-facebook">
+                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-facebook"></use>
+              </svg>
+            </a>
+            {% endif %} {% if teacher.instagram or True %}
+            <a class="social__item" href="{{ teacher.instagram }}" target="_blank">
+              <svg class="icon icon-share-instagram">
+                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-instagram"></use>
+              </svg>
+            </a>
+            {% endif %} {% if teacher.twitter or True %}
+            <a class="social__item" href="{{ teacher.twitter }}" target="_blank">
+              <svg class="icon icon-share-twitter">
+                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-twitter"></use>
+              </svg>
+            </a>
+            {% endif %} {% if teacher.google %}
+            <a class="social__item" href="{{ teacher.google }}" target="_blank">
+              <svg class="icon icon-share-google">
+                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-google"></use>
+              </svg>
+            </a>
+            {% endif %} {% if teacher.pinterest %}
+            <a class="social__item" href="{{ teacher.pinterest }}" target="_blank">
+              <svg class="icon icon-share-pinterest">
+                <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-pinterest"></use>
+              </svg>
+            </a>
+            {% endif %}
+          </div>
+          {% if teacher.about %}
           <div class="teachers__content">
             {{ teacher.about }}
           </div>
diff --git a/project/templates/lilcity/index.html b/project/templates/lilcity/index.html
index 71ce74a4..b1167d28 100644
--- a/project/templates/lilcity/index.html
+++ b/project/templates/lilcity/index.html
@@ -30,7 +30,7 @@
     {% comment %} <meta property="fb:admins" content="Facebook numeric ID"> {% endcomment %}
 
     <meta name="csrf-token" content="{{ csrf_token }}">
-    <link rel="stylesheet" media="all" href={% static "app.css" %}?5>
+    <link rel="stylesheet" media="all" href={% static "app.css" %}?6>
     <link rel="shortcut icon" type="image/png" href="{% static 'img/favicon.png' %}"/>
     <script>
         var viewportmeta = document.querySelector('meta[name="viewport"]');
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index 168f6950..98dc89a6 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -1519,8 +1519,10 @@ a.grey-link
     +t
       font-size: 12px
       letter-spacing: 2px
-  &__name
-    margin-bottom: 20px
+  &__social
+    .social__item
+      margin-right: 3px
+      font-size: 25px
     +fb
   &__content
     font-size: 16px