Vitaly Baev
8 years ago
commit
08c2eb5fa9
42 changed files with 709 additions and 226 deletions
@ -1,15 +1,10 @@ |
||||
{% extends "templates/lilcity/index.html" %} {% load static %} |
||||
{% block title %}Онлайн-школа LilCity{% endblock title%} |
||||
{% block content %} |
||||
{% if not is_purchased %} |
||||
{% include "../blocks/promo.html" %} |
||||
{% include "../blocks/about.html" %} |
||||
{% include "../blocks/advantages.html" %} |
||||
{% include "../blocks/online.html" %} |
||||
{% include "../blocks/schedule.html" %} |
||||
{% include "templates/blocks/game.html" %} |
||||
{% include "templates/blocks/partners.html" %} |
||||
{% else %} |
||||
{% include "../blocks/schedule_purchased.html" %} |
||||
{% endif %} |
||||
{% endblock %} |
||||
|
||||
@ -0,0 +1,15 @@ |
||||
{% extends "templates/lilcity/index.html" %} {% load static %} |
||||
{% block title %}Онлайн-школа LilCity{% endblock title%} |
||||
{% block content %} |
||||
{% if not is_purchased %} |
||||
{% include "../summer/promo.html" %} |
||||
{% include "../summer/about.html" %} |
||||
{% include "../summer/advantages.html" %} |
||||
{% include "../summer/online.html" %} |
||||
{% include "../blocks/schedule.html" %} |
||||
{% include "templates/blocks/game.html" %} |
||||
{% include "templates/blocks/partners.html" %} |
||||
{% else %} |
||||
{% include "../summer/schedule_purchased.html" %} |
||||
{% endif %} |
||||
{% endblock %} |
||||
@ -0,0 +1,78 @@ |
||||
{% load static %} {% load thumbnail %} |
||||
<div class="timing__item{% if school_schedule.weekday > 5 %} timing__item_bg{% endif %} js-timing-item js-timing-toggle{% if not school_schedule.weekday in school_schedules_purchased %} disable{% endif %}"> |
||||
<div class="timing__cell"> |
||||
<div class="timing__info"> |
||||
<div class="timing__day{% if school_schedule.is_online %} active{% endif %}"> |
||||
{{ school_schedule }} |
||||
</div> |
||||
{% if live_lesson %} |
||||
<div class="timing__date">{{ live_lesson.date }}</div> |
||||
{% endif %} |
||||
</div> |
||||
<div class="timing__buy"> |
||||
<div class="timing__time">{{ school_schedule.start_at }} (МСК)</div> |
||||
{% if school_schedule.weekday in school_schedules_purchased %} |
||||
{% if live_lesson and school_schedule.is_online or live_lesson and is_previous and live_lesson in live_lessons %} |
||||
{% include './open_lesson.html' %} |
||||
{% endif %} |
||||
{% else %} |
||||
{% include './day_pay_btn.html' %} |
||||
{% endif %} |
||||
</div> |
||||
{% comment %} |
||||
<!-- это нужно чтобы в попапе продления школы всегда знать какие дни выбраны(куплены) --> |
||||
{% endcomment %} |
||||
{% if school_schedule.weekday in school_schedules_purchased %} |
||||
<span style="display: none;" data-purchased="{{ school_schedule.weekday }}"></span> |
||||
{% endif %} |
||||
</div> |
||||
<div class="timing__cell"> |
||||
<div class="timing__preview"> |
||||
{% thumbnail live_lesson.cover.image "70x70" crop="center" as im %} |
||||
<img class="timing__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" /> |
||||
{% empty %} |
||||
<img class="timing__pic" src="{% static 'img/no_cover.png' %}" width="70px" height="70px" /> |
||||
{% endthumbnail %} |
||||
</div> |
||||
</div> |
||||
<div class="timing__cell"> |
||||
<div class="timing__title">{{ school_schedule.title }}{% if live_lesson %}, |
||||
<span class="bold">{{ live_lesson.title }}</span> |
||||
{% endif %} |
||||
</div> |
||||
<div class="timing__content"> |
||||
{% if live_lesson %} |
||||
{{ live_lesson.short_description }} |
||||
{% else %} |
||||
{{ school_schedule.description }} |
||||
{% endif %} |
||||
</div> |
||||
<div class="timing__more"> |
||||
<div class="timing__head">Материалы</div> |
||||
<div class="timing__row"> |
||||
<div class="timing__text"> |
||||
{{ school_schedule.materials }} |
||||
</div> |
||||
</div> |
||||
{% if school_schedule.schoolschedule_images.exists %} |
||||
<div class="timing__head">Результаты прошлых уроков</div> |
||||
<div class="timing__works gallery"> |
||||
{% for image in school_schedule.schoolschedule_images.all %} |
||||
{% thumbnail image.img.image "48x48" crop="center" as im %} |
||||
<a class="timing__work" href="{{ image.img.image.url }}"> |
||||
<img class="timing__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}"/> |
||||
</a> |
||||
{% endthumbnail %} |
||||
{% endfor %} |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
<div class="timing__cell"> |
||||
<button class="timing__toggle"> |
||||
<svg class="icon icon-arrow-down"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-down"></use> |
||||
</svg> |
||||
</button> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,26 @@ |
||||
{% load static %} |
||||
<div class="section" id="about"> |
||||
<div class="section__center center"> |
||||
<div class="title title_center">О школе</div> |
||||
<div class="about"> |
||||
<div class="about__ava ava"> |
||||
<img class="ava__pic" src="{% static 'img/user.jpg' %}"> |
||||
</div> |
||||
<div class="about__wrap"> |
||||
<div class="about__content"> |
||||
<p>С раннего возраста мы стремимся развить в детях креативность, умение думать и анализировать, работать в смешанных |
||||
техниках и всевозможными материалами. Каждый урок интересный и уникальный.</p> |
||||
<p>Для раскрытия творческого потенциала создаем благоприятные условия которые вдохновляют к развитию. Наша школа создает |
||||
необходимую среду, в которой маленькое семечко способностей и желания рисовать вырастет в могучее дерево безграничного |
||||
потенциала. |
||||
</p> |
||||
<p>Наши ученики становятся осознанными, уверенными и творческими личностями.</p> |
||||
<p>Они способны решать сложные задачи благодаря воображению.</p> |
||||
</div> |
||||
<div class="about__ceo">- Sasha Kru, CEO и основатель |
||||
<a href='#'>Lil.City</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,44 @@ |
||||
{% load static %} |
||||
<div class="section section_benefits" id="advantages"> |
||||
<div class="section__center center"> |
||||
<div class="title title_center">Преимущества</div> |
||||
<div class="benefits benefits_colors"> |
||||
<div class="benefits__item"> |
||||
<div class="benefits__preview"> |
||||
<svg class="icon icon-thumb"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-thumb"></use> |
||||
</svg> |
||||
</div> |
||||
<div class="benefits__title">Доступность</div> |
||||
<div class="benefits__content">Учитесь, не выходя из дома. С жизнью в городах, времени для образования остается не много.</div> |
||||
</div> |
||||
<div class="benefits__item"> |
||||
<div class="benefits__preview"> |
||||
<svg class="icon icon-wallet"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-wallet"></use> |
||||
</svg> |
||||
</div> |
||||
<div class="benefits__title">Стоимость</div> |
||||
<div class="benefits__content">Онлайн-образование дешевле и эффективнее. Вы сами выбираете сколько платить.</div> |
||||
</div> |
||||
<div class="benefits__item"> |
||||
<div class="benefits__preview"> |
||||
<svg class="icon icon-location"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-location"></use> |
||||
</svg> |
||||
</div> |
||||
<div class="benefits__title">Свобода перемещений</div> |
||||
<div class="benefits__content">С онлайн-образованием не нужно тратить свое время на что-то кроме образования.</div> |
||||
</div> |
||||
<div class="benefits__item"> |
||||
<div class="benefits__preview"> |
||||
<svg class="icon icon-searching"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-searching"></use> |
||||
</svg> |
||||
</div> |
||||
<div class="benefits__title">Выбор преподавателя</div> |
||||
<div class="benefits__content">Личные аккаунты Инстаграм также доступны, чтобы узнать о творчестве, мыслях и интересах.</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,7 @@ |
||||
<a |
||||
{% if not user.is_authenticated %} |
||||
data-popup=".js-popup-auth" |
||||
{% endif %} |
||||
class="timing__btn btn" |
||||
href="{% url 'school-checkout' %}?weekdays={{ school_schedule.weekday }}&add_days=true" |
||||
>купить</a> |
||||
@ -0,0 +1,21 @@ |
||||
{% load static %} {% if course_items %} |
||||
<div class="section section_courses"> |
||||
<div class="section__center center"> |
||||
<div class="text"> |
||||
<p>Хотите ещё? :) |
||||
<br>Для Вас у нас есть дополнительные видео-курсы на самые душещипательные темы.</p> |
||||
</div> |
||||
<div class="head"> |
||||
<div class="head__title title title_center">Видео-курсы</div> |
||||
</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> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endif %} |
||||
@ -0,0 +1,12 @@ |
||||
{% load static %} |
||||
<a class="online" target="_blank" href="https://www.youtube.com/watch?v=PhZ8qQbIej0" style="background-image: url({% static 'img/video-1.jpg' %});"> |
||||
<div class="online__center center"> |
||||
<div class="online__type">ПРЯМОЙ ЭФИР</div> |
||||
<div class="online__title">В 17.00 (по Мск) </div> |
||||
<div class="online__text text">Понедельник, среда, пятница.</div> |
||||
<div class="online__action"> |
||||
<svg class="icon icon-play"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-play"></use> |
||||
</svg>СМОТРЕТЬ ПРИМЕР ЭФИРА</div> |
||||
</div> |
||||
</a> |
||||
@ -0,0 +1,4 @@ |
||||
<a |
||||
class="timing__btn btn btn_light" |
||||
href="{% url 'school:lesson-detail' live_lesson.id %}" |
||||
>смотреть урок</a> |
||||
@ -0,0 +1,9 @@ |
||||
<a |
||||
{% if not user.is_authenticated %} |
||||
data-popup=".js-popup-auth" |
||||
{% else %} |
||||
data-popup=".js-popup-buy" |
||||
{% endif %} |
||||
class="casing__btn btn{% if pink %} btn_pink{% endif %}" |
||||
href="#" |
||||
>продлить</a> |
||||
@ -0,0 +1,67 @@ |
||||
{% load static %} |
||||
<div class="main main_default" style="background-image: url({% static 'img/bg-2.jpg' %});"> |
||||
<div class="main__center center"> |
||||
<div class="main__title"> |
||||
<span class="main__bold">Lil School</span> — первая образовательная онлайн-платформа креативного мышления для детей |
||||
</div> |
||||
<div class="main__subtitle"> |
||||
Присоединяйтесь в Рисовальный лагерь |
||||
</div> |
||||
<div class="main__actions"> |
||||
<a |
||||
{% if not is_purchased_future %} |
||||
{% if not user.is_authenticated %} |
||||
data-popup=".js-popup-auth" |
||||
{% else %} |
||||
data-popup=".js-popup-buy" |
||||
{% endif %} |
||||
{% endif %} |
||||
class="main__btn btn" |
||||
href="#" |
||||
> |
||||
{% if not is_purchased and not is_purchased_future %}Получить доступ{% endif %} |
||||
{% if is_purchased_future and not is_purchased %}ваша подписка начинается {{school_purchased_future.date_start}}{% endif %} |
||||
{% if is_purchased %}ваша подписка истекает {{ subscription_ends_humanize }}<br/>перейти к оплате{% endif %} |
||||
</a> |
||||
|
||||
</div> |
||||
<div class="main__school 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> |
||||
<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> |
||||
<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">12 уроков</div> |
||||
<div class="school__text">В разных техниках</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> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,69 @@ |
||||
{% load static %} {% load thumbnail %} |
||||
<div class="section" id="schedule"> |
||||
<div class="section__center center"> |
||||
{% include 'templates/blocks/messages.html' %} |
||||
<div class="casing"> |
||||
<div class="casing__col"> |
||||
<div class="casing__subscribe"> |
||||
{% if is_purchased %} |
||||
<div class="casing__msg">Подписка истекает |
||||
<span class="bold">{{ subscription_ends }}</span> |
||||
</div> |
||||
{% include './prolong_btn.html' %} |
||||
{% else %} |
||||
<div class="casing__msg">Подписка |
||||
<span class="bold">истекла</span> |
||||
</div> |
||||
{% include './prolong_btn.html' with pink=True %} |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
<div class="casing__col"> |
||||
{% if not profile %} |
||||
<div class="casing__head"> |
||||
{% if is_previous %} |
||||
<div class="casing__title title">Запись уроков</div> |
||||
{% else %} |
||||
<div class="casing__title title">Новые уроки</div> |
||||
{% endif %} |
||||
<label class="casing__switcher switcher"> |
||||
<span class="switcher__wrap"> |
||||
<a href="{% url 'school:summer-school' %}?is_previous=true" class="switcher__item{% if is_previous %} active{% endif %}">запись уроков</a> |
||||
<a href="{% url 'school:summer-school' %}" class="switcher__item{% if not is_previous %} active{% endif %}">новые уроки</a> |
||||
</span> |
||||
</label> |
||||
</div> |
||||
{% endif %} |
||||
<div class="casing__timing timing js-timing"> |
||||
<div class="timing__week"> |
||||
{% if is_previous and not live_lessons_exists %} |
||||
Записей уроков пока нет |
||||
{% else %} |
||||
{% for school_schedule in school_schedules %} |
||||
{% if is_previous %} |
||||
{% if school_schedule.previous_live_lesson in live_lessons %} |
||||
{% include './_schedule_purchased_item.html' with school_schedule=school_schedule live_lesson=school_schedule.previous_live_lesson %} |
||||
{% endif %} |
||||
{% else %} |
||||
{% include './_schedule_purchased_item.html' with school_schedule=school_schedule live_lesson=school_schedule.current_live_lesson %} |
||||
{% endif %} |
||||
{% endfor %} |
||||
{% endif %} |
||||
</div> |
||||
<div class="timing__week"> |
||||
{% comment %} previous week schedules {% endcomment %} |
||||
</div> |
||||
<div class="timing__foot"> |
||||
<a target="_blank" class="timing__print" href="{% url 'school:school_schedules-print' %}">Распечатать расписание |
||||
<span class="bold">чтобы не забыть</span> |
||||
<svg class="icon icon-print"> |
||||
<use xlink:href="{% static 'img/sprite.svg' %}#icon-print"></use> |
||||
</svg> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% include './last_courses.html' %} |
||||
@ -1,37 +1,37 @@ |
||||
{% load static %} |
||||
<div class="section section_arts"> |
||||
<div class="section__center"> |
||||
<div class="arts"> |
||||
<div class="arts__col"> |
||||
<div class="arts__item" style="background-image: url({% static 'img/art01.png' %});"> |
||||
<div class="arts__title">Персонаж</div> |
||||
</div> |
||||
</div> |
||||
<div class="arts__col"> |
||||
<div class="arts__item" style="background-image: url({% static 'img/art02.png' %});"> |
||||
<div class="arts__title">Развитие креативного мышления</div> |
||||
</div> |
||||
</div> |
||||
<div class="arts__col"> |
||||
<div class="arts__item" style="background-image: url({% static 'img/art03.png' %});"> |
||||
<div class="arts__title">Акварельная живопись</div> |
||||
</div> |
||||
</div> |
||||
<div class="arts__col"> |
||||
<div class="arts__item" style="background-image: url({% static 'img/art04.png' %});"> |
||||
<div class="arts__title">Пластилиновая живопись</div> |
||||
</div> |
||||
</div> |
||||
<div class="arts__col"> |
||||
<div class="arts__item" style="background-image: url({% static 'img/art05.png' %});"> |
||||
<div class="arts__title">История искусств</div> |
||||
</div> |
||||
</div> |
||||
<div class="arts__col"> |
||||
<div class="arts__item" style="background-image: url({% static 'img/art06.png' %});"> |
||||
<div class="arts__title">Коллаж</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!--<div class="section section_arts">--> |
||||
<!--<div class="section__center">--> |
||||
<!--<div class="arts">--> |
||||
<!--<div class="arts__col">--> |
||||
<!--<div class="arts__item" style="background-image: url({% static 'img/art01.png' %});">--> |
||||
<!--<div class="arts__title">Персонаж</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--<div class="arts__col">--> |
||||
<!--<div class="arts__item" style="background-image: url({% static 'img/art02.png' %});">--> |
||||
<!--<div class="arts__title">Развитие креативного мышления</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--<div class="arts__col">--> |
||||
<!--<div class="arts__item" style="background-image: url({% static 'img/art03.png' %});">--> |
||||
<!--<div class="arts__title">Акварельная живопись</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--<div class="arts__col">--> |
||||
<!--<div class="arts__item" style="background-image: url({% static 'img/art04.png' %});">--> |
||||
<!--<div class="arts__title">Пластилиновая живопись</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--<div class="arts__col">--> |
||||
<!--<div class="arts__item" style="background-image: url({% static 'img/art05.png' %});">--> |
||||
<!--<div class="arts__title">История искусств</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--<div class="arts__col">--> |
||||
<!--<div class="arts__item" style="background-image: url({% static 'img/art06.png' %});">--> |
||||
<!--<div class="arts__title">Коллаж</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
<!--</div>--> |
||||
|
||||
@ -0,0 +1,36 @@ |
||||
{% load static %} |
||||
<div class="popup js-popup-subscribe"> |
||||
<div class="popup__wrap js-popup-wrap"> |
||||
<button class="popup__close js-popup-close"> |
||||
<svg class="icon icon-close"> |
||||
<use xlink:href={% static "img/sprite.svg" %}#icon-close></use> |
||||
</svg> |
||||
</button> |
||||
<div class="popup__body"> |
||||
<div class="auth js-auth" style="padding:20px 20px 25px;"> |
||||
<div class="auth__login js-auth-login"> |
||||
<div class="auth__body"> |
||||
<form id="learner-auth-form" method="post" action="{% url 'subscribe' %}"> |
||||
{% csrf_token %} |
||||
<div class="auth__tab js-auth-tab" style="display: block;"> |
||||
<div class="auth__enter js-auth-enter"> |
||||
<div id="learner-auth-field__username" class="auth__field field learner-auth-form__field"> |
||||
<div class="field__label">ПОЧТА</div> |
||||
<div class="field__wrap"><input id="learner-auth-form__email" class="field__input" type="email" |
||||
name="email" |
||||
placeholder="name@website.com" tabindex="1"></div> |
||||
<div id="learner-auth-field-error__username" |
||||
class="field__error learner-auth-form__field-error"></div> |
||||
</div> |
||||
<div class="auth__foot"> |
||||
<button id="learner-auth__button" class="auth__btn btn btn_light" tabindex="3">Подписаться</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,12 @@ |
||||
{% extends "templates/lilcity/index.html" %} {% load static %} {% block content %} |
||||
<div class="section"> |
||||
<div class="section__center center center_xs"> |
||||
<div class="done"> |
||||
<div class="done__title title">Вы успешно оставили заявку на школу!</div> |
||||
<div class="done__foot"> |
||||
<a class="done__btn btn btn_md btn_stroke" href="/">ПЕРЕЙТИ К ГЛАВНОЙ</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endblock content %} |
||||
Loading…
Reference in new issue