photos.html

---
layout: default
title: Photos from Chi Hack Night
---

<h2 id='slideshow-header' style='display: none;'>Photos from Chi Hack Night</h2>

<p>Have a photo from Chi Hack Night? Upload it to <a href='http://flickr.com'>Flickr</a> and tag it with <strong><a href='https://www.flickr.com/search/?tags=chihacknight'>chihacknight</a></strong>.</p>
    
<div class='slideshow'></div>

<script src="/js/galleria/galleria.js"></script>
<script src="/js/galleria/plugins/flickr/galleria.flickr.js"></script>
<script>
  var flickr = new Galleria.Flickr();
  flickr.setOptions({
      max: 100,
      thumbSize: 'small',
      sort: 'date-posted-desc',
      description: true,
      showInfo: true
  }).search('chihacknight', function(data) {
    // Should we show or hide the slideshow?
    var $slideshow = $(".slideshow");
    if (data.length) {
      $slideshow.css({height: 600, marginBottom: 20});
      $('#slideshow-header').show()
    } else {
      $slideshow.hide();
    }

    Galleria.loadTheme('/js/galleria/themes/classic/galleria.classic.js');
    Galleria.run('.slideshow', {
        dataSource: data
    });
  });
</script>