From 89934f518882d93e05896cdcbf5252169f78eba4 Mon Sep 17 00:00:00 2001
From: gzbender <gzbender74@gmail.com>
Date: Mon, 10 Dec 2018 19:23:01 +0500
Subject: [PATCH] LIL-701

---
 project/templates/blocks/footer.html   | 96 ++++++++++----------------
 project/templates/blocks/messages.html |  2 +-
 web/src/sass/_common.sass              | 54 +++++----------
 3 files changed, 53 insertions(+), 99 deletions(-)

diff --git a/project/templates/blocks/footer.html b/project/templates/blocks/footer.html
index 14ebdebb..bab29b46 100644
--- a/project/templates/blocks/footer.html
+++ b/project/templates/blocks/footer.html
@@ -4,83 +4,57 @@
     <div class="footer__row footer__row_first">
       <div class="footer__col footer__col_md">
         <a class="footer__logo logo" href="/"></a>
-        <div class="footer__content">Первая онлайн-школа креативного мышления Lil School</div>
+        <div class="footer__content">Lil School – первая образовательная онлайн-платформа креативного мышления
+          для детей 5+</div>
       </div>
       <div class="footer__col">
-        <div class="footer__title">КОМПАНИЯ</div>
+        <div class="footer__title">Продукты</div>
         <nav class="footer__nav">
-          <a class="footer__link" href="{% url 'about' %}">О нас</a>
-          <a class="footer__link" href="/#teachers">Преподаватели</a>
+          <a class="footer__link" href="{% url 'school:school' %}">Онлайн-школа</a>
+          <a class="footer__link" href="{% url 'courses' %}">Видео-курсы</a>
           <a class="footer__link" href="https://blog.lil.school">Блог</a>
-          <a class="footer__link" href="/#game">Наши приложения</a>
-          <a class="footer__link" target="_blank" href="https://drive.google.com/drive/folders/1g14ExvB9X_8ZsES6XkNzkTY3QrZm2WgT?usp=sharing">Медиа-кит</a>
+          <a class="footer__link" href="/courses/?category=14">Метод. пособия</a>
+          <!--<a class="footer__link" href="#TODO">Бонусная система</a>-->
+          <a class="footer__link" href="/#game">Мобильные приложения</a>
         </nav>
       </div>
       <div class="footer__col">
-        <div class="footer__title">Программы</div>
+        <div class="footer__title">КОМПАНИЯ</div>
         <nav class="footer__nav">
-          <a class="footer__link" href="{% url 'school:school' %}">Онлайн-школа</a>
-          <a class="footer__link" href="{% url 'courses' %}">Онлайн-курсы</a>
+          <a class="footer__link" href="{% url 'about' %}">О&nbsp;нас</a>
+          <a class="footer__link" href="/#teachers">Преподаватели</a>
           <a class="footer__link" href="{% url 'author_request' %}">Стать автором</a>
+          <a class="footer__link" target="_blank" href="https://drive.google.com/drive/folders/1g14ExvB9X_8ZsES6XkNzkTY3QrZm2WgT?usp=sharing">Медиа-кит</a>
+          <a class="footer__link" href="{% url 'terms' %}">Договор-оферта</a>
+          <a class="footer__link" href="{% url 'refund_policy' %}">Политика возврата</a>
+          <a class="footer__link" href="{% url 'privacy' %}">Политика обработки персональных&nbsp;данных</a>
         </nav>
       </div>
       <div class="footer__col">
         <div class="footer__title">Контакты</div>
-        <div class="footer__contact">Общие вопросы:
-          <a href='mailto:school@lil.city'>school@lil.city</a>
-        </div>
-        <div class="footer__contact">Сотрудничество:
-          <a href='mailto:partnership@lil.city'>partnership@lil.city</a>
-        </div>
-      </div>
-      <div class="footer__col footer__col_md">
-        <div class="footer__title">ПОДПИСАТЬСЯ НА НОВОСТИ</div>
-        <a target="_blank" class="subscribe__btn btn btn_light" href="{{ config.SERVICE_TELEGRAM_CHANNEL }}">
-          <svg class="icon icon-telegram">
-            <use xlink:href={% static "img/sprite.svg" %}#icon-telegram></use>
-          </svg>
-          ПОДПИСАТЬСЯ
-        </a>
-        <div class="subscribe__content">
-            Подпишитесь на наш канал в Telegram чтобы получать от нас важные новости о школе, новых курсах и бонусах от Lil City.
-        </div>
+        <a class="footer__link" href="{{ config.SERVICE_INSTAGRAM_URL }}">Instagram</a>
+        <a class="footer__link" href="{{ config.SERVICE_FB_URL }}">Facebook</a>
+        <a class="footer__link" href="{{ config.SERVICE_YOUTUBE_URL }}">YouTube</a>
+        <a class="footer__link" href="{{ config.SERVICE_TWITTER_URL }}">Twitter</a>
+        <!--<a class="footer__link" href="{{ config.SERVICE_FB_URL }}">Odnoklassniki</a>-->
+        <!--<a class="footer__link" href="{{ config.SERVICE_FB_URL }}">VKontakte</a>-->
+        <a class="footer__link" href='mailto:school@lil.city'>Email по&nbsp;общим вопросам</a>
+        <a class="footer__link" href='mailto:partnership@lil.city'>Сотрудничество</a>
       </div>
     </div>
     <div class="footer__row footer__row_second">
-      <div class="footer__col footer__col_md" style="flex: 0 0 23%;">
-        <div class="footer__socials socials">
-          <a target="_blank" class="socials__item" href="{{ config.SERVICE_INSTAGRAM_URL }}">
-            <svg class="icon icon-instagram">
-              <use xlink:href={% static "img/sprite.svg" %}#icon-instagram></use>
-            </svg>
-          </a>
-          <a target="_blank" class="socials__item" href="{{ config.SERVICE_TWITTER_URL }}">
-            <svg class="icon icon-twitter">
-              <use xlink:href={% static "img/sprite.svg" %}#icon-twitter></use>
-            </svg>
-          </a>
-          <a target="_blank" class="socials__item" href="{{ config.SERVICE_FB_URL }}">
-            <svg class="icon icon-fb">
-              <use xlink:href={% static "img/sprite.svg" %}#icon-fb></use>
-            </svg>
-          </a>
-          <a target="_blank" class="socials__item" href="{{ config.SERVICE_YOUTUBE_URL }}">
-            <svg class="icon icon-youtube">
-              <use xlink:href={% static "img/sprite.svg" %}#icon-youtube></use>
-            </svg>
-          </a>
-        </div>
-      </div>
-      <div class="footer__col footer__col_lg" style="flex: 0 0 77%;">
-        <div class="footer__group">
-          <div class="footer__copyright">{% now 'Y' %} © Lil City, UAB.</div>
-          <div class="footer__links">
-            <a class="footer__link" href="{% url 'terms' %}">Договор-оферта</a>
-            <div class="footer__divider">|</div>
-            <a class="footer__link" href="{% url 'privacy' %}">Политика обработки персональных данных</a>
-            <div class="footer__divider">|</div>
-            <a class="footer__link" href="{% url 'refund_policy' %}">Политика возврата</a>
-          </div>
+      <div class="footer__col footer__col_md"></div>
+      <div class="footer__col footer__col_md">
+        <div>Подписаться на&nbsp;самую интересную рассылку на&nbsp;планете</div>
+        <form class="subscribe" method="post" action="{% url 'subscribe' %}">
+          {% csrf_token %}
+          <input class="subscribe__input" name="email" placeholder="Email">
+          <button class="subscribe__btn btn btn_light">ПОДПИСАТЬСЯ</button>
+        </form>
+        <div class="footer__copyright">
+          Все права защищены ©&nbsp;Lil&nbsp;City,&nbsp;UAB. Все&nbsp;материалы принадлежат компании Lil&nbsp;City,&nbsp;UAB.<br>
+          Никакая из&nbsp;частей этого сайта, текстов или&nbsp;изображений, не&nbsp;может быть&nbsp;скопирована, использована или&nbsp;передана
+          на&nbsp;электронных, физических и&nbsp;других носителях без&nbsp;письменного согласия компании Lil&nbsp;City.
         </div>
       </div>
     </div>
diff --git a/project/templates/blocks/messages.html b/project/templates/blocks/messages.html
index 9702c39d..1455209d 100644
--- a/project/templates/blocks/messages.html
+++ b/project/templates/blocks/messages.html
@@ -1,5 +1,5 @@
 {% if messages %}
-<div class="section section_gray section_menu" style="margin-bottom: 20px;">
+<div class="section section_gray section_menu" style="margin-bottom: 70px;">
   <div class="section__center center center_xs">
     {% for message in messages %}
     <div class="message message_{{ message.tags }}">{{ message }}</div>
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index aa05dafc..a2985d13 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -1965,13 +1965,14 @@ a.grey-link
 
 .footer
   padding: 50px 0 30px
-  background: $bg
   +t
     padding: 30px 0 35px
   &__row
     display: flex
-    margin: 0 -10px
+    margin: 0 -10px 50px
     flex-wrap: wrap
+  &__col
+    flex: 0 0 25%
   &__row_first &__col
     &:nth-child(2)
       +t
@@ -2003,26 +2004,8 @@ a.grey-link
     &:nth-child(5)
       +t
         margin-top: 40px
-  &__row_second
-    margin-top: 50px
-    +t
-      display: block
-      width: 60%
-      margin-top: -50px
-    +m
-      width: 100%
-      margin-top: 30px
-  &__col
-    padding: 0 10px
-    flex: 0 0 16.66%
-    +t
-      flex: 0 0 33.33%
-    +m
-      flex: 0 0 50%
-    &_md
-      flex: 0 0 25%
-    &_lg
-      flex: 0 0 75%
+  &__row_second &__col:nth-child(2)
+      flex: 1
   &__logo
     width: 188px
     height: 58px
@@ -2067,33 +2050,30 @@ a.grey-link
   &__links
     display: flex
     color: #888
-  &__copyright
-    margin-right: 20px
-    +t
-      margin: 20px 0 0
-  &__links
     +t
       display: none
   &__links &__link
     color: #888
   &__divider
     margin: 0 10px
+  &__copyright
+    margin-top: 50px
+    font-size: 14px
+    color: $gray
 
 .subscribe
-  &__field
-    margin-bottom: 10px
-  &__input
-    width: 100%
+  margin-top: 10px
+  &__btn
     height: 40px
+    width: 220px
+  &__input
+    height: 39px
+    width: 220px
     padding: 0 10px
     font-size: 16px
     text-align: center
-  &__btn
-    width: 100%
-  &__content
-    margin-top: 15px
-    font-size: 12px
-    line-height: 1.25
+    margin-right: 20px
+    background: $bg
 
 .socials
   display: flex