Longread layout fixes See merge request lilcity/backend!7remotes/origin/hasaccess
commit
19da4b6c29
13 changed files with 84 additions and 74 deletions
@ -1,28 +1,32 @@ |
||||
{% load thumbnail %} |
||||
{% if results %} |
||||
<div class="title">Галерея итогов обучения</div> |
||||
<div class="examples gallery"> |
||||
{% for image in course.gallery.gallery_images.all %} |
||||
<div class="examples__item"> |
||||
<a href="{{ image.img.image.url }}"> |
||||
{% thumbnail image.img.image "140x140" crop="center" as im %} |
||||
<img class="examples__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}"> |
||||
{% endthumbnail %} |
||||
</a> |
||||
<div class="title">Галерея итогов обучения</div> |
||||
<div class="examples gallery"> |
||||
{% for image in course.gallery.gallery_images.all %} |
||||
<div class="examples__item"> |
||||
<a href="{{ image.img.image.url }}"> |
||||
{% thumbnail image.img.image "140x140" crop="center" as im %} |
||||
<img class="examples__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}"> |
||||
{% endthumbnail %} |
||||
</a> |
||||
</div> |
||||
{% endfor %} |
||||
</div> |
||||
{% endfor %} |
||||
</div> |
||||
{% else %} |
||||
<div class="content-block title">{{ content.title }}</div> |
||||
<div class="examples gallery"> |
||||
{% for image in content.gallery_images.all %} |
||||
<div class="examples__item"> |
||||
<a href="{{ image.img.image.url }}"> |
||||
{% thumbnail image.img.image "140x140" crop="center" as im %} |
||||
<img class="examples__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}"> |
||||
{% endthumbnail %} |
||||
</a> |
||||
<div class="section section_gradient"> |
||||
<div class="section__center center center_sm"> |
||||
<div class="title">{{ content.title }}</div> |
||||
<div class="examples gallery"> |
||||
{% for image in content.gallery_images.all %} |
||||
<div class="examples__item"> |
||||
<a href="{{ image.img.image.url }}"> |
||||
{% thumbnail image.img.image "140x140" crop="center" as im %} |
||||
<img class="examples__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}"> |
||||
{% endthumbnail %} |
||||
</a> |
||||
</div> |
||||
{% endfor %} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endfor %} |
||||
</div> |
||||
{% endif %} |
||||
|
||||
@ -1,8 +1,10 @@ |
||||
<div class="content-block title"> |
||||
{{ content.title }} |
||||
</div> |
||||
<div class="gallery"> |
||||
<a href="{{ content.img.image.url }}"> |
||||
<img class="content-block pic" src="{{ content.img.image.url }}" alt=""> |
||||
</a> |
||||
<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> |
||||
|
||||
@ -1,11 +1,13 @@ |
||||
<div class="content-block title"> |
||||
{{ content.title }} |
||||
</div> |
||||
<div class="content-block text"> |
||||
{{ content.txt | safe }} |
||||
</div> |
||||
<div class="gallery"> |
||||
<a href="{{ content.img.image.url }}"> |
||||
<img class="content-block pic" src="{{ content.img.image.url }}" alt=""> |
||||
</a> |
||||
</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> |
||||
|
||||
@ -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> |
||||
@ -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> |
||||
Loading…
Reference in new issue