From 8fee6f1adae81fdc458bde46d3df5982fca06f50 Mon Sep 17 00:00:00 2001
From: Robin Mehner <robin@coding-robin.de>
Date: Sun, 19 May 2013 17:30:24 +0200
Subject: [PATCH] Grab videos from YouTube for impressions

---
 _layouts/default.html      |  2 +-
 impressions.md             | 12 ++++++++++++
 js/{modules.js => main.js} | 25 +++++++++++++++++++++++--
 3 files changed, 36 insertions(+), 3 deletions(-)
 create mode 100644 impressions.md
 rename js/{modules.js => main.js} (86%)

diff --git a/_layouts/default.html b/_layouts/default.html
index 619afc1..6b72b8a 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -133,7 +133,7 @@
   </script>
   <script src="/js/vendor/jquery.js"></script>
   <script src="/js/vendor/jquery-ajax-localstorage-cache.js"></script>
-  <script src="/js/modules.js"></script>
+  <script src="/js/main.js"></script>
   <script type="text/javascript">
   var $win = $(window);
   var $wrap = $('.header-links-wrap');
diff --git a/impressions.md b/impressions.md
new file mode 100644
index 0000000..f9668d9
--- /dev/null
+++ b/impressions.md
@@ -0,0 +1,12 @@
+---
+layout: default
+title: The NodeCopter - Programming flying robots with node.js
+introTitle: Impressions of NodeCopter events
+introText: |
+  Some videos and photos of NodeCopter events from all around the world
+---
+
+If you want to see your video here, make sure you we can find your video on
+YouTube when searching for "nodecopter".
+
+<div class="js-videos"></div>
diff --git a/js/modules.js b/js/main.js
similarity index 86%
rename from js/modules.js
rename to js/main.js
index 41fc90e..d39b29b 100644
--- a/js/modules.js
+++ b/js/main.js
@@ -115,11 +115,12 @@
     });
   };
 
-  $(function() {
-
+  var showNpmModules = function() {
     // which element to append modules to
     var ul = $('.modules-all');
 
+    if (!ul.length) return;
+
     // appends module to the list
     function appendModules(modules) {
       $('.modules-loading').remove();
@@ -154,7 +155,27 @@
         appendModules(modules);
       });
     });
+  };
 
+  var showYouTubeVideos = function() {
+    var $container = $('.js-videos');
+
+    if (!$container.length) return;
+
+    $.getJSON('https://gdata.youtube.com/feeds/api/videos?q=nodecopter&alt=jsonc&v=2&orderby=viewCount', function(videos) {
+      var videoString = '';
+      var tpl = '<iframe width="512" height="288" src="http://www.youtube.com/embed/{{id}}" frameborder="0" allowfullscreen></iframe>';
+      videos.data.items.forEach(function(video) {
+        videoString += tpl.replace('{{id}}', video.id);
+      });
+
+      $('.js-videos').append(videoString);
+    });
+  };
+
+  $(function() {
+    showNpmModules();
+    showYouTubeVideos();
   });
 
 }(window, jQuery));