DevCenter/video-gallery.html at master · vittalpai/DevCenter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
---
layout: default
title: Video Gallery
custom_js:
- lib/magnific/jquery.magnific-popup.min.js
- js/video-gallery.js
---
<script id="videoTemplate" type="text/x-jsrender">
{% raw %}
<li class="col-md-3 col-sm-4 col-xs-6">
    <figure>
      <a href="{{:url}}" data-toggle="lightbox" data-width="960" data-gallery="youtubevideos">
          <img src="{{:thumbnail}}" class="thumbnail img-responsive" alt="{{:caption}}">
      </a>
      {{for tags}}
        <span class="videoTag label label-info" data-tag="{{:#data}}">{{:#data}}</span>
      {{/for}}
      <figcaption class="figure-caption">
        {{:caption}}
      </figcaption>
    </figure>
</li>
{% endraw %}
</script>
<div class="container video-gallery">

    <h2 class="no-anchor">Video Gallery<small> Click on a tag for filtered content</small></h2>
    <div id="videoTags"></div>
    <ul id="videosList" class="gallery row">

    </ul>
</div>