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

Simplify index template

Browse Source
remotes/origin/hasaccess
Ivlev Denis 8 years ago
parent a5a04ab280
commit 607f00cc36
7 changed files with 539 additions and 511 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. 88
      project/templates/blocks/footer.html
  2. 123
      project/templates/blocks/header.html
  3. 9
      project/templates/blocks/mixpanel.html
  4. 168
      project/templates/blocks/popup_auth.html
  5. 70
      project/templates/blocks/popup_buy.html
  6. 15
      project/templates/blocks/popup_course_lock.html
  7. 577
      project/templates/lilcity/index.html

88
project/templates/blocks/footer.html
Unescape View File

@ -0,0 +1,88 @@
{% load static %}
<footer class="footer">
<div class="footer__center center">
<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 City School</div>
</div>
<div class="footer__col">
<div class="footer__title">КОМПАНИЯ</div>
<nav class="footer__nav">
<a class="footer__link" href="#">О нас</a>
<a class="footer__link" href="#">Преподаватели</a>
<a class="footer__link" target="_blank" href="http://blog.lil.school">Блог</a>
<a class="footer__link" href="#">Наши приложения</a>
<a class="footer__link" target="_blank" href="https://drive.google.com/drive/folders/1g14ExvB9X_8ZsES6XkNzkTY3QrZm2WgT?usp=sharing">Медиа-кит</a>
</nav>
</div>
<div class="footer__col">
<div class="footer__title">Программы</div>
<nav class="footer__nav">
<a class="footer__link" href="#">Онлайн-школа</a>
<a class="footer__link" href="#">Онлайн-курсы</a>
<a class="footer__link" href="{% url 'author_request' %}">Стать автором</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>
<form class="subscribe" method="POST" action="{% url 'subscribe' %}">{% csrf_token %}
<div class="subscribe__field">
<input class="subscribe__input" type="text" name="email" placeholder="Email">
</div>
<button class="subscribe__btn btn btn_light">ПОДПИСАТЬСЯ</button>
<div class="subscribe__content">Мы сами не любим спам, поэтому вы будете подучать от только важные новости о школе, новых курсах и бонусах от Lil
City.
</div>
</form>
</div>
</div>
<div class="footer__row footer__row_second">
<div class="footer__col footer__col_md">
<div class="footer__socials socials">
<a class="socials__item" href="#">
<svg class="icon icon-instagram">
<use xlink:href={% static "img/sprite.svg" %}#icon-instagram></use>
</svg>
</a>
<a class="socials__item" href="#">
<svg class="icon icon-twitter">
<use xlink:href={% static "img/sprite.svg" %}#icon-twitter></use>
</svg>
</a>
<a class="socials__item" href="#">
<svg class="icon icon-fb">
<use xlink:href={% static "img/sprite.svg" %}#icon-fb></use>
</svg>
</a>
<a class="socials__item" href="#">
<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">
<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>
</div>
</div>
</div>
</footer>

123
project/templates/blocks/header.html
Unescape View File

@ -0,0 +1,123 @@
{% load static %} {% load active_link_tags %} {% load category_menu_items from lilcity_category %}
<header class="header header_bg js-header">
<div class="header__center center">
<div class="header__container">
<button class="header__menu js-header-menu">
<svg class="icon icon-menu">
<use xlink:href={% static "img/sprite.svg" %}#icon-menu></use>
</svg>
</button>
<a class="header__logo logo" href="/"></a>
<div class="header__wrap js-header-wrap">
<div class="header__top">
<button class="header__close js-header-close">
<svg class="icon icon-close">
<use xlink:href={% static "img/sprite.svg" %}#icon-close></use>
</svg>
</button>
<form class="header__search search js-search" action="/search/">
<input name="q" class="search__input js-search-input" type="text">
<button class="search__btn js-search-btn" type="submit">
<svg class="icon icon-search">
<use xlink:href={% static "img/sprite.svg" %}#icon-search></use>
</svg>
</button>
</form>
</div>
<nav class="header__nav">
<div class="header__group">
<a class="header__section header__section_sub js-header-section {% active_link 'index' %}" href="{% url 'index' %}">ОНЛАЙН-ШКОЛА</a>
<div class="header__list js-header-list">
<a class="header__link" data-scroll href="/#about">
<div class="header__title">О школе</div>
</a>
{% comment %}
<a class="header__link" href="/">
<div class="header__title">Процесс</div>
</a> {% endcomment %}
<a class="header__link" href="/#advantages">
<div class="header__title">Преимущества</div>
</a>
<a class="header__link" href="/#reviews">
<div class="header__title">Отзывы</div>
</a>
<a class="header__link" href="/#gallery">
<div class="header__title">Галерея</div>
</a>
<a class="header__link" href="/#teachers">
<div class="header__title">Преподаватели</div>
</a>
<a class="header__link" href="/#schedule">
<div class="header__title">Расписание</div>
</a>
<a class="header__link" href="/#partners">
<div class="header__title">Партнеры</div>
</a>
{% comment %}
<a class="header__link" href="/#">
<div class="header__title">Частые вопросы</div>
</a> {% endcomment %} {% comment %}
<a class="header__link" href="/#">
<div class="header__title">Оплата</div>
</a> {% endcomment %} {% comment %}
<a class="header__link" href="/#">
<div class="header__title">Контакты</div>
</a> {% endcomment %}
</div>
</div>
<div class="header__group">
<a class="header__section header__section_sub js-header-section {% active_link 'courses' %}" href="{% url 'courses' %}">ВИДЕОКУРСЫ</a>
<div class="header__list js-header-list">
{% category_menu_items category %}
</div>
</div>
<div class="header__group">
<a class="header__section" target="_blank" href="http://blog.lil.school">БЛОГ</a>
</div>
</nav>
</div>
{% if request.user.is_authenticated %}
<div class="header__login">
{% if request.user.photo %}
<div class="header__ava ava">
<img class="ava__pic" src="{{ request.user.photo.url }}">
</div>
{% else %}
<div class="header__ava ava">
<img class="ava__pic" src="{% static 'img/user.jpg' %}">
</div>
{% endif %}
<div class="header__drop">
{% if request.user.role >= request.user.AUTHOR_ROLE %}
<a class="header__link header__link_border" href="{% url 'user-edit-payments' request.user.id %}">{{ request.user.balance }} руб.</a>
{% if request.user.auth_token %}
<a class="header__link header__link_green" href="{% url 'course_create' %}">
{% comment %}
<a class="header__link header__link_gray disabled" href="#"> {% endcomment %}
<div class="header__title">ДОБАВИТЬ КУРС</div>
</a>
{% endif %} {% endif %}
<a class="header__link" href="{% url 'user' request.user.id %}">
<div class="header__title">ПРОФИЛЬ</div>
</a>
<a class="header__link" href="#">
<div class="header__title">НАСТРОЙКИ</div>
</a>
<a class="header__link" href="{% url 'lilcity:logout' %}">
<div class="header__title">ВЫЙТИ</div>
</a>
</div>
</div>
{% else %}
<button class="header__enter js-header-enter" data-popup=".js-popup-auth">ВХОД
<svg class="icon icon-user">
<use xlink:href={% static "img/sprite.svg" %}#icon-user></use>
</svg>
</button>
{% endif %}
</div>
</div>
{% if request.user.is_authenticated %} {% if not request.user.is_email_proved and not request.user.fb_id %}
<div class="message message_error">Необходимо подтвердить электронную почту</div>
{% endif %} {% endif %}
</header>

9
project/templates/blocks/mixpanel.html
Unescape View File

@ -0,0 +1,9 @@
{% block mixpanel %}
<!-- start Mixpanel -->
<script type="text/javascript">(function(e,a){if(!a.__SV){var b=window;try{var c,l,i,j=b.location,g=j.hash;c=function(a,b){return(l=a.match(RegExp(b+"=([^&]*)")))?l[1]:null};g&&c(g,"state")&&(i=JSON.parse(decodeURIComponent(c(g,"state"))),"mpeditor"===i.action&&(b.sessionStorage.setItem("_mpcehash",g),history.replaceState(i.desiredHash||"",e.title,j.pathname+j.search)))}catch(m){}var k,h;window.mixpanel=a;a._i=[];a.init=function(b,c,f){function e(b,a){var c=a.split(".");2==c.length&&(b=b[c[0]],a=c[1]);b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments,
0)))}}var d=a;"undefined"!==typeof f?d=a[f]=[]:f="mixpanel";d.people=d.people||[];d.toString=function(b){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);b||(a+=" (stub)");return a};d.people.toString=function(){return d.toString(1)+".people (stub)"};k="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
for(h=0;h<k.length;h++)e(d,k[h]);a._i.push([b,c,f])};a.__SV=1.2;b=e.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";c=e.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)}})(document,window.mixpanel||[]);
mixpanel.init("79bd6bfd98667ed977737e6810b8abcd");
</script>
<!-- end Mixpanel -->
{% endblock mixpanel %}

168
project/templates/blocks/popup_auth.html
Unescape View File

@ -0,0 +1,168 @@
{% load static %}
<div class="popup js-popup-auth">
<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">
<div class="auth__login js-auth-login">
<div class="auth__nav">
<a class="auth__type js-auth-type active" href="#">Войти</a>
<a class="auth__type js-auth-type" href="#">РЕГИСТРАЦИЯ</a>
</div>
<div class="auth__body">
<form id="learner-auth-form" method="post" action="{% url 'lilcity:login' %}">
{% 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="username" 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 id="learner-auth-field__password" class="auth__field field learner-auth-form__field">
<div class="field__label">ПАРОЛЬ
<a class="field__link js-auth-go-pass" href="#" tabindex="4">Забыли пароль?
</a>
</div>
<div class="field__wrap">
<input id="learner-auth-form__password" class="field__input field__input--password" name="password" type="password" placeholder="Минимум 5 символов"
tabindex="2">
<div class="field__password-show">
<button class="password-toggle" type="button">
<svg class="icon icon-password-eye">
<use xlink:href={% static "img/sprite.svg" %}#icon-password-eye></use>
</svg>
<svg class="icon icon-password-hidden-eye">
<use xlink:href={% static "img/sprite.svg" %}#icon-password-hidden-eye></use>
</svg>
</button>
</div>
</div>
<div id="learner-auth-field-error__password" class="field__error learner-auth-form__field-error"></div>
<div id="learner-auth-field-error__all" class="auth-register__common-error form__common-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 class="auth__or">или</div>
<button type="button" class="auth__btn btn btn_fb">
<svg class="icon icon-facebook">
<use xlink:href={% static "img/sprite.svg" %}#icon-facebook></use>
</svg>
<span class="btn__title">ЧЕРЕЗ FACEBOOK</span>
</button>
</div>
</div>
</div>
</form>
<form id="learner-registration-form" method="post" action="{% url 'lilcity:registration-learner' %}">
{% csrf_token %}
<div class="auth__tab js-auth-tab">
<div class="auth__fieldset">
<div id="learner-registration-field__first-name" class="auth__field field learner-registration-form__field">
<div class="field__label">ИМЯ</div>
<div class="field__wrap">
<input id="learner-registration-form__first-name" class="field__input" type="text" name="first_name"
placeholder="">
</div>
<div id="learner-registration-field-error__first-name" class="field__error learner-registration-form__field-error"></div>
</div>
<div id="learner-registration-field__last-name" class="auth__field field learner-registration-form__field">
<div class="field__label">ФАМИЛИЯ</div>
<div class="field__wrap">
<input id="learner-registration-form__last-name" class="field__input" type="text" name="last_name" placeholder="">
</div>
<div id="learner-registration-field-error__last-name" class="field__error learner-registration-form__field-error"></div>
</div>
</div>
<div id="learner-registration-field__email" class="auth__field field learner-registration-form__field">
<div class="field__label">ПОЧТА</div>
<div class="field__wrap">
<input id="learner-registration-form__email" class="field__input" type="email" name="email" placeholder="name@website.com">
</div>
<div id="learner-registration-field-error__email" class="field__error learner-registration-form__field-error"></div>
</div>
<div id="learner-registration-field__password" class="auth__field field learner-registration-form__field">
<div class="field__label">ПАРОЛЬ</div>
<div class="field__wrap">
<input id="learner-registration-form__password" class="field__input field__input--password" type="password" name="password"
placeholder="Минимум 5 символов">
<div class="field__password-show">
<button class="password-toggle" type="button">
<svg class="icon icon-password-eye">
<use xlink:href={% static "img/sprite.svg" %}#icon-password-eye></use>
</svg>
<svg class="icon icon-password-hidden-eye">
<use xlink:href={% static "img/sprite.svg" %}#icon-password-hidden-eye></use>
</svg>
</button>
</div>
</div>
<div id="learner-registration-field-error__password" class="field__error learner-registration-form__field-error"></div>
<div id="learner-registration-field-error__all" class="auth-register__common-error form__common-error learner-registration-form__field-error"></div>
</div>
<div class="auth__text">Согласен с условиями обработки данных и&nbsp;возвратом услуги.</div>
<label class="auth__label switch">
<input class="switch__input" name="newsletter" value="true" type="checkbox" checked>
<span class="switch__content">Согласен на важную рассылку: новости школы и курсов</span>
</label>
<div class="auth__foot">
<button id="learner-registration-form__submit-button" class="auth__btn btn btn_light">
ЗАРЕГИСТРИРОВАТЬСЯ
</button>
<div class="auth__or">или</div>
<button type="button" class="auth__btn btn btn_fb">
<svg class="icon icon-facebook">
<use xlink:href={% static "img/sprite.svg" %}#icon-facebook></use>
</svg>
<span class="btn__title">ЧЕРЕЗ FACEBOOK</span>
</button>
</div>
</div>
</form>
</div>
</div>
<div class="auth__pass js-auth-pass">
<div class="auth__nav">
<div class="auth__type active">ВОССТАНОВЛЕНИЕ ПАРОЛЯ</div>
</div>
<div class="auth__body">
<div id="password-reset__form-wrapper">
<form id="password-reset-form" method="post" action="{% url 'lilcity:password_reset' %}">
{% csrf_token %}
<div class="auth__enter js-auth-enter">
<div id="password-reset__email-field" class="auth__field field">
<div class="field__label">ПОЧТА
<a class="field__link js-auth-go-enter" href="#">Войти</a>
</div>
<div class="field__wrap">
<input id="password-reset__email" class="field__input" type="email" name="email" placeholder="name@website.com">
</div>
<div id="password-reset-field-error__email" class="field__error password-reset-form__field-error"></div>
<div id="password-reset-field-error__all" class="form__common-error password-reset-form__field-error"></div>
</div>
<div class="auth__foot">
<button id="password-reset__button" class="auth__btn btn btn_light">ОТПРАВИТЬ</button>
</div>
</div>
</form>
</div>
<div id="password-reset__sent" style="display: none;">
<p>На ваш email отправлены инструкции по восстановлению пароля</p>
<div class="auth__foot">
<button id="password-reset__success-hide" class="auth__btn btn btn_light js-auth-go-enter" type="button">Хорошо</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

70
project/templates/blocks/popup_buy.html
Unescape View File

@ -0,0 +1,70 @@
{% load static %}
<div class="popup js-popup-buy">
<div class="popup__wrap popup__wrap_lg 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="buy">
<div class="buy__row">
<div class="buy__col">
<div class="buy__head buy__head_main">
<div class="buy__title">Выбор курса/дня</div>
<!-- <div class="buy__content">При записи на 5 уроков скидка 10%.</div> -->
</div>
</div>
<div class="buy__col">
<div class="buy__head">
<!-- <div class="buy__label">Месяц:</div>
<div class="buy__title">Январь</div> -->
<!-- <div class="buy__content">Если вы оплачиваете после 15 числа, доступ к урокам будет с 1-го следующего
месяца.
</div> -->
</div>
</div>
<div class="buy__col">
<div class="buy__list">
{% for school_schedule in school_schedules %}
<label class="switch switch_lesson">
<input class="switch__input" type="checkbox" data-day="{{school_schedule.weekday}}" data-price="{{school_schedule.month_price}}"
autocomplete="off">
<span class="switch__content">
<span class="switch__cell">{{ school_schedule }}</span>
{% comment %} dont delete {% endcomment %}
<span class="switch__cell"></span>
<span class="switch__cell">{{ school_schedule.title }}</span>
<span class="switch__cell">{{school_schedule.month_price}}р</span>
</span>
</label>
{% endfor %}
</div>
</div>
<div class="buy__col">
<div class="order">
<div class="order__wrap">
<div class="order__title">Ваш заказ:</div>
<div class="order__preview">
<img class="order__pic" src={% static "img/order.jpg" %}>
</div>
<div class="order__info">
<div class="order__label">ШКОЛА</div>
<div class="order__days">Вторник, Четверг, Воскресенье</div>
</div>
<div class="order__foot">
<div class="order__subtitle">Итого, за месяц:</div>
<div class="order__total order_price_text">1800р.</div>
</div>
</div>
</div>
</div>
</div>
<div class="buy__foot">
{% comment %}В ссылке, в параметре запроса weekdays, нужно указать выбранные дни недели{% endcomment %}
<a class="buy__btn btn btn_md but_btn_popup" data-link="{% url 'school-checkout' %}" href="{% url 'school-checkout' %}?weekdays=1&weekdays=2">ПЕРЕЙТИ К ОПЛАТЕ</a>
</div>
</div>
</div>
</div>
</div>

15
project/templates/blocks/popup_course_lock.html
Unescape View File

@ -0,0 +1,15 @@
{% load static %}
{% if course %}
<div class="popup js-popup-course-lock">
<div class="popup__wrap popup__wrap_md js-popup-wrap">
<div class="popup__body">
<div class="lock">
<div class="lock__label">ЧТОБЫ ПРОДОЛЖИТЬ ПРОСМОТР</div>
<div class="lock__title title">Как просто научиться рисовать простых персонажей.</div>
<div class="lock__content">Этот курс поможет детям узнать о том как из простых форм создавать веселый и харизматичных персонажей.</div>
<a href="{% url 'course-checkout' course.id %}" class="lock__btn btn">КУПИТЬ КУРС</a>
</div>
</div>
</div>
</div>
{% endif %}

577
project/templates/lilcity/index.html
Unescape View File

@ -1,519 +1,74 @@
{% load static %}
{% load active_link_tags %}
{% load category_menu_items from lilcity_category %}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
{% block title %}Онлайн-курсы LilCity{% endblock title%}
</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="theme-color" content="#fff">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="{% block description %}Онлайн-курсы LilCity{% endblock description%}">
<!--Twitter Card data-->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="{% block twurl %}{{ request.build_absolute_uri }}{% endblock twurl %}">
{% comment %} <meta name="twitter:title" content="{% block twtitle %}Онлайн-курсы LilCity{% endblock twtitle %}"> {% endcomment %}
{% comment %} <meta name="twitter:description" content="{% block twdescription %}Онлайн-курсы LilCity{% endblock twdescription %}"> {% endcomment %}
{% comment %} <meta name="twitter:creator" content="@author_handle"> {% endcomment %}
{% comment %} <meta name="twitter:image" content="{% block twimage %}{{ request.build_absolute_uri }}{% static 'img/video-1.jpg' %}{% endblock twimage %}"> {% endcomment %}
<!--Open Graph data-->
<meta property="og:title" content="{% block ogtitle %}Онлайн-курсы LilCity{% endblock ogtitle %}">
{% comment %} <meta property="og:type" content="article"> {% endcomment %}
<meta property="og:url" content="{% block ogurl %}{{ request.build_absolute_uri }}{% endblock ogurl %}">
<meta property="og:image" content="{% block ogimage %}{{ request.build_absolute_uri }}{% static 'img/video-1.jpg' %}{% endblock ogimage %}">
<meta property="og:description" content="{% block ogdescription %}Онлайн-курсы LilCity{% endblock ogdescription %}">
<meta property="og:site_name" content="Онлайн-курсы LilCity">
<meta property="og:locale" content="ru_RU">
{% comment %} <meta property="fb:admins" content="Facebook numeric ID"> {% endcomment %}
<head>
<meta charset="utf-8">
<title>
{% block title %}Онлайн-курсы LilCity{% endblock title%}
</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="theme-color" content="#fff">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="{% block description %}Онлайн-курсы LilCity{% endblock description%}">
<!--Twitter Card data-->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="{% block twurl %}{{ request.build_absolute_uri }}{% endblock twurl %}">
{% comment %} <meta name="twitter:title" content="{% block twtitle %}Онлайн-курсы LilCity{% endblock twtitle %}"> {% endcomment %}
{% comment %} <meta name="twitter:description" content="{% block twdescription %}Онлайн-курсы LilCity{% endblock twdescription %}"> {% endcomment %}
{% comment %} <meta name="twitter:creator" content="@author_handle"> {% endcomment %}
{% comment %} <meta name="twitter:image" content="{% block twimage %}{{ request.build_absolute_uri }}{% static 'img/video-1.jpg' %}{% endblock twimage %}"> {% endcomment %}
<!--Open Graph data-->
<meta property="og:title" content="{% block ogtitle %}Онлайн-курсы LilCity{% endblock ogtitle %}">
{% comment %} <meta property="og:type" content="article"> {% endcomment %}
<meta property="og:url" content="{% block ogurl %}{{ request.build_absolute_uri }}{% endblock ogurl %}">
<meta property="og:image" content="{% block ogimage %}{{ request.build_absolute_uri }}{% static 'img/video-1.jpg' %}{% endblock ogimage %}">
<meta property="og:description" content="{% block ogdescription %}Онлайн-курсы LilCity{% endblock ogdescription %}">
<meta property="og:site_name" content="Онлайн-курсы LilCity">
<meta property="og:locale" content="ru_RU">
{% 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" %}>
<link rel="shortcut icon" type="image/png" href="{% static 'img/favicon.ico' %}"/>
<script>
var viewportmeta = document.querySelector('meta[name="viewport"]');
if (viewportmeta) {
if (screen.width <= 360) {
var newScale = screen.width / 360;
viewportmeta.content = 'width=360, minimum-scale=' + newScale + ', user-scalable=0, maximum-scale=1, initial-scale=' + newScale + '';
}
else {
viewportmeta.content = 'width=device-width, maximum-scale=1.6, initial-scale=1.0';
}
}
</script>
<script>
LIL_SERVER_TIME = "{% now 'U' %}";
LIL_SERVER_TIME_DIFF = Math.floor((new Date().getTime()) / 1000) - parseInt(LIL_SERVER_TIME);
USER_ID = "{{ request.user.id }}";
COURSE_ID = "{{ course.id }}";
MIXPANEL_CUSTOM_LIB_URL = "/static/mixpanel-2-latest.js";
</script>
{% block mixpanel %}
<!-- start Mixpanel -->
<script type="text/javascript">(function(e,a){if(!a.__SV){var b=window;try{var c,l,i,j=b.location,g=j.hash;c=function(a,b){return(l=a.match(RegExp(b+"=([^&]*)")))?l[1]:null};g&&c(g,"state")&&(i=JSON.parse(decodeURIComponent(c(g,"state"))),"mpeditor"===i.action&&(b.sessionStorage.setItem("_mpcehash",g),history.replaceState(i.desiredHash||"",e.title,j.pathname+j.search)))}catch(m){}var k,h;window.mixpanel=a;a._i=[];a.init=function(b,c,f){function e(b,a){var c=a.split(".");2==c.length&&(b=b[c[0]],a=c[1]);b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments,
0)))}}var d=a;"undefined"!==typeof f?d=a[f]=[]:f="mixpanel";d.people=d.people||[];d.toString=function(b){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);b||(a+=" (stub)");return a};d.people.toString=function(){return d.toString(1)+".people (stub)"};k="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
for(h=0;h<k.length;h++)e(d,k[h]);a._i.push([b,c,f])};a.__SV=1.2;b=e.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";c=e.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)}})(document,window.mixpanel||[]);
mixpanel.init("79bd6bfd98667ed977737e6810b8abcd");
</script>
<!-- end Mixpanel -->
{% endblock mixpanel %}
</head>
<body>
<div class="outer js-outer">
<header class="header header_bg js-header">
<div class="header__center center">
<div class="header__container">
<button class="header__menu js-header-menu">
<svg class="icon icon-menu">
<use xlink:href={% static "img/sprite.svg" %}#icon-menu></use>
</svg>
</button>
<a class="header__logo logo" href="/"></a>
<div class="header__wrap js-header-wrap">
<div class="header__top">
<button class="header__close js-header-close">
<svg class="icon icon-close">
<use xlink:href={% static "img/sprite.svg" %}#icon-close></use>
</svg>
</button>
<form class="header__search search js-search" action="/search/">
<input name="q" class="search__input js-search-input" type="text">
<button class="search__btn js-search-btn" type="submit">
<svg class="icon icon-search">
<use xlink:href={% static "img/sprite.svg" %}#icon-search></use>
</svg>
</button>
</form>
</div>
<nav class="header__nav">
<div class="header__group"><a class="header__section header__section_sub js-header-section {% active_link 'index' %}" href="{% url 'index' %}">ОНЛАЙН-ШКОЛА</a>
<div class="header__list js-header-list">
<a class="header__link" data-scroll href="/#about">
<div class="header__title">О школе</div>
</a>
{% comment %} <a class="header__link" href="/">
<div class="header__title">Процесс</div>
</a> {% endcomment %}
<a class="header__link" href="/#advantages">
<div class="header__title">Преимущества</div>
</a>
<a class="header__link" href="/#reviews">
<div class="header__title">Отзывы</div>
</a>
<a class="header__link" href="/#gallery">
<div class="header__title">Галерея</div>
</a>
<a class="header__link" href="/#teachers">
<div class="header__title">Преподаватели</div>
</a>
<a class="header__link" href="/#schedule">
<div class="header__title">Расписание</div>
</a>
<a class="header__link" href="/#partners">
<div class="header__title">Партнеры</div>
</a>
{% comment %} <a class="header__link" href="/#">
<div class="header__title">Частые вопросы</div>
</a> {% endcomment %}
{% comment %} <a class="header__link" href="/#">
<div class="header__title">Оплата</div>
</a> {% endcomment %}
{% comment %} <a class="header__link" href="/#">
<div class="header__title">Контакты</div>
</a> {% endcomment %}
</div>
</div>
<div class="header__group"><a class="header__section header__section_sub js-header-section {% active_link 'courses' %}" href="{% url 'courses' %}">ВИДЕОКУРСЫ</a>
<div class="header__list js-header-list">
{% category_menu_items category %}
</div>
</div>
<div class="header__group"><a class="header__section" target="_blank" href="http://blog.lil.school">БЛОГ</a></div>
</nav>
</div>
{% if request.user.is_authenticated %}
<div class="header__login">
{% if request.user.photo %}
<div class="header__ava ava"><img class="ava__pic" src="{{ request.user.photo.url }}"></div>
{% else %}
<div class="header__ava ava"><img class="ava__pic" src="{% static 'img/user.jpg' %}"></div>
{% endif %}
<div class="header__drop">
{% if request.user.role >= request.user.AUTHOR_ROLE %}
<a class="header__link header__link_border" href="{% url 'user-edit-payments' request.user.id %}">{{ request.user.balance }} руб.</a>
{% if request.user.auth_token %}
<a class="header__link header__link_green" href="{% url 'course_create' %}">
{% comment %} <a class="header__link header__link_gray disabled" href="#"> {% endcomment %}
<div class="header__title">ДОБАВИТЬ КУРС</div>
</a>
{% endif %}
{% endif %}
<a class="header__link" href="{% url 'user' request.user.id %}">
<div class="header__title">ПРОФИЛЬ</div>
</a>
<a class="header__link" href="#">
<div class="header__title">НАСТРОЙКИ</div>
</a>
<a class="header__link" href="{% url 'lilcity:logout' %}">
<div class="header__title">ВЫЙТИ</div>
</a>
</div>
</div>
{% else %}
<button class="header__enter js-header-enter" data-popup=".js-popup-auth">ВХОД
<svg class="icon icon-user">
<use xlink:href={% static "img/sprite.svg" %}#icon-user></use>
</svg>
</button>
{% endif %}
</div>
</div>
{% if request.user.is_authenticated %}
{% if not request.user.is_email_proved and not request.user.fb_id %}
<div class="message message_error">Необходимо подтвердить электронную почту</div>
{% endif %}
{% endif %}
</header>
<div id="lilcity-vue-app" class="container">
{% block content %}{% endblock content %}
</div>
<footer class="footer">
<div class="footer__center center">
<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 City School</div>
</div>
<div class="footer__col">
<div class="footer__title">КОМПАНИЯ</div>
<nav class="footer__nav"><a class="footer__link" href="#">О нас</a><a class="footer__link" href="#">Преподаватели</a><a
class="footer__link" target="_blank" href="http://blog.lil.school">Блог</a><a class="footer__link" href="#">Наши приложения</a><a
class="footer__link" target="_blank" href="https://drive.google.com/drive/folders/1g14ExvB9X_8ZsES6XkNzkTY3QrZm2WgT?usp=sharing">Медиа-кит</a></nav>
</div>
<div class="footer__col">
<div class="footer__title">Программы</div>
<nav class="footer__nav">
<a class="footer__link" href="#">Онлайн-школа</a>
<a class="footer__link" href="#">Онлайн-курсы</a>
<a class="footer__link" href="{% url 'author_request' %}">Стать автором</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>
<form class="subscribe" method="POST" action="{% url 'subscribe' %}">{% csrf_token %}
<div class="subscribe__field">
<input class="subscribe__input" type="text" name="email" placeholder="Email">
</div>
<button class="subscribe__btn btn btn_light">ПОДПИСАТЬСЯ</button>
<div class="subscribe__content">Мы сами не любим спам, поэтому вы будете подучать от только важные новости о
школе, новых курсах и бонусах от Lil City.
</div>
</form>
</div>
</div>
<div class="footer__row footer__row_second">
<div class="footer__col footer__col_md">
<div class="footer__socials socials"><a class="socials__item" href="#">
<svg class="icon icon-instagram">
<use xlink:href={% static "img/sprite.svg" %}#icon-instagram></use>
</svg>
</a><a class="socials__item" href="#">
<svg class="icon icon-twitter">
<use xlink:href={% static "img/sprite.svg" %}#icon-twitter></use>
</svg>
</a>
<a
class="socials__item" href="#">
<svg class="icon icon-fb">
<use xlink:href={% static "img/sprite.svg" %}#icon-fb></use>
</svg>
</a><a class="socials__item" href="#">
<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">
<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>
</div>
</div>
</div>
</footer>
<div class="popup js-popup-auth">
<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">
<div class="auth__login js-auth-login">
<div class="auth__nav"><a class="auth__type js-auth-type active" href="#">Войти</a><a
class="auth__type js-auth-type" href="#">РЕГИСТРАЦИЯ</a></div>
<div class="auth__body">
<form id="learner-auth-form" method="post" action="{% url 'lilcity:login' %}">
{% 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="username"
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 id="learner-auth-field__password" class="auth__field field learner-auth-form__field">
<div class="field__label">ПАРОЛЬ<a class="field__link js-auth-go-pass" href="#" tabindex="4">Забыли
пароль?</a></div>
<div class="field__wrap">
<input id="learner-auth-form__password" class="field__input field__input--password"
name="password"
type="password" placeholder="Минимум 5 символов" tabindex="2">
<div class="field__password-show">
<button class="password-toggle" type="button">
<svg class="icon icon-password-eye">
<use xlink:href={% static "img/sprite.svg" %}#icon-password-eye></use>
</svg>
<svg class="icon icon-password-hidden-eye">
<use xlink:href={% static "img/sprite.svg" %}#icon-password-hidden-eye></use>
</svg>
</button>
</div>
</div>
<div id="learner-auth-field-error__password"
class="field__error learner-auth-form__field-error"></div>
<div id="learner-auth-field-error__all" class="auth-register__common-error form__common-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 class="auth__or">или</div>
<button type="button" class="auth__btn btn btn_fb">
<svg class="icon icon-facebook">
<use xlink:href={% static "img/sprite.svg" %}#icon-facebook></use>
</svg>
<span class="btn__title">ЧЕРЕЗ FACEBOOK</span></button>
</div>
</div>
</div>
</form>
<form id="learner-registration-form" method="post" action="{% url 'lilcity:registration-learner' %}">
{% csrf_token %}
<div class="auth__tab js-auth-tab">
<div class="auth__fieldset">
<div id="learner-registration-field__first-name"
class="auth__field field learner-registration-form__field">
<div class="field__label">ИМЯ</div>
<div class="field__wrap"><input id="learner-registration-form__first-name" class="field__input"
type="text" name="first_name" placeholder=""></div>
<div id="learner-registration-field-error__first-name"
class="field__error learner-registration-form__field-error"></div>
</div>
<div id="learner-registration-field__last-name"
class="auth__field field learner-registration-form__field">
<div class="field__label">ФАМИЛИЯ</div>
<div class="field__wrap"><input id="learner-registration-form__last-name" class="field__input"
type="text" name="last_name" placeholder=""></div>
<div id="learner-registration-field-error__last-name"
class="field__error learner-registration-form__field-error"></div>
</div>
</div>
<div id="learner-registration-field__email"
class="auth__field field learner-registration-form__field">
<div class="field__label">ПОЧТА</div>
<div class="field__wrap"><input id="learner-registration-form__email" class="field__input"
type="email" name="email" placeholder="name@website.com"></div>
<div id="learner-registration-field-error__email"
class="field__error learner-registration-form__field-error"></div>
</div>
<div id="learner-registration-field__password"
class="auth__field field learner-registration-form__field">
<div class="field__label">ПАРОЛЬ</div>
<div class="field__wrap">
<input id="learner-registration-form__password" class="field__input field__input--password"
type="password" name="password" placeholder="Минимум 5 символов">
<div class="field__password-show">
<button class="password-toggle" type="button">
<svg class="icon icon-password-eye">
<use xlink:href={% static "img/sprite.svg" %}#icon-password-eye></use>
</svg>
<svg class="icon icon-password-hidden-eye">
<use xlink:href={% static "img/sprite.svg" %}#icon-password-hidden-eye></use>
</svg>
</button>
</div>
</div>
<div id="learner-registration-field-error__password"
class="field__error learner-registration-form__field-error"></div>
<div id="learner-registration-field-error__all"
class="auth-register__common-error form__common-error learner-registration-form__field-error"></div>
</div>
<div class="auth__text">Согласен с условиями обработки данных и&nbsp;возвратом услуги.</div>
<label class="auth__label switch"><input class="switch__input" name="newsletter" value="true" type="checkbox" checked><span
class="switch__content">Согласен на важную рассылку: новости школы и курсов</span></label>
<div class="auth__foot">
<button id="learner-registration-form__submit-button" class="auth__btn btn btn_light">
ЗАРЕГИСТРИРОВАТЬСЯ
</button>
<div class="auth__or">или</div>
<button type="button" class="auth__btn btn btn_fb">
<svg class="icon icon-facebook">
<use xlink:href={% static "img/sprite.svg" %}#icon-facebook></use>
</svg>
<span class="btn__title">ЧЕРЕЗ FACEBOOK</span></button>
</div>
</div>
</form>
</div>
</div>
<div class="auth__pass js-auth-pass">
<div class="auth__nav">
<div class="auth__type active">ВОССТАНОВЛЕНИЕ ПАРОЛЯ</div>
</div>
<div class="auth__body">
<div id="password-reset__form-wrapper">
<form id="password-reset-form" method="post" action="{% url 'lilcity:password_reset' %}">
{% csrf_token %}
<div class="auth__enter js-auth-enter">
<div id="password-reset__email-field" class="auth__field field">
<div class="field__label">ПОЧТА<a class="field__link js-auth-go-enter" href="#">Войти</a></div>
<div class="field__wrap"><input id="password-reset__email" class="field__input" type="email"
name="email" placeholder="name@website.com">
</div>
<div id="password-reset-field-error__email"
class="field__error password-reset-form__field-error"></div>
<div id="password-reset-field-error__all"
class="form__common-error password-reset-form__field-error"></div>
</div>
<div class="auth__foot">
<button id="password-reset__button" class="auth__btn btn btn_light">ОТПРАВИТЬ</button>
</div>
</div>
</form>
</div>
<div id="password-reset__sent" style="display: none;">
<p>На ваш email отправлены инструкции по восстановлению пароля</p>
<div class="auth__foot">
<button id="password-reset__success-hide" class="auth__btn btn btn_light js-auth-go-enter" type="button">Хорошо</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popup js-popup-buy">
<div class="popup__wrap popup__wrap_lg 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="buy">
<div class="buy__row">
<div class="buy__col">
<div class="buy__head buy__head_main">
<div class="buy__title">Выбор курса/дня</div>
<!-- <div class="buy__content">При записи на 5 уроков скидка 10%.</div> -->
</div>
</div>
<div class="buy__col">
<div class="buy__head">
<!-- <div class="buy__label">Месяц:</div>
<div class="buy__title">Январь</div> -->
<!-- <div class="buy__content">Если вы оплачиваете после 15 числа, доступ к урокам будет с 1-го следующего
месяца.
</div> -->
</div>
</div>
<div class="buy__col">
<div class="buy__list">
{% for school_schedule in school_schedules %}
<label class="switch switch_lesson">
<input class="switch__input" type="checkbox" data-day="{{school_schedule.weekday}}" data-price="{{school_schedule.month_price}}" autocomplete="off">
<span class="switch__content">
<span class="switch__cell">{{ school_schedule }}</span>
{% comment %} dont delete {% endcomment %}
<span class="switch__cell"></span>
<span class="switch__cell">{{ school_schedule.title }}</span>
<span class="switch__cell">{{school_schedule.month_price}}р</span>
</span>
</label>
{% endfor %}
</div>
</div>
<div class="buy__col">
<div class="order">
<div class="order__wrap">
<div class="order__title">Ваш заказ:</div>
<div class="order__preview"><img class="order__pic" src={% static "img/order.jpg" %}></div>
<div class="order__info">
<div class="order__label">ШКОЛА</div>
<div class="order__days">Вторник, Четверг, Воскресенье</div>
</div>
<div class="order__foot">
<div class="order__subtitle">Итого, за месяц:</div>
<div class="order__total order_price_text">1800р.</div>
</div>
</div>
</div>
</div>
</div>
<div class="buy__foot">
{% comment %}В ссылке, в параметре запроса weekdays, нужно указать выбранные дни недели{% endcomment %}
<a class="buy__btn btn btn_md but_btn_popup" data-link="{% url 'school-checkout' %}" href="{% url 'school-checkout' %}?weekdays=1&weekdays=2">ПЕРЕЙТИ К ОПЛАТЕ</a>
</div>
</div>
<meta name="csrf-token" content="{{ csrf_token }}">
<link rel="stylesheet" media="all" href={% static "app.css" %}>
<link rel="shortcut icon" type="image/png" href="{% static 'img/favicon.ico' %}"/>
<script>
var viewportmeta = document.querySelector('meta[name="viewport"]');
if (viewportmeta) {
if (screen.width <= 360) {
var newScale = screen.width / 360;
viewportmeta.content = 'width=360, minimum-scale=' + newScale + ', user-scalable=0, maximum-scale=1, initial-scale=' + newScale + '';
}
else {
viewportmeta.content = 'width=device-width, maximum-scale=1.6, initial-scale=1.0';
}
}
</script>
<script>
LIL_SERVER_TIME = "{% now 'U' %}";
LIL_SERVER_TIME_DIFF = Math.floor((new Date().getTime()) / 1000) - parseInt(LIL_SERVER_TIME);
USER_ID = "{{ request.user.id }}";
COURSE_ID = "{{ course.id }}";
MIXPANEL_CUSTOM_LIB_URL = "/static/mixpanel-2-latest.js";
</script>
{% include "templates/blocks/mixpanel.html" %}
</head>
<body>
<div class="outer js-outer">
{% include "templates/blocks/header.html" %}
<div id="lilcity-vue-app" class="container">
{% block content %}{% endblock content %}
</div>
{% include "templates/blocks/footer.html" %}
{% include "templates/blocks/popup_auth.html" %}
{% include "templates/blocks/popup_buy.html" %}
{% include "templates/blocks/popup_course_lock.html" %}
</div>
</div>
{% if course %}
<div class="popup js-popup-course-lock">
<div class="popup__wrap popup__wrap_md js-popup-wrap">
<div class="popup__body">
<div class="lock">
<div class="lock__label">ЧТОБЫ ПРОДОЛЖИТЬ ПРОСМОТР</div>
<div class="lock__title title">Как просто научиться рисовать простых персонажей.</div>
<div class="lock__content">Этот курс поможет детям узнать о том как из простых форм создавать веселый и харизматичных персонажей.</div>
<a href="{% url 'course-checkout' course.id %}" class="lock__btn btn">КУПИТЬ КУРС</a>
</div>
</div>
</div>
</div>
{% endif %}
</div>
<script type="text/javascript" src={% static "app.js" %}></script>
<script>
var schoolDiscount = parseFloat({{ config.SERVICE_DISCOUNT }});
var schoolAmountForDiscount = parseFloat({{ config.SERVICE_DISCOUNT_MIN_AMOUNT }});
</script>
{% block foot %}{% endblock foot %}
</body>
<script type="text/javascript" src={% static "app.js" %}></script>
<script>
var schoolDiscount = parseFloat({{ config.SERVICE_DISCOUNT }});
var schoolAmountForDiscount = parseFloat({{ config.SERVICE_DISCOUNT_MIN_AMOUNT }});
</script>
{% block foot %}{% endblock foot %}
</body>
</html>

Write Preview
Loading…
Cancel
Save