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:
parent
a9a0ff267f
commit
b48d112f26
|
@ -48,6 +48,15 @@ var DocsLayout = React.createClass({
|
|||
{metadata.previous && <a className="docs-prev" href={'docs/' + metadata.previous + '.html#content'}>← Prev</a>}
|
||||
{metadata.next && <a className="docs-next" href={'docs/' + metadata.next + '.html#content'}>Next →</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>
|
||||
|
|
|
@ -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 |
Loading…
Reference in New Issue