react-native/website/core/Site.js

/**
 * 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.
 *
 * @providesModule Site
 */

var React = require('React');
var HeaderLinks = require('HeaderLinks');

var Site = React.createClass({
  render: function() {
    var title = this.props.title ? this.props.title + ' – ' : '';
    title += 'React Native | A framework for building native apps using React';
    return (
      <html>
        <head>
          <meta charSet="utf-8" />
          <meta httpEquiv="X-UA-Compatible" content="IE=edge,chrome=1" />
          <title>{title}</title>
          <meta name="viewport" content="width=device-width" />
          <meta property="og:title" content={title} />
          <meta property="og:type" content="website" />
          <meta property="og:url" content="http://facebook.github.io/react-native/index.html" />
          <meta property="og:image" content="http://facebook.github.io/react-native/img/opengraph.png?2" />
          <meta property="og:description" content="A framework for building native apps using React" />

          <link rel="shortcut icon" href="/react-native/img/favicon.png?2" />
          <link rel="stylesheet" href="/react-native/css/react-native.css" />

          <script type="text/javascript" src="//use.typekit.net/vqa1hcx.js"></script>
          <script type="text/javascript">{'try{Typekit.load();}catch(e){}'}</script>
        </head>
        <body>

          <div className="container">
            <div className="nav-main">
              <div className="wrap">
                <a className="nav-home" href="/react-native/">
                  <img src="/react-native/img/header_logo.png" />
                  React Native
                </a>
                <HeaderLinks section={this.props.section} />
              </div>
            </div>

            {this.props.children}

            <footer className="wrap">
              <div className="center">© 2015 Facebook Inc.</div>
            </footer>
          </div>

          <div id="fb-root" />
          <script dangerouslySetInnerHTML={{__html: `
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-41298772-2', 'facebook.github.io');
            ga('send', 'pageview');

            !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)
            ){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
          `}} />
          <script src="/react-native/js/scripts.js" />
        </body>
      </html>
    );
  }
});

module.exports = Site;
-												Initial version of the website and docs.

											
										
										
											2015-02-12 04:26:43 +00:00
+								/**
-												Add copyright header on website files

											
										
										
											2015-03-23 17:55:49 +00:00
+								 * 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.
 								 *
-												Initial version of the website and docs.

											
										
										
											2015-02-12 04:26:43 +00:00
+								 * @providesModule Site
 								 */
 								var React = require('React');
 								var HeaderLinks = require('HeaderLinks');
 								var Site = React.createClass({
 								  render: function() {
-												Add dynamic page title

Currently all the pages have the same title, making it hard to
tell which page is while when user has multiple tabs opened.
This adds 'title' to Site so a page title can be passed in and
prepended to the default title

											
										
										
											2015-08-02 11:45:40 +00:00
+								    var title = this.props.title ? this.props.title + ' – ' : '';
 								    title += 'React Native | A framework for building native apps using React';
-												Initial version of the website and docs.

											
										
										
											2015-02-12 04:26:43 +00:00
+								    return (
 								      <html>
 								        <head>
 								          <meta charSet="utf-8" />
 								          <meta httpEquiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-												Add dynamic page title

Currently all the pages have the same title, making it hard to
tell which page is while when user has multiple tabs opened.
This adds 'title' to Site so a page title can be passed in and
prepended to the default title

											
										
										
											2015-08-02 11:45:40 +00:00
+								          <title>{title}</title>
-												Initial version of the website and docs.

											
										
										
											2015-02-12 04:26:43 +00:00
+								          <meta name="viewport" content="width=device-width" />
-												Add dynamic page title

Currently all the pages have the same title, making it hard to
tell which page is while when user has multiple tabs opened.
This adds 'title' to Site so a page title can be passed in and
prepended to the default title

											
										
										
											2015-08-02 11:45:40 +00:00
+								          <meta property="og:title" content={title} />
-												Initial version of the website and docs.

											
										
										
											2015-02-12 04:26:43 +00:00
+								          <meta property="og:type" content="website" />
 								          <meta property="og:url" content="http://facebook.github.io/react-native/index.html" />
-												[website] White OG image, favicon

											
										
										
											2015-03-26 01:47:03 +00:00
+								          <meta property="og:image" content="http://facebook.github.io/react-native/img/opengraph.png?2" />
-												Update website

											
										
										
											2015-03-26 13:43:45 +00:00
+								          <meta property="og:description" content="A framework for building native apps using React" />
-												Initial version of the website and docs.

											
										
										
											2015-02-12 04:26:43 +00:00
-												[website] White OG image, favicon

											
										
										
											2015-03-26 01:47:03 +00:00
+								          <link rel="shortcut icon" href="/react-native/img/favicon.png?2" />
-												Initial version of the website and docs.

											
										
										
											2015-02-12 04:26:43 +00:00
+								          <link rel="stylesheet" href="/react-native/css/react-native.css" />
 								          <script type="text/javascript" src="//use.typekit.net/vqa1hcx.js"></script>
 								          <script type="text/javascript">{'try{Typekit.load();}catch(e){}'}</script>
 								        </head>
 								        <body>
 								          <div className="container">
 								            <div className="nav-main">
 								              <div className="wrap">
 								                <a className="nav-home" href="/react-native/">
-												White logo

											
										
										
											2015-03-25 20:32:42 +00:00
+								                  <img src="/react-native/img/header_logo.png" />
-												Initial version of the website and docs.

											
										
										
											2015-02-12 04:26:43 +00:00
+								                  React Native
 								                </a>
 								                <HeaderLinks section={this.props.section} />
 								              </div>
 								            </div>
 								            {this.props.children}
 								            <footer className="wrap">
-												embed an appetize.io simulator for AlertIOS documentation

											
										
										
											2015-10-14 17:57:17 +00:00
+								              <div className="center">© 2015 Facebook Inc.</div>
-												Initial version of the website and docs.

											
										
										
											2015-02-12 04:26:43 +00:00
+								            </footer>
 								          </div>
 								          <div id="fb-root" />
 								          <script dangerouslySetInnerHTML={{__html: `
 								            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 								            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 								            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 								            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-												setup twitter feed and google analytics

											
										
										
											2015-02-12 19:52:23 +00:00
+								            ga('create', 'UA-41298772-2', 'facebook.github.io');
-												Initial version of the website and docs.

											
										
										
											2015-02-12 04:26:43 +00:00
+								            ga('send', 'pageview');
 								            !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)
 								            ){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";
 								            fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
 								          `}} />
-												embed an appetize.io simulator for AlertIOS documentation

											
										
										
											2015-10-14 17:57:17 +00:00
+								          <script src="/react-native/js/scripts.js" />
-												Initial version of the website and docs.

											
										
										
											2015-02-12 04:26:43 +00:00
+								        </body>
 								      </html>
 								    );
 								  }
 								});
 								module.exports = Site;