added tags and location to a div with class 'filter' in video grid. install bower component 'isotope'
This commit is contained in:
parent
58dc3ffa49
commit
9367e9adca
2 changed files with 18 additions and 20 deletions
13
6_video.html
13
6_video.html
|
|
@ -16,16 +16,13 @@ permalink: /video/
|
|||
|
||||
{% assign vimeo_id = talk.talk_video_url | remove:'https://vimeo.com/' %}
|
||||
|
||||
{% if talk.topics %}
|
||||
{% assign tags = (talk.topics | split:",") %}
|
||||
{% 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>
|
||||
{% if talk.topics %}
|
||||
<ul class="tags">
|
||||
{% assign tags = (talk.topics | split:",") %}
|
||||
{% for tag in tags | uniq %}
|
||||
<li>{{tag}}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
<img class="playbutton" src="/images/play-button.png" />
|
||||
<div class="video-description"><p>{{talk.artist}} / {{talk.artist_website}} – {{talk.description}}</p></div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue