website: add height stabilization video

website/content/height_stabilization.md

+Title: Height Stabilization (movie)
+Date: 2016-12-04
+Authors: Brendan
+Category: Highlights
+image:
+
+The following test flight demonstrates altitude stabilization. Once the pilot puts the quadcopter into autonomous mode, the quadcopter uses its internal control algorithm to maintain its altitude. The pilot still must provide x and y-axis stabilization through the remote control.
+
+<figure>
+<video controls>
+<source src="/videos/height_stabilization.mp4">
+</video>
+</figure>

website/pelicanconf.py

@@ -40,7 +40,7 @@ DEFAULT_PAGINATION = False
 THEME = 'themes/notmyidea'
 
 # Static Content
-STATIC_PATHS = ['images', 'files']
+STATIC_PATHS = ['images', 'files', 'videos']
 
 # Page Order
 PAGE_ORDER_BY = 'sortorder'

website/themes/notmyidea/static/css/main.css

@@ -383,7 +383,7 @@ img.left, figure.left {float: left; margin: 0 2em 2em 0;}
 }
 li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
 #content > .hentry {padding: 1em 0;}
-.hentry img{ display: none; }
+.hentry img, .hentry video{ display: none; }
 .entry-title {font-size: 3em; /*! margin-bottom: 10px; */ /*! margin-top: 0; */}
 .entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;}
 .entry-title a:visited {background-color: #fff;}
@@ -495,6 +495,10 @@ figure {
   margin: 1em;
 }
 
+video {
+  width: 100%;
+}
+
 @media screen and (max-width:500px) {
 
 	#banner nav li {