first steps to implement video showcase

6_video.html

@@ -0,0 +1,107 @@
+---
+layout: page
+title: Video showcase
+icon: video
+visible: false
+permalink: /video/
+---
+
+{% assign post_number = site.posts | size %}
+
+<div id="video-roster" class="content container-fluid">
+
+ {% for post in site.posts %}
+   {% if post.layout != "event-spektrum" %}
+     {% continue %}
+   {% endif %}
+   
+   {% for talk in post.talks %}
+   
+   {% if talk.talk_video_url %}
+     
+     {% assign vimeo_id = 43849383 %}
+     
+     <div class="videobox" vimeo="{{vimeo_id}}">
+       <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> 
+     
+   {% endif %} 
+   
+   {% endfor %}
+
+ {% endfor %}
+ 
+  <div id="videotext"></div>
+
+  <div id="videoplayer">
+    <div id="player"></div>
+    <div id="close-button"></div>
+  </div>
+  
+</div> <!-- container -->
+
+<script>
+
+   jQuery( document ).ready(function() {
+     jQuery('.videobox').each(function() {
+       var $this = jQuery(this);
+       jQuery.getJSON('http://www.vimeo.com/api/v2/video/' + jQuery(this).attr('vimeo') + '.json?callback=?', {format: "json"}, function(data) {
+         $this.css('background', 'url("' + data[0].thumbnail_large + '")');
+         $this.css('background-size', 'cover');
+         //$this.css('height', (($this.width()/4)*3));
+       });
+       
+       $this.on('mouseover', function() {
+         var offset = $this.offset();
+         var center = jQuery(window).width()/2;
+         if( offset.left > center) {
+           jQuery('#videotext').css('right', '');
+           jQuery('#videotext').css('left', '20px');
+         } else {
+           jQuery('#videotext').css('left', '');
+           jQuery('#videotext').css('right', '20px');
+         }
+         jQuery('#videotext').html($this.html());
+         $this.find("img").show();
+         timer = window.setTimeout(function() {
+           jQuery('#videotext').show(300);
+         }, 500);
+       });
+
+       $this.on('mouseout', function() {
+         jQuery('#videotext').hide();
+         $this.find("img").hide();
+         if (timer) {
+           window.clearTimeout(timer);
+         }
+       });
+
+       $this.on('click', function() {
+         jQuery('#videotext').hide();
+         $this.find("img").hide();
+         if (timer) {
+           window.clearTimeout(timer);
+         }
+         jQuery('#videoplayer #player').html('<iframe src="http://player.vimeo.com/video/'+$this.attr('vimeo')+'?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1" width="100%" height="100%" frameborder="0"></iframe>');
+         jQuery('#videoplayer').fadeIn(300);
+       });
+
+       jQuery('#videoplayer').on('click', function() {
+         jQuery(this).fadeOut(500, function() {
+           jQuery('#videoplayer #player').html('');
+         });
+       });
+
+     });
+   });
+ </script>

_includes/head.html

@@ -15,6 +15,7 @@
  <link rel="stylesheet" href="{{ '/bower_components/fontawesome/css/font-awesome.min.css' | prepend: site.baseurl }}" type="text/css" />
  <link rel="stylesheet" href="{{ '/css/picbook.css' | prepend: site.baseurl }}" type="text/css" />
  <link rel="stylesheet" href="{{ '/css/custom.css' | prepend: site.baseurl }}" type="text/css" >
+ <link rel="stylesheet" href="{{ '/css/video.css' | prepend: site.baseurl }}" type="text/css" >
  <link rel="stylesheet" href="{{ '/css/hover.css' | prepend: site.baseurl }}" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 

_site/about/index.html

@@ -19,6 +19,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -32,16 +33,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/artists/index.html

@@ -19,6 +19,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -32,16 +33,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/call-for-talks/index.html

@@ -19,6 +19,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -32,16 +33,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/css/video.css

@@ -0,0 +1,109 @@
+
+#video-roster {
+  background-color:#000;
+  margin:0;
+  padding:0;
+}
+
+.videobox
+{
+  display:block;
+  float:left;
+  width:240px;
+  height:180px;
+  margin-top:4px;
+  margin-left:2px;
+  margin-right:2px;
+  opacity:.5;
+  text-align:center;
+  padding:20px;
+}
+
+.videobox:hover
+{
+  opacity:1;
+}
+
+.videobox .video-title
+{
+  color:#fff;
+  font-size:1.1em;
+  text-align:left;
+}
+
+.videobox .video-description, .videobox .tags
+{
+  display:none;
+}
+
+#videotext
+{
+  width:40%;
+  background-color:#fff;
+  opacity:.8;
+  position:fixed;
+  z-index:100;
+  right:20px;
+  top:20px;
+  display:none;
+  padding:30px;
+}
+
+#videotext .video-title
+{
+  color:#000;
+  font-size: 1.7em;
+  background-color:none;
+}
+
+#videotext .tags
+{
+  font-weight:lighter;
+}
+
+#videotext .video-description
+{
+  display:block;
+  font-size: 1em;
+}
+
+.playbutton
+{
+  width:60px;
+  margin-top:30px;
+  display:none;
+  pointer-events: none;
+}
+
+#videoplayer
+{
+  display:block;
+  position:fixed;
+  z-index:1000;
+  width:100%;
+  height:100%;
+  display:none;
+  background:#000;
+}
+
+#player
+{
+  display:block;
+  width:80%;
+  height:80%;
+  margin:5% auto;
+  background:#000;
+}
+
+#close-button
+{
+  position:fixed;
+  z-index:1001;
+  display:block;
+  width:50px;
+  height:50px;
+  top:0;
+  right:0;
+  background-image:url("/images/close-button-large.png");
+  background-size:cover;
+}

_site/feed.xml

@@ -6,8 +6,8 @@
 </description>
   <link>http://scopesessions.org/</link>
   <atom:link href="http://scopesessions.org /feed.xml " rel="self" type="application/rss+xml" />
-  <pubDate>Fri, 13 Jan 2017 12:51:51 +0100</pubDate>
-  <lastBuildDate>Fri, 13 Jan 2017 12:51:51 +0100</lastBuildDate>
+  <pubDate>Fri, 13 Jan 2017 18:09:33 +0100</pubDate>
+  <lastBuildDate>Fri, 13 Jan 2017 18:09:33 +0100</lastBuildDate>
   <generator>Jekyll v3.1.2</generator>
   
   <item>

_site/index.html

@@ -19,6 +19,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -32,16 +33,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2011/07/07/001.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2011/07/21/002.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2011/08/18/003.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2011/09/15/004.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2011/09/29/005.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2011/10/06/006.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2011/10/20/007.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2011/11/10/008.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2011/11/17/009.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2012/01/12/010.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2012/02/09/011.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2012/03/08/012.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2012/04/12/013.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2012/05/10/014.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2012/09/13/015.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2012/10/11/016.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2012/11/08/017.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2012/12/13/018.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2013/02/21/019.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2013/03/14/020.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2013/04/11/021.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2013/05/09/022.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2013/06/06/023.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2013/07/11/024.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2013/09/12/025.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2013/10/10/026.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2013/11/14/027.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2013/12/12/028.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2014/02/13/029.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2014/03/20/030.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2014/04/10/031.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2014/05/08/032.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2014/06/12/033.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2014/07/10/034.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2014/09/11/035.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2014/10/09/036.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2014/11/13/037.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2014/12/11/038.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2015/01/08/039.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2015/03/12/040.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2015/03/12/041.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2015/04/09/042.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2015/05/14/043.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2015/06/11/044.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2015/06/27/045.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2015/09/10/046.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2015/09/19/047.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2015/10/08/048.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2015/11/12/049.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2015/12/10/050.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2016/01/14/051.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2016/02/11/052.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2016/03/10/053.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2016/04/14/054.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2016/05/12/055.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2016/06/11/056.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2016/06/24/057.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2016/09/08/058.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2016/10/13/059.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2016/11/10/060.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/session/2016/12/08/061.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/spektrum/2015/10/09/048s.html

@@ -18,6 +18,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -31,16 +32,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

_site/spektrum/index.html

@@ -19,6 +19,7 @@
  <link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/css/picbook.css" type="text/css" />
  <link rel="stylesheet" href="/css/custom.css" type="text/css" >
+ <link rel="stylesheet" href="/css/video.css" type="text/css" >
  <link rel="stylesheet" href="/css/hover.css" type="text/css" >
  <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
 
@@ -32,16 +33,6 @@
  <script src="/js/custom.js" type="text/javascript" ></script>
 
  
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-90315927-1', 'auto');
-  ga('send', 'pageview');
-</script>
- 
 
 </head>
 

css/video.css

@@ -0,0 +1,109 @@
+
+#video-roster {
+  background-color:#000;
+  margin:0;
+  padding:0;
+}
+
+.videobox
+{
+  display:block;
+  float:left;
+  width:240px;
+  height:180px;
+  margin-top:4px;
+  margin-left:2px;
+  margin-right:2px;
+  opacity:.5;
+  text-align:center;
+  padding:20px;
+}
+
+.videobox:hover
+{
+  opacity:1;
+}
+
+.videobox .video-title
+{
+  color:#fff;
+  font-size:1.1em;
+  text-align:left;
+}
+
+.videobox .video-description, .videobox .tags
+{
+  display:none;
+}
+
+#videotext
+{
+  width:40%;
+  background-color:#fff;
+  opacity:.8;
+  position:fixed;
+  z-index:100;
+  right:20px;
+  top:20px;
+  display:none;
+  padding:30px;
+}
+
+#videotext .video-title
+{
+  color:#000;
+  font-size: 1.7em;
+  background-color:none;
+}
+
+#videotext .tags
+{
+  font-weight:lighter;
+}
+
+#videotext .video-description
+{
+  display:block;
+  font-size: 1em;
+}
+
+.playbutton
+{
+  width:60px;
+  margin-top:30px;
+  display:none;
+  pointer-events: none;
+}
+
+#videoplayer
+{
+  display:block;
+  position:fixed;
+  z-index:1000;
+  width:100%;
+  height:100%;
+  display:none;
+  background:#000;
+}
+
+#player
+{
+  display:block;
+  width:80%;
+  height:80%;
+  margin:5% auto;
+  background:#000;
+}
+
+#close-button
+{
+  position:fixed;
+  z-index:1001;
+  display:block;
+  width:50px;
+  height:50px;
+  top:0;
+  right:0;
+  background-image:url("/images/close-button-large.png");
+  background-size:cover;
+}