Longread layout fixes

apps/course/templates/course/content/gallery.html

@@ -8,12 +8,28 @@
   {% endfor %}
 </div>
 {% else %}
-<div class="content-block title">{{ content.title }}</div>
-<div class="examples">
-  {% for image in content.gallery_images.all %}
-  <div class="examples__item">
-    <img class="examples__pic" src="{{ image.img.image.url }}">
+    <div class="section section_gradient">
+      <div class="section__center center center_sm">
+        <div class="title">{{ content.title }}</div>
+        <div class="examples">
+          {% for image in content.gallery_images.all %}
+          <div class="examples__item">
+            <img class="examples__pic" src="{{ image.img.image.url }}">
+          </div>
+          {% endfor %}
+      </div>
   </div>
-  {% endfor %}
+    </div>
+{% endif %}
+
+
+<!--<div class="section section_gradient">
+  <div class="section__center center center_sm">
+
+<div class="title">Галерея итогов обучения</div>
+<div class="examples">
+
 </div>
-{% endif %}
+
+  </div>
+</div>-->

apps/course/templates/course/content/image.html

@@ -1,6 +1,10 @@
-<div class="content-block title">
-  {{ content.title }}
-</div>
-<div>
-  <img class="content-block pic" src="{{ content.img.image.url }}" alt="">
+<div class="section section_border">
+  <div class="section__center center center_sm">
+    <div class="content-block title">
+      {{ content.title }}
+    </div>
+    <div>
+      <img class="content-block pic" src="{{ content.img.image.url }}" alt="">
+    </div>
+  </div>
 </div>

apps/course/templates/course/content/imagetext.html

@@ -1,9 +1,13 @@
-<div class="content-block title">
-  {{ content.title }}
-</div>
-<div class="content-block text">
-  {{ content.txt | safe }}
-</div>
-<div>
-  <img class="content-block pic" src="{{ content.img.image.url }}" alt="">
-</div>
+<div class="section section_border">
+  <div class="section__center center center_sm">
+    <div class="content-block title">{{ content.title }}</div>
+
+    <div class="lessons__item">
+      <div class="lessons__row">
+        <div class="lessons__preview"><img class="lessons__pic" style="display: block;border-radius:50%;width:130px;height: 130px" src="{{ content.img.image.url }}"></div>
+        <div class="lessons__content">{{ content.txt | safe }}</div>
+      </div>
+    </div>
+
+  </div>
+ </div>

apps/course/templates/course/content/text.html

@@ -1,6 +1,10 @@
-<div class="content-block title">
-{{ content.title }}
+<div class="section section_border">
+  <div class="section__center center center_sm">
+    <div class="content-block title">
+    {{ content.title }}
+    </div>
+    <div class="content-block text" style="margin-bottom:0">
+    {{ content.txt | safe }}
 </div>
-<div class="content-block text">
-{{ content.txt | safe }}
+  </div>
 </div>

apps/course/templates/course/content/video.html

@@ -1,13 +1,17 @@
-<div class="content-block title">
-  {{ content.title }}
-</div>
-<div>
-  {% if 'youtube.com' in content.url or 'youtu.be' in content.url %}
-  <iframe width="640" height="360" src="https://www.youtube.com/embed/{{ content.video_index }}" frameborder="0" allow="autoplay; encrypted-media"
-    allowfullscreen></iframe>
-  {% elif 'vimeo.com' in content.url %}
-  <iframe src="https://player.vimeo.com/video/{{ content.video_index }}" width="640" height="360" frameborder="0" webkitallowfullscreen
-    mozallowfullscreen allowfullscreen>
-  </iframe>
-  {% endif %}
+<div class="section section_border">
+  <div class="section__center center center_sm">
+    <div class="content-block title">
+      {{ content.title }}
+    </div>
+    <div>
+      {% if 'youtube.com' in content.url or 'youtu.be' in content.url %}
+      <iframe width="640" height="360" src="https://www.youtube.com/embed/{{ content.video_index }}" frameborder="0" allow="autoplay; encrypted-media"
+        allowfullscreen></iframe>
+      {% elif 'vimeo.com' in content.url %}
+      <iframe src="https://player.vimeo.com/video/{{ content.video_index }}" width="640" height="360" frameborder="0" webkitallowfullscreen
+        mozallowfullscreen allowfullscreen>
+      </iframe>
+      {% endif %}
+    </div>
+  </div>
 </div>

apps/course/templates/course/course.html

@@ -239,13 +239,11 @@
   {% endif %}
 </div>
 {% for content in course.content.all %}
-<div class="section section_border">
-  <div class="section__center center center_sm">
+
     {% with template="course/content/"|add:content.ctype|add:".html" %}
     {% include template %}
     {% endwith %}
-  </div>
-</div>
+
 {% endfor %}
 {% if user.is_authenticated and course.lessons.exists %}
 <div class="section">
@@ -303,7 +301,7 @@
   </div>
 </div> {% endcomment %}
 {% endif %}
-{% if course.gallery %}
+{% if False %}
 <div class="section section_gradient">
   <div class="section__center center center_sm">
     {% include "course/content/gallery.html" with results=True %}

apps/course/templates/course/lesson.html

@@ -3,7 +3,7 @@
 {% block title %}{{ lesson.title }} - {{ block.super }}{% endblock title %}
 
 {% block content %}
-<div class="section">
+<div class="section" style="margin-bottom:0;padding-bottom:0">
   <div class="section__center center center_sm">
     <div class="go">
       <a class="go__item" href="{% if next %}{{next}}{% else %}{% url 'course' lesson.course.id %}{% endif %}">
@@ -42,13 +42,11 @@
   </div>
 </div>
 {% for content in lesson.content.all %}
-<div class="section section_border">
-  <div class="section__center center center_sm">
+
     {% with template="course/content/"|add:content.ctype|add:".html" %}
     {% include template %}
     {% endwith %}
-    </div>
-  </div>
+    
 {% endfor %}
 {% comment %} <div class="section section_gradient">
   <div class="section__center center center_sm">

apps/user/templates/user/notification-settings.html

@@ -16,7 +16,7 @@
       <div class="confirm__content">На электронный адрес
         <strong>{{ user.email }}</strong> отправлено письмо для подтверждения.</div>
         <div class="confirm__content">Если письмо где-то затерялось, вы можете повторить отправку письма для подтверждения. Отправить?</div>
-        <a href="{% url 'resend-email-verify' %}" class="confirm__btn btn btn_dark">ОТПРАВИТЬ</a>
+        <a style="margin-top:18px; margin-left: 90px" href="{% url 'resend-email-verify' %}" class="confirm__btn btn btn_dark">ОТПРАВИТЬ ПИСЬМО</a>
       </div>
     </div>
   </div>

apps/user/templates/user/payment-history.html

@@ -16,7 +16,7 @@
       <div class="confirm__content">На электронный адрес
         <strong>{{ user.email }}</strong> отправлено письмо для подтверждения.</div>
         <div class="confirm__content">Если письмо где-то затерялось, вы можете повторить отправку письма для подтверждения. Отправить?</div>
-        <a href="{% url 'resend-email-verify' %}" class="confirm__btn btn btn_dark">ОТПРАВИТЬ</a>
+        <a style="margin-top:18px; margin-left: 90px" href="{% url 'resend-email-verify' %}" class="confirm__btn btn btn_dark">ОТПРАВИТЬ ПИСЬМО</a>
       </div>
     </div>
   </div>

apps/user/templates/user/profile-settings.html

@@ -16,7 +16,7 @@
       <div class="confirm__content">На электронный адрес
         <strong>{{ user.email }}</strong> отправлено письмо для подтверждения.</div>
         <div class="confirm__content">Если письмо где-то затерялось, вы можете повторить отправку письма для подтверждения. Отправить?</div>
-        <a href="{% url 'resend-email-verify' %}" class="confirm__btn btn btn_dark">ОТПРАВИТЬ</a>
+        <a style="margin-top:18px; margin-left: 90px" href="{% url 'resend-email-verify' %}" class="confirm__btn btn btn_dark">ОТПРАВИТЬ ПИСЬМО</a>
       </div>
     </div>
   </div>

project/templates/lilcity/main.html

@@ -13,7 +13,7 @@
       {% endif %}
       class="main__btn btn"
       href="#"
-    >КУПИТЬ ДОСТУП ОТ 2000р. в мес.</a>
+    >КУПИТЬ ДОСТУП ОТ 500р. в мес.</a>
   </div>
 </div>
 {% if messages %}

web/src/components/CourseRedactor.vue

@@ -549,7 +549,7 @@
                 this.savingDebounceTimeout = setTimeout(() => {
                     this.courseSaving = true;
                     clearTimeout(this.savingTimeout);
-                    document.getElementById('course-redactor__saving-status').innerText = 'СОХРАНЕНИЕ';
+                    document.getElementById('course-redactor__saving-status').innerText = 'СОХРАНЕНИЕ...';
                     const courseObject = this.course;
                     courseObject.url = slugify(courseObject.url);
                     api.saveCourse(courseObject, this.accessToken)