| layout | title |
|---|---|
page |
video-lectures |
{% assign num = 0 %}
{% for post in site.posts %}
{% if post.video-url %}
{% if post.video_categories %}
{% endif %}
<script type="text/javascript">
// quick search regex
var qsRegex;
// init Isotope
var $grid = jQuery('.grid').isotope({
itemSelector: '.entry',
layoutMode: 'masonry',
masonry: {
columnWidth: 236,
gutter: 8
},
filter: function() {
return qsRegex ? jQuery(this).text().match( qsRegex ) : true;
}
});
// use value of search field to filter
var $quicksearch = jQuery('.quicksearch').keyup( debounce( function() {
qsRegex = new RegExp( $quicksearch.val(), 'gi' );
$grid.isotope();
}, 200 ) );
// debounce so filtering doesn't happen every millisecond
function debounce( fn, threshold ) {
var timeout;
return function debounced() {
if ( timeout ) {
clearTimeout( timeout );
}
function delayed() {
fn();
timeout = null;
}
timeout = setTimeout( delayed, threshold || 100 );
}
}
</script>
{% if post.video_categories %}
- {{ post.video_categories }}
<h2 class="title featured">
<a href="https://www.youtube.com/watch?v={{ post.video-url }}">
{{ post.title | truncate:30 }}
</a>
</h2>
<div class="entry-content">
<div class="bottom-bg">
<div class="excerpt">
<p>
{{ post.description | truncate:100 }}
</p>
<div class="textright">
<a href="https://www.youtube.com/watch?v={{ post.video-url }}" class="readmore"><span>»</span>»</a>
</div><!-- end .textright -->
</div><!-- end .excerpt -->
</div><!-- end .bottom-bg -->
</div><!-- end .entry-content -->
</div><!-- end .entry -->
{% assign num = num | plus: 1 %}
{% endif %}
{% endfor %}
Talks and hands-on tutorials from previous Brainhack events are available on YouTube using the following play lists: