added tags and location to a div with class 'filter' in video grid. install bower component 'isotope'

This commit is contained in:
Kiritan Flux 2017-01-21 11:03:02 +01:00
parent 58dc3ffa49
commit 9367e9adca
2 changed files with 18 additions and 20 deletions

View file

@ -16,16 +16,13 @@ permalink: /video/
{% assign vimeo_id = talk.talk_video_url | remove:'https://vimeo.com/' %}
<div class="videobox" vimeo="{{vimeo_id}}">
<div class="video-title">{{talk.title}}</div>
{% if talk.topics %}
<ul class="tags">
{% assign tags = (talk.topics | split:",") %}
{% for tag in tags | uniq %}
<li>{{tag}}</li>
{% endfor %}
</ul>
{% endif %}
<div class="videobox" vimeo="{{vimeo_id}}">
<div class="filter {% for tag in tags | uniq %}{{tag | strip | replace: " ", "-" | downcase}} {% endfor %}{{post.location | strip | replace: " ", "-" | downcase}}"></div>
<div class="video-title">{{talk.title}}</div>
<img class="playbutton" src="/images/play-button.png" />
<div class="video-description"><p>{{talk.artist}} / {{talk.artist_website}} {{talk.description}}</p></div>
</div>

View file

@ -22,6 +22,7 @@
<script src="{{ '/bower_components/jquery/dist/jquery.min.js' | prepend: site.baseurl }}" type="text/javascript" ></script>
<script src="{{ '/bower_components/bootstrap/dist/js/bootstrap.min.js' | prepend: site.baseurl }}" type="text/javascript"></script>
<script src="{{ '/bower_components/vegas/dist/jquery.vegas.min.js' | prepend: site.baseurl }}" type="text/javascript"></script>
<script src="{{ '/bower_components/isotope/dist/isotope.pkgd.min.js' | prepend: site.baseurl }}" type="text/javascript"></script>
<script src="{{ '/js/picbook.min.js' | prepend: site.baseurl }}" type="text/javascript" ></script>
<script src="{{ '/js/jquery.imagefill.min.js' | prepend: site.baseurl }}" type="text/javascript" ></script>
<script src="{{ '/js/jquery.cookie.js' | prepend: site.baseurl }}" type="text/javascript" ></script>