Add post documentation lockdown survey link

Summary:
We did a survey prior to the doc lockdown to get an idea of what we should focus on. Now we have a yes/no style survey to ensure that we met the user needs when it came to our start of improving the docs.

This diff adds the survey link to the bottom of each page. And we will cherry-pick it into 0.29 as well, which will be the first official release with the new doc content

> **NOTE**: The content via the links in this survey will not be valid until 0.29 is actually released. So I have not enabled the questions for the survey until then.

**Test Plan:**

http://localhost:8079/react-native/docs/getting-started.html

<img width="753" alt="screenshot 2016-07-01 17 35 17" src="https://cloud.githubusercontent.com/assets/3757713/16535354/987dd3a8-3fb4-11e6-81b7-1a1fcffd3bb2.png">
Closes facebook/react-native#8530

Differential Revision: D3515242

Pulled By: JoelMarcey

fbshipit-source-id: c2d241d472853dfb3f9e7d3ae9560b318aacb866

website/layout/DocsLayout.js

@@ -48,6 +48,15 @@ var DocsLayout = React.createClass({
               {metadata.previous && <a className="docs-prev" href={'docs/' + metadata.previous + '.html#content'}>&larr; Prev</a>}
               {metadata.next && <a className="docs-next" href={'docs/' + metadata.next + '.html#content'}>Next &rarr;</a>}
             </div>
+            <div className="survey">
+              <div className="survey-image" />
+              <p>
+                Recently, we have been working hard to make the documentation better based on your feedback. Your responses to this yes/no style survey will help us gauge whether we moved in the right direction with the improvements. Thank you!
+              </p>
+              <center>
+                <a className="button" href="https://www.facebook.com/survey?oid=516954245168428">Take Survey</a>
+              </center>
+            </div>
           </div>
         </section>
       </Site>

website/src/react-native/css/react-native.css

@@ -1407,12 +1407,45 @@ div[data-twttr-id] iframe {
   background-color: hsl(198, 100%, 94%);
 }
 
+.survey {
+  padding: 10px;
+  padding-top: 0;
+  background-color: rgba(5, 165, 209, 0.05);
+  border: 2px solid #05A5D1;
+  position: relative;
+}
+
+.survey-image {
+  float: left;
+  height: 128px;
+  width: 128px;
+  background-image: url('../img/survey.png');
+}
+
+.survey p {
+  margin-left: 130px;
+}
+
+.survey .button {
+  font-size: 24px;
+  background: #05A5D1;
+  color: #fafafa;
+}
+
 @media only screen
   and (max-device-width: 1024px) {
   #content {
     display: inline;
   }
 
+  .survey-image {
+    position: static;
+    margin: 10px auto;
+  }
+  .survey p {
+    margin-left: 0px;
+  }
+
   .container {
     min-width: 0;
     overflow: auto;