Add optional footer below video container

Author: pilafmon

package.json

@@ -78,7 +78,7 @@
    "scripts": {
       "pretest": "run-scripts clean lint blogger build publish",
       "test": "mocha spec",
-      "posttest": "html-validator src"
+      "posttest": "html-validator --default-rules src"
    },
    "dependencies": {
       "dna-engine": "~3.3",

src/css/reset/videos.less

@@ -58,10 +58,14 @@ figure.video-container-link {
       background-color: rgba(0, 0, 0, 0.4);
       border-radius: 4px;
       padding: 6px 16px;
-      margin-right: 30px;
       z-index: @layerHover;
       pointer-events: none;
       }
+   +footer {
+      font-size: 0.8em;
+      margin: -15px 0px 20px 0px;
+      outline: 1px dashed pink;
+      }
    }
 figure.video-container-link {
    >iframe {

src/js/spec-video.html

@@ -45,6 +45,7 @@ <h2>A video link</h2>
          <iframe src=https://www.youtube.com/embed/1CrYAFZPdAg allow=fullscreen></iframe>
          <figcaption>Video Title (hidden)</figcaption>
       </figure>
+      <footer>A <a href=https://www.youtube.com>video</a> footer</footer>
    </section>
 
 </main>