allows for example image to be added to filter-based scripts

css/css.css

@@ -10,6 +10,16 @@ dt {
   font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
 }
 
+img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.sample-image {
+  margin-bottom: 18px;
+}
+
 h1 {
   letter-spacing:8px;
   font-size:86px;
@@ -56,4 +66,4 @@ div {
 .btn:hover:before, .btn:focus:before, .btn:active:before {
   -webkit-transform: scale(1.3) translateZ(0);
   transform: scale(1.3) translateZ(0);
-}
+}

index.html

@@ -854,6 +854,10 @@
             <dt>signalstats=out=brng:color=cyan[out]</dt><dd>tells ffplay to use the signalstats command, output the data, use the brng filter, and set the color of out-of-range pixels to cyan</dd>
             <dt>"</dt><dd>quotation mark to close command</dd>
           </dl>
+          <div class="sample-image">
+            <h4>Example of filter output</h4>
+            <img src="img/brng.gif" alt="BRNG example">
+          </div>
           <p class="link"></p>
         </div>
       </div>