LIL-152 Add three latest courses to main page

project/templates/lilcity/main.html

@@ -455,128 +455,24 @@
       <a href='#'>Распечатать расписание</a> чтобы не забыть</div>
   </div>
 </div>
+{% if course_items %}
 <div class="section">
   <div class="section__center center">
     <div class="title title_center">Онлайн-курсы</div>
     <div class="text">Помимо онлайн-школы Lil City у нас есть отдельные
-      <a href='#'>курсы в записи</a>. Учитесь и развивайте креативное мышление когда вам удобно.</div>
+      <a href='{% url 'courses' %}'>курсы в записи</a>. Учитесь и развивайте креативное мышление когда вам удобно.
+    </div>
     <div class="courses">
       <div class="courses__list">
-        <div class="courses__item">
-          <a class="courses__preview" href="#">
-            <img class="courses__pic" src="{% static 'img/pic-1.jpg' %}" />
-            <div class="courses__view">Подробнее</div>
-            <div class="courses__label courses__label_fav"></div>
-          </a>
-          <div class="courses__details">
-            <a class="courses__theme theme" href="#">АНИМАЦИЯ</a>
-            <div class="courses__price">30$</div>
-          </div>
-          <a class="courses__title" href="#">Базовый курс для детей по основам иллюстрации</a>
-          <div class="courses__content">Этот курс поможет детям узнать о том как из простых форм создавать веселый и харизматичных персонажей.</div>
-          <div class="courses__user user">
-            <div class="user__ava ava">
-              <img class="ava__pic" src="{% static 'img/user.jpg' %}" />
-            </div>
-            <div class="user__info">
-              <div class="user__name">Александра Неимоверноумная</div>
-              <div class="user__meta">
-                <div class="user__date">SEPT 12, 2017</div>
-                <a class="user__likes likes" href="#">
-                  <div class="likes__counter">253</div>
-                  <div class="likes__icon">
-                    <svg class="icon icon-like">
-                      <use xlink:href="{% static 'img/sprite.svg' %}#icon-like"></use>
-                    </svg>
-                    <svg class="icon icon-like-fill">
-                      <use xlink:href="{% static 'img/sprite.svg' %}#icon-like-fill"></use>
-                    </svg>
-                  </div>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="courses__item">
-          <a class="courses__preview" href="#">
-            <img class="courses__pic" src="{% static 'img/pic-1.jpg' %}" />
-            <div class="courses__view">Подробнее</div>
-            <div class="courses__soon">
-              <div class="courses__left">Курс начнется:</div>
-              <div class="courses__time">через 16 часов 13 минут</div>
-            </div>
-            <div class="courses__label courses__label_clock"></div>
-          </a>
-          <div class="courses__details">
-            <a class="courses__theme theme theme_green" href="#">АНИМАЦИЯ</a>
-            <div class="courses__price">30$</div>
-          </div>
-          <a class="courses__title" href="#">Базовый курс для детей по основам иллюстрации</a>
-          <div class="courses__content">Этот курс поможет детям узнать о том как из простых форм создавать веселый и харизматичных персонажей.</div>
-          <div class="courses__user user">
-            <div class="user__ava ava">
-              <img class="ava__pic" src="{% static 'img/user.jpg' %}" />
-            </div>
-            <div class="user__info">
-              <div class="user__name">Александра Неимоверноумная</div>
-              <div class="user__meta">
-                <div class="user__date">SEPT 12, 2017</div>
-                <a class="user__likes likes" href="#">
-                  <div class="likes__counter">253</div>
-                  <div class="likes__icon">
-                    <svg class="icon icon-like">
-                      <use xlink:href="{% static 'img/sprite.svg' %}#icon-like"></use>
-                    </svg>
-                    <svg class="icon icon-like-fill">
-                      <use xlink:href="{% static 'img/sprite.svg' %}#icon-like-fill"></use>
-                    </svg>
-                  </div>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="courses__item">
-          <a class="courses__preview" href="#">
-            <img class="courses__pic" src="{% static 'img/pic-1.jpg' %}" />
-            <div class="courses__view">Подробнее</div>
-          </a>
-          <div class="courses__details">
-            <a class="courses__theme theme theme_violet" href="#">АНИМАЦИЯ</a>
-            <div class="courses__price">30$</div>
-          </div>
-          <a class="courses__title" href="#">Базовый курс для детей по основам иллюстрации</a>
-          <div class="courses__content">Этот курс поможет детям узнать о том как из простых форм создавать веселый и харизматичных персонажей.</div>
-          <div class="courses__user user">
-            <div class="user__ava ava">
-              <img class="ava__pic" src="{% static 'img/user.jpg' %}" />
-            </div>
-            <div class="user__info">
-              <div class="user__name">Александра Неимоверноумная</div>
-              <div class="user__meta">
-                <div class="user__date">SEPT 12, 2017</div>
-                <a class="user__likes likes" href="#">
-                  <div class="likes__counter">253</div>
-                  <div class="likes__icon">
-                    <svg class="icon icon-like">
-                      <use xlink:href="{% static 'img/sprite.svg' %}#icon-like"></use>
-                    </svg>
-                    <svg class="icon icon-like-fill">
-                      <use xlink:href="{% static 'img/sprite.svg' %}#icon-like-fill"></use>
-                    </svg>
-                  </div>
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
+        {% include "course/course_items.html" %}
       </div>
       <div class="courses__more more">
-        <a class="more__btn btn btn_light" href="#">УЗНАТЬ ПОДРОБНЕЕ</a>
+        <a class="more__btn btn btn_light" href="{% url 'courses' %}">УЗНАТЬ ПОДРОБНЕЕ</a>
       </div>
     </div>
   </div>
 </div>
+{% endif %}
 <div class="game">
   <div class="game__center center">
     <div class="game__wrap">

project/urls.py

@@ -23,6 +23,7 @@ from apps.course.views import (
     CourseView, LessonView, SearchView,
     lessoncomment,
 )
+from apps.course.models import Course
 from apps.user.views import UserView
 
 urlpatterns = [
@@ -39,7 +40,7 @@ urlpatterns = [
     path('privacy', TemplateView.as_view(template_name="templates/lilcity/privacy_policy.html"), name='privacy'),
     path('terms', TemplateView.as_view(template_name="templates/lilcity/terms.html"), name='terms'),
     path('refund-policy', TemplateView.as_view(template_name="templates/lilcity/refund_policy.html"), name='refund_policy'),
-    path('', TemplateView.as_view(template_name="templates/lilcity/main.html"), name='index'),
+    path('', TemplateView.as_view(template_name="templates/lilcity/main.html", extra_context={'course_items': Course.objects.all()[:3]}), name='index'),
 ]