showcase link on React-native website
This commit is contained in:
parent
c9f5d229db
commit
3123f05f3b
|
@ -16,7 +16,8 @@ var HeaderLinks = React.createClass({
|
|||
{section: 'docs', href: '/react-native/docs/getting-started.html', text: 'Docs'},
|
||||
{section: 'support', href: '/react-native/support.html', text: 'Support'},
|
||||
{section: 'releases', href: 'https://github.com/facebook/react-native/releases', text: 'Releases'},
|
||||
{section: 'newsletter', href: 'http://reactnative.cc', text: 'Newsletter'}
|
||||
{section: 'newsletter', href: 'http://reactnative.cc', text: 'Newsletter'},
|
||||
{section: 'showcase', href: '/react-native/showcase.html', text: 'Showcase'},
|
||||
],
|
||||
linksExternal: [
|
||||
{section: 'github', href: 'https://github.com/facebook/react-native', text: 'GitHub'},
|
||||
|
|
|
@ -992,6 +992,18 @@ div[data-twttr-id] iframe {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.showcase {
|
||||
margin: 40px 40px 40px 0px;
|
||||
width: 25%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.showcase img {
|
||||
width: 175px;
|
||||
height: 175px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
@media only screen and (max-device-width : 1024px) {
|
||||
#content {
|
||||
display: inline;
|
||||
|
|
|
@ -0,0 +1,51 @@
|
|||
/**
|
||||
* Copyright (c) 2015-present, Facebook, Inc.
|
||||
* All rights reserved.
|
||||
*
|
||||
* This source code is licensed under the BSD-style license found in the
|
||||
* LICENSE file in the root directory of this source tree. An additional grant
|
||||
* of patent rights can be found in the PATENTS file in the same directory.
|
||||
*/
|
||||
|
||||
var React = require('React');
|
||||
var Site = require('Site');
|
||||
var center = require('center');
|
||||
|
||||
var showcase = React.createClass({
|
||||
render: function() {
|
||||
return (
|
||||
<Site section="showcase" title="Showcase">
|
||||
|
||||
<section className="content wrap documentationContent nosidebar">
|
||||
<div className="inner-content">
|
||||
<h1>Apps using React Native</h1>
|
||||
<div className="subHeader"></div>
|
||||
<p>
|
||||
Here is a list of apps using <strong>React Native</strong>. Submit a pull request on <a href="https://github.com/facebook/react-native">GitHub</a> to list your app.
|
||||
</p>
|
||||
|
||||
<div className="showcase">
|
||||
<center>
|
||||
<img src="http://placehold.it/175x175" alt="RNAPP" />
|
||||
<h3>RN APP</h3>
|
||||
<p>By <a href="https://facebook.github.io/react-native/">RN APP</a></p>
|
||||
</center>
|
||||
</div>
|
||||
|
||||
<div className="showcase">
|
||||
<center>
|
||||
<img src="http://placehold.it/175x175" alt="RNAPP" />
|
||||
<h3>RN APP</h3>
|
||||
<p>By <a href="https://facebook.github.io/react-native/">RN APP</a></p>
|
||||
</center>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</Site>
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
module.exports = showcase;
|
Loading…
Reference in New Issue