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 https://github.com/facebook/react-native/pull/8530

Differential Revision: D3515242

Pulled By: JoelMarcey

fbshipit-source-id: c2d241d472853dfb3f9e7d3ae9560b318aacb866
This commit is contained in:
Joel Marcey 2016-07-04 10:51:34 -07:00 committed by Facebook Github Bot 4
parent a9a0ff267f
commit b48d112f26
3 changed files with 42 additions and 0 deletions

View File

@ -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>

View File

@ -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;

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB