mitri4
/
LilSchool
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

LIL-701 Новый дизайн главной

Browse Source
remotes/origin/editis_13-01-19
gzbender 7 years ago
parent dc4c4a81ed
commit db354282ee
8 changed files with 105 additions and 62 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 58
      project/templates/blocks/about.html
  2. 5
      project/templates/blocks/gallery.html
  3. 11
      project/templates/blocks/last_courses.html
  4. 28
      project/templates/blocks/online_school.html
  5. 2
      project/templates/blocks/promo.html
  6. 3
      project/templates/blocks/video.html
  7. 7
      project/templates/lilcity/main.html
  8. 53
      web/src/sass/_common.sass

58
project/templates/blocks/about.html
Unescape View File

@ -1,46 +1,46 @@
{% load static %}
<div class="anchor" id="about"></div>
<div class="section section_school" style="padding-top: 0;">
<div class="section__center center">
<div class="text text_lg">
<p>Вы житель мегаполиса и&nbsp;у&nbsp;вас нет времени дополнительно развивать своего ребенка?
Или&nbsp;вы&nbsp;живете в&nbsp;маленьком городе,
где&nbsp;нет&nbsp;качественных школ и&nbsp;секций для&nbsp;детей?</p>
<p><b>Lil School</b>&nbsp;это решение для&nbsp;тех&nbsp;родителей, кто&nbsp;стремится дать лучшее своему ребенку.
Учитесь не&nbsp;выходя из&nbsp;дома!</p>
</div>
</div>
</div>
<div class="section section_school">
<div class="section__center center">
<div class="text text_only_curve">
<img class="text__curve text__curve_one" src="{% static 'img/curve-1.svg' %}" width="320">
<img class="text__curve text__curve_five" src="{% static 'img/curve-2.svg' %}" width="210">
<div class="title">Lil School в цифрах</div>
</div>
<div class="school">
<div class="school school_main">
<div class="school__col">
<div class="school__preview">
<svg class="icon icon-online">
<use xlink:href="{% static 'img/sprite.svg' %}#icon-online"></use>
</svg>
</div>
<div class="school__title">Видеоуроки</div>
<div class="school__text">Каждый день</div>
<div class="school__preview">11785</div>
<div class="school__title">учеников</div>
<div class="school__text">прошли обучение в&nbsp;Lil&nbsp;School.</div>
</div>
<div class="school__col">
<div class="school__preview">
<svg class="icon icon-everyday">
<use xlink:href="{% static 'img/sprite.svg' %}#icon-everyday"></use>
</svg>
<div class="school__preview">54382</div>
<div class="school__title">работ</div>
<div class="school__text">
создано учениками Lil&nbsp;School.<br>
Большую часть из&nbsp;них легко найти в&nbsp;<a href="#TODO">инстаграм</a>.
</div>
<div class="school__title">В 17:00</div>
<div class="school__text">По московскому времени</div>
</div>
<div class="school__col">
<div class="school__preview">
<svg class="icon icon-subjects">
<use xlink:href="{% static 'img/sprite.svg' %}#icon-subjects"></use>
</svg>
</div>
<div class="school__title">7 дисциплин</div>
<div class="school__text">В разных техниках</div>
<div class="school__preview">32</div>
<div class="school__title">страны</div>
<div class="school__text">где живут талантливые ученики Lil&nbsp;School.</div>
</div>
<div class="school__col">
<div class="school__preview">
<svg class="icon icon-view">
<use xlink:href="{% static 'img/sprite.svg' %}#icon-view"></use>
</svg>
</div>
<div class="school__title">Запись эфира</div>
<div class="school__text">Хранится 7 дней</div>
<div class="school__preview">107</div>
<div class="school__title">городов</div>
<div class="school__text">со&nbsp;всего мира со&nbsp;счастливыми учениками Lil&nbsp;School.</div>
</div>
</div>
<div class="letsgo"></div>

5
project/templates/blocks/gallery.html
Unescape View File

@ -5,9 +5,8 @@
<div class="title title_center">Галерея</div>
</a>
<div class="text">
<p>Тысячи шедевров уже созданы благодаря Lil School. Более 10000 работ можно
<a target="_blank" href='{{ config.SERVICE_INSTAGRAM_URL }}'>увидеть</a> в Инстаграм</p>
<img class="text__curve text__curve_three" src="{% static 'img/curve-3.svg' %}">
<p>Тысячи шедевров уже&nbsp;созданы благодаря Lil&nbsp;School. Более 10000&nbsp;работ можно
<a target="_blank" href='{{ config.SERVICE_INSTAGRAM_URL }}'>увидеть</a> в&nbsp;Инстаграм</p>
</div>
<div class="gallery">
<div class="gallery__grid">

11
project/templates/blocks/last_courses.html
Unescape View File

@ -1,17 +1,16 @@
{% load static %} {% if course_items %}
<div class="section section_courses">
<div class="section__center center">
<div class="title title_center">Видео-курсы без расписания</div>
<div class="text text_courses">Если вам не совсем удобно заниматься с нами каждый день в нашей онлайн-школе, специально для вас мы
делаем отдельные уроки в записи, которые вы можете проходить, когда вам будет удобно.<br><br>
Учите и развивайте креативное мышление когда и где угодно
<div class="title title_center">Онлайн-курсы</div>
<div class="text">Помимо школы у нас есть углубленные видео-курсы на разные темы для тех,
кто хочет стать настоящим профессионалом
</div>
<div class="courses">
<div class="courses__list">
{% include "course/course_items.html" %}
</div>
<div class="courses__load load">
<a class="load__btn btn" href="{% url 'courses' %}">Узнать подробнее</a>
<div class="text">
<a class="btn" href="{% url 'courses' %}">Подробнее о видео-курсах</a>
</div>
</div>
</div>

28
project/templates/blocks/online_school.html
Unescape View File

@ -0,0 +1,28 @@
<div class="section section_school">
<div class="section__center center">
<div class="title title_center">Процесс</div>
<div class="text">
Онлайн-образование &mdash; это очень удобно! Можете учиться в&nbsp;пижаме, без&nbsp;макияжа
и&nbsp;с&nbsp;огурцами на&nbsp;лице!)
</div>
<div class="school school_main">
<div class="school__col">
<div class="school__preview">Видеоуроки</div>
<div class="school__text">Каждый день!</div>
</div>
<div class="school__col">
<div class="school__preview">В 17:00</div>
<div class="school__text">По московскому времени</div>
</div>
<div class="school__col">
<div class="school__preview">7 дисциплин</div>
<div class="school__text">В разных техниках</div>
</div>
<div class="school__col">
<div class="school__preview">Запись эфира</div>
<div class="school__text">Хранится 7 дней</div>
</div>
</div>
<div class="letsgo"></div>
</div>
</div>

2
project/templates/blocks/promo.html
Unescape View File

@ -69,7 +69,7 @@
</a>
<a class="main__btn btn btn_stroke-black" href="{% url 'gift-certificates' %}">Подарить другу</a>
{% else %}
<a class="main__btn btn btn_white" href="{% url 'school:school' %}">Подробнее</a>
<a class="main__btn btn" href="{% url 'school:school' %}">Подробнее</a>
{% endif %}
</div>
{% endif %}

3
project/templates/blocks/video.html
Unescape View File

@ -1,6 +1,6 @@
<div class="section section_video">
<div class="section__center center center_sm" style="text-align: center;">
<iframe style="display: inline-block;"
<iframe class="main-video" style="display: inline-block;"
width="100%"
height="360"
src="https://www.youtube.com/embed/1w3amQGtQyc"
@ -8,5 +8,6 @@
allow="autoplay; encrypted-media"
allowfullscreen
></iframe>
<div>Много развивающих видео на&nbsp;нашем <a href="{{ config.SERVICE_YOUTUBE_URL }}">YouTube&nbsp;канале</a></div>
</div>
</div>

7
project/templates/lilcity/main.html
Unescape View File

@ -17,9 +17,12 @@
{% include "templates/blocks/arts.html" %}
{% include "templates/blocks/video.html" %}
{% include "templates/blocks/about.html" %}
{% include "templates/blocks/last_courses.html" %}
{% include "templates/blocks/gallery.html" %}
{% include "templates/blocks/mobile_apps.html" %}
{% include "templates/blocks/online_school.html" %}
{% include "templates/blocks/reviews.html" %}
{% include "templates/blocks/teachers.html" %}
{% include "templates/blocks/game.html" %}
{% include "templates/blocks/last_courses.html" %}
{% include "templates/blocks/partners.html" %}
{% include "templates/blocks/game.html" %}
{% endblock content %}

53
web/src/sass/_common.sass
Unescape View File

@ -13,16 +13,16 @@
+font(ProximaNova-Regular, ProximaNova-Regular)
=f
font-family: 'ProximaNova-Regular', serif
font-family: 'ProximaNova-Regular', sans-serif
+font(ProximaNova-Bold, ProximaNova-Bold)
=fb
font-family: 'ProximaNova-Bold', serif
font-family: 'ProximaNova-Bold', sans-serif
+font(ProximaNova-SemiBold, ProximaNova-SemiBold)
=fs
font-family: 'ProximaNova-SemiBold', serif
font-family: 'ProximaNova-SemiBold', sans-serif
+font(ProximaNova-Light, ProximaNova-Light)
=fl
font-family: 'ProximaNova-Light', serif
font-family: 'ProximaNova-Light', sans-serif
$pink: #FF9393
$pink-light: #FDF8F9
@ -772,10 +772,10 @@ a.btn
&_sm &__title
margin-bottom: 0
&_default
padding-top: 165px
padding-bottom: 30px
padding-top: 200px
padding-bottom: 125px
&_default &__center
margin-bottom: 0
margin: 0 auto
&_default &__title
margin-bottom: 25px
+f
@ -805,7 +805,7 @@ a[name]
.title
position: relative
margin-bottom: 35px
+fb
+f
font-size: 32px
line-height: (35/32)
z-index: 4
@ -819,6 +819,8 @@ a[name]
&_sm
margin-bottom: 20px
font-size: 25px
&_light
font-family: 'ProximaNova-Light', serif
.subtitle
margin-bottom: 25px
@ -900,6 +902,9 @@ a[name]
+m
left: 30px
bottom: -20px
&_five
left: -100px
bottom: -90px
&_lg
max-width: 740px
&_mb0
@ -1379,17 +1384,15 @@ a[name]
width: 140px
height: 140px
margin: 0 10px 20px
+m
width: 140px
height: 140px
+t
width: calc(33.33% - 10px)
margin: 0 5px 10px
&_lg
width: 300px
height: 300px
overflow: hidden
+m
+t
width: calc(66.66% - 10px)
height: calc(66.66% - 10px)
&:nth-child(4)
clear: both
&__pic
@ -1826,7 +1829,6 @@ a.grey-link
.partners
display: flex
margin: 0 -10px -20px
flex-wrap: wrap
align-items: center
justify-content: center
+m
@ -1836,7 +1838,7 @@ a.grey-link
flex: 0 0 calc(16.66% - 20px)
+m
margin: 0 5px 10px
flex: 0 0 calc(33.33% - 10px)
flex: 0 0 calc(25% - 10px)
&_promocodes &__item
text-align: center;
&__item-promocode
@ -2426,6 +2428,12 @@ a.grey-link
&.visible &__wrap
transform: scale(1)
.main-video
margin-top: -140px
z-index: 10
position: relative
box-shadow: 0 10px 100px rgba(0,0,0,0.20)
.head
display: flex
margin-bottom: 50px
@ -3896,12 +3904,17 @@ a.grey-link
+m
flex: 0 0 50%
&_main &__preview
margin-bottom: 15px
.icon
fill: white
&_main &__title
margin-bottom: 10px
font-size: 32px
+t
font-size: 16px
font-size: 24px
&_main &__title
font-size: 15px
text-transform: uppercase
font-weight: bold
&_main &__text
text-transform: none
font-size: 15px
.arts
display: flex

Write Preview
Loading…
Cancel
Save