LIL-701

7 years ago · 89934f5188
parent b1176d99ab
commit 89934f5188
3 changed files with 53 additions and 99 deletions
--- 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>
--- 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>
--- 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