Add in video and resources.

public/site/2015-05/_sass/_layout.scss

@@ -11,11 +11,14 @@ html, body {
 body * {
     /*outline: 1px solid rgba(255, 0, 0, 0.5);/**/
 }
-img {
+img, video {
     margin:                 1ex 1em;
 
     border-radius:          4px;
     box-shadow:             0 1px 3px rgba(0, 0, 0, 0.6);
+    object-fit: contain;
+    box-sizing:             border-box;
+    max-width: 100%;
 }
 h1 {
     margin:                 0;
@@ -92,7 +95,7 @@ header {
 
     .hero {
         position:           absolute;
-        z-index:            -2;
+        z-index:            -1;
         left:               0;
         right:              0;
         top:                0;

public/site/2015-05/img/head_key_336882.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="73px" height="90px" viewBox="0 0 73 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.4.2 (15855) - http://www.bohemiancoding.com/sketch -->
+    <title>Slice 1</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <path d="M61.6397934,48.9356232 C67.9852448,44.1274796 72.1343536,37.1242295 72.5005188,29.2848664 C73.2325211,13.710577 58.9553452,0.54036 40.651001,0.0177355 C23.2009354,-0.4003639 8.4353161,11.3065033 7.5810394,26.253643 C7.4590931,28.4486656 7.5810394,30.6436882 8.0691509,32.7341842 C8.3133716,33.6749076 8.0691509,34.7201576 7.4590931,35.5563583 C5.8728142,38.0649528 2.4557047,43.3958053 0.9916992,47.7858505 C0.0154762,50.81707 3.1880359,50.9215965 10.0215969,51.1306457 L10.7539272,60.7470169 C10.8758735,67.6456604 14.9027118,70.6768799 23.4448242,69.7361526 L25.8853836,69.6316299 C27.2277718,69.5271072 28.3259392,70.4678268 28.2039947,71.6176071 L33.5982017,89.5566025 L65.2370223,78.1127701 C65.2370223,78.1127701 59.4434585,64.7189636 58.9553451,59.701767 C57.385498,52.7345123 61.6397934,48.9356232 61.6397934,48.9356232 L61.6397934,48.9356232 Z M56.8566284,43.2990875 C46.7933159,52.0972557 39.9873657,42.8988189 39.9873657,42.8988189 C38.500679,43.8709335 36.4992599,43.6421623 34.783802,43.4134712 C32.8395729,43.1847 30.8953437,42.4413566 29.6946258,40.8402061 C29.0655021,39.9824752 28.7223472,39.0103607 28.6079597,37.9810562 C23.5184516,39.9824753 16.1990833,38.5529022 13.8545036,33.234787 C12.0818538,29.2891388 12.8253612,21.7981072 17.1141681,19.5108032 C17.4573249,16.994646 18.1433105,14.7645359 20.2591171,13.1061897 C22.3749237,11.5050354 24.9482727,10.5901146 27.6356811,10.761693 C31.2956962,6.5300789 38.443489,6.0154257 43.4182815,8.1312323 C46.163208,6.8160429 49.0225219,6.9875393 51.8815078,8.2456179 C55.0839767,9.6180001 57.1997833,11.33354 58.2861251,14.1354962 C63.490013,16.3084965 65.8917846,21.4549485 65.2626647,27.1162186 C65.0338897,29.2891388 64.5763473,31.4049454 63.3184356,33.0632897 C63.7184601,37.752285 61.0310516,41.755127 56.8566284,43.2990875 L56.8566284,43.2990875 Z" id="Shape" fill="#000000" sketch:type="MSShapeGroup"></path>
+        <path d="M31.3251457,27.8283348 L31.3465919,27.8469658 C32.5257911,29.0262261 34.0726661,29.6547966 35.7195701,29.7550049 C35.7195701,29.7550049 36.8478393,29.8030014 38.1431312,29.5946121 C38.5847015,29.5900421 39.1774101,29.7115822 39.5461959,30.0804291 L47.2131538,37.747387 L50.6971893,37.7283402 L41.2748489,28.3059388 C41.0319442,28.0630341 41.0319442,27.6691972 41.2747879,27.4263459 C41.5177002,27.1834412 41.9115067,27.1834107 42.1544723,27.4263459 L52.2658615,37.5377694 C53.4462356,36.1768418 53.3905563,34.1153794 52.0977936,32.822609 L44.4308281,25.1556206 C44.0624504,24.7873039 43.9056358,24.2289677 43.8776207,23.8200379 C43.975605,22.6351243 43.8482018,21.5861455 43.8482018,21.5861455 C43.6343575,20.0529824 42.9382782,18.5736238 41.7590256,17.3944245 C38.8771858,14.5125905 34.2059822,14.513527 31.3251457,17.3944245 C28.4442482,20.2752609 28.4432526,24.9464951 31.3251457,27.8283348 L31.3251457,27.8283348 Z M33.3441772,19.4134846 C34.1828956,18.5747948 35.5432319,18.5748539 36.3817215,19.4132214 C37.2206688,20.2522068 37.2201424,21.6121045 36.381485,22.4507962 C35.5427666,23.2894803 34.1828957,23.2899476 33.3439407,22.4509698 C32.5055161,21.6126022 32.5055161,20.2522068 33.3441772,19.4134846 L33.3441772,19.4134846 Z" id="Shape" fill="#000000" sketch:type="MSShapeGroup"></path>
+    </g>
+</svg>

public/site/2015-05/img/password_app_667404.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="27px" height="26px" viewBox="0 0 27 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.4.2 (15855) - http://www.bohemiancoding.com/sketch -->
+    <title>Slice 1</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <path d="M0,3 L24,3 L24,0 L0,0 L0,3 L0,3 Z M6,1 L7,1 L7,2 L6,2 L6,1 L6,1 Z M4,1 L5,1 L5,2 L4,2 L4,1 L4,1 Z M2,1 L3,1 L3,2 L2,2 L2,1 L2,1 Z" id="Shape" fill="#000000" sketch:type="MSShapeGroup"></path>
+        <path d="M15,14 C15,10.968 17.467,8.5 20.5,8.5 C21.828,8.5 23.049,8.974 24,9.761 L24,4 L0,4 L0,22 L13,22 L13,14 L15,14 L15,14 Z" id="Shape" fill="#000000" sketch:type="MSShapeGroup"></path>
+        <path d="M25,14 C25,11.515 22.985,9.5 20.5,9.5 C18.015,9.5 16,11.515 16,14 L16,15 L14,15 L14,26 L27,26 L27,15 L25,15 L25,14 L25,14 Z M21,20.908 L21,23 L20,23 L20,20.908 C19.419,20.701 19,20.152 19,19.5 C19,18.672 19.672,18 20.5,18 C21.328,18 22,18.672 22,19.5 C22,20.152 21.581,20.701 21,20.908 L21,20.908 Z M24,15 L17,15 L17,14 C17,12.07 18.57,10.5 20.5,10.5 C22.43,10.5 24,12.07 24,14 L24,15 L24,15 Z" id="Shape" fill="#000000" sketch:type="MSShapeGroup"></path>
+    </g>
+</svg>

public/site/2015-05/index.html

@@ -17,6 +17,13 @@ header: large
     <p>Humans are no good at remembering lots of passwords.  But writing them down or saving them is dangerous, too.</p>
     <p>Master Password avoids all the pitfalls: a cryptographic algorithm calculates your site's password for you, from thin air, only when you need it.<br>
     When you're done, it throws the password out of memory, so it can't be stolen.</p>
+
+    <video controls>
+        <source src="vid/about.webm" type="video/webm; codecs=vp8,vorbis">
+        <source src="vid/about.mp4" type="video/mp4">
+        <source src="vid/about.ogv" type="video/ogg; codecs=theora,vorbis">
+    </video>
+
     <p>Master Password's unique approach makes you safer from loss, theft, problems with backups, sync, confiscation, snooping, and more.</p>
 
     <div class="widget_test">

public/site/2015-05/vid

@@ -0,0 +1 @@
+../2013-05/vid