LIL-109. Add simple template for lesson

apps/course/templates/course/lesson.html

@@ -0,0 +1,131 @@
+{% extends "templates/lilcity/index.html" %}
+{% load static %}
+{% block title %}{{ lesson.title }} - {{ block.super }}{% endblock title %}
+
+{% block content %}
+<div class="section">
+  <div class="section__center center center_sm">
+    <div class="go">
+      <a class="go__item" href="{% url 'course' lesson.course.id %}">
+        <div class="go__arrow">
+          <svg class="icon icon-arrow-left">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-left"></use>
+          </svg>
+        </div>
+        <div class="go__title">Вернуться к&nbsp;списку уроков</div>
+      </a>
+      <a class="go__item" href="#">
+        <div class="go__title">Перейти к&nbsp;следующему уроку</div>
+        <div class="go__arrow">
+          <svg class="icon icon-arrow-right">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-right"></use>
+          </svg>
+        </div>
+      </a>
+    </div>
+    <div class="lesson">
+      <div class="lesson__subtitle subtitle">{{ lesson.title }}</div>
+      <div class="lesson__content">{{ lesson.short_description }}</div>
+      <a class="lesson__video video" href="#">
+        <img class="video__pic" src="{% static 'img/video-1.jpg' %}">
+        <svg class="icon icon-play">
+          <use xlink:href="{% static 'img/sprite.svg' %}#icon-play"></use>
+        </svg>
+      </a>
+    </div>
+  </div>
+</div>
+<div class="section section_gradient">
+  <div class="section__center center center_sm">
+    <div class="title">Примеры техники</div>
+    <div class="examples">
+      <div class="examples__item">
+        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
+      </div>
+      <div class="examples__item">
+        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
+      </div>
+      <div class="examples__item">
+        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
+      </div>
+      <div class="examples__item">
+        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
+      </div>
+      <div class="examples__item">
+        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
+      </div>
+      <div class="examples__item">
+        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
+      </div>
+      <div class="examples__item">
+        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
+      </div>
+      <div class="examples__item">
+        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
+      </div>
+      <div class="examples__item">
+        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
+      </div>
+      <div class="examples__item">
+        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
+      </div>
+      <div class="examples__item">
+        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
+      </div>
+      <div class="examples__item">
+        <img class="examples__pic" src="{% static 'img/box.jpg' %}">
+      </div>
+    </div>
+  </div>
+</div>
+<div class="section section_gray">
+  <div class="section__center center center_sm">
+    <div class="title">Задавайте вопросы:</div>
+    <div class="questions">
+      <div class="questions__form">
+        <div class="questions__ava ava">
+          <img class="ava__pic" src="{% static 'img/user.jpg' %}">
+        </div>
+        <div class="questions__wrap">
+          <div class="questions__field">
+            <textarea class="questions__textarea" placeholder="Спросите автора курса интересующие вас вопросы"></textarea>
+          </div>
+          <button class="questions__btn btn btn_light">ОТПРАВИТЬ</button>
+        </div>
+      </div>
+      <div class="questions__list">
+        {% include "./blocks/comments.html" with object=lesson %}
+      </div>
+    </div>
+  </div>
+</div>
+<div class="section">
+  <div class="section__center center center_sm">
+    <div class="share">
+      <div class="share__title">Поделиться уроком</div>
+      <div class="share__list">
+        <a class="share__item" href="#">
+          <svg class="icon icon-share-facebook">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-facebook"></use>
+          </svg>
+        </a>
+        <a class="share__item" href="#">
+          <svg class="icon icon-share-twitter">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-twitter"></use>
+          </svg>
+        </a>
+        <a class="share__item" href="#">
+          <svg class="icon icon-share-google">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-google"></use>
+          </svg>
+        </a>
+        <a class="share__item" href="#">
+          <svg class="icon icon-share-pinterest">
+            <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-pinterest"></use>
+          </svg>
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock content %}