LIL-601 галерея на главной

remotes/origin/hotfix/LIL-691
gzbender 8 years ago
parent 68f05cbf77
commit d04745629a
  1. 118
      project/templates/blocks/gallery.html
  2. 2
      web/src/sass/_common.sass

@ -11,80 +11,56 @@
</div> </div>
<div class="gallery"> <div class="gallery">
<div class="gallery__grid"> <div class="gallery__grid">
<div <a href="{% get_media_prefix %}instagram/results/0.jpg"
class="gallery__item gallery__item_lg" class="gallery__item gallery__item_lg">
style="background-image: url({% get_media_prefix %}instagram/results/0.jpg);"
>
<img class="gallery__pic" src="{% get_media_prefix %}instagram/results/0.jpg" onerror="this.style.display='none'"> <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/0.jpg" onerror="this.style.display='none'">
</div> </a>
<div <a href="{% get_media_prefix %}instagram/results/1.jpg"
class="gallery__item" class="gallery__item">
style="background-image: url({% get_media_prefix %}instagram/results/1.jpg);" <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/1.jpg" onerror="this.style.display='none'">
> </a>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/1.jpg" onerror="this.style.display='none'"> {% endcomment %} <a href="{% get_media_prefix %}instagram/results/2.jpg"
</div> class="gallery__item">
<div <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/2.jpg" onerror="this.style.display='none'">
class="gallery__item" </a>
style="background-image: url({% get_media_prefix %}instagram/results/2.jpg);" <a href="{% get_media_prefix %}instagram/results/3.jpg"
> class="gallery__item">
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/2.jpg" onerror="this.style.display='none'"> {% endcomment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/3.jpg" onerror="this.style.display='none'">
</div> </a>
<div <a href="{% get_media_prefix %}instagram/results/4.jpg"
class="gallery__item" class="gallery__item">
style="background-image: url({% get_media_prefix %}instagram/results/3.jpg);" <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/4.jpg" onerror="this.style.display='none'">
> </a>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/3.jpg" onerror="this.style.display='none'"> {% endcomment %} <a href="{% get_media_prefix %}instagram/results/5.jpg"
</div> class="gallery__item">
<div <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/5.jpg" onerror="this.style.display='none'">
class="gallery__item" </a>
style="background-image: url({% get_media_prefix %}instagram/results/4.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/4.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div>
<div
class="gallery__item"
style="background-image: url({% get_media_prefix %}instagram/results/5.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/5.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div>
</div> </div>
<div class="gallery__grid"> <div class="gallery__grid">
<div <a href="{% get_media_prefix %}instagram/results/6.jpg"
class="gallery__item" class="gallery__item">
style="background-image: url({% get_media_prefix %}instagram/results/6.jpg);" <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/6.jpg" onerror="this.style.display='none'">
> </a>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/6.jpg" onerror="this.style.display='none'"> {% endcomment %} <a href="{% get_media_prefix %}instagram/results/7.jpg"
</div> class="gallery__item">
<div <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/7.jpg" onerror="this.style.display='none'">
class="gallery__item" </a>
style="background-image: url({% get_media_prefix %}instagram/results/7.jpg);" <a href="{% get_media_prefix %}instagram/results/8.jpg"
> class="gallery__item">
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/7.jpg" onerror="this.style.display='none'"> {% endcomment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/8.jpg" onerror="this.style.display='none'">
</div> </a>
<div <a href="{% get_media_prefix %}instagram/results/9.jpg"
class="gallery__item" class="gallery__item gallery__item_lg">
style="background-image: url({% get_media_prefix %}instagram/results/8.jpg);" <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/9.jpg" onerror="this.style.display='none'">
> </a>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/8.jpg" onerror="this.style.display='none'"> {% endcomment %} <a href="{% get_media_prefix %}instagram/results/10.jpg"
</div> class="gallery__item">
<div class="gallery__item gallery__item_lg" <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/10.jpg" onerror="this.style.display='none'">
style="background-image: url({% get_media_prefix %}instagram/results/9.jpg);" </a>
<a href="{% get_media_prefix %}instagram/results/11.jpg"
> class="gallery__item">
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/9.jpg" onerror="this.style.display='none'"> {% endcomment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/11.jpg" onerror="this.style.display='none'">
</div> </a>
<div
class="gallery__item"
style="background-image: url({% get_media_prefix %}instagram/results/10.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/10.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div>
<div
class="gallery__item"
style="background-image: url({% get_media_prefix %}instagram/results/11.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/11.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div>
</div> </div>
</div> </div>
</div> </div>

@ -1352,6 +1352,8 @@ a[name]
&__pic &__pic
display: block display: block
width: 100% width: 100%
height: 100%
object-fit: cover
.app .app
position: relative position: relative

Loading…
Cancel
Save