diff --git a/website/core/HeaderLinks.js b/website/core/HeaderLinks.js index 30f489ee32b10f..7a481ed2959571 100644 --- a/website/core/HeaderLinks.js +++ b/website/core/HeaderLinks.js @@ -13,7 +13,7 @@ var React = require('React'); var HeaderLinks = React.createClass({ linksInternal: [ - {section: 'docs', href: '/react-native/docs/getting-started.html#content', text: 'Docs'}, + {section: 'docs', href: '/react-native/docs/getting-started.html', text: 'Docs'}, {section: 'support', href: '/react-native/support.html', text: 'Support'}, ], linksExternal: [ diff --git a/website/src/react-native/css/react-native.css b/website/src/react-native/css/react-native.css index 416e5bc1a0522c..ec8e8e15afbeef 100644 --- a/website/src/react-native/css/react-native.css +++ b/website/src/react-native/css/react-native.css @@ -82,6 +82,11 @@ h4 small { font-size: 14px; } +img { + max-width: 100%; + height: auto; +} + ul, ol { margin: 0 0 10px 25px; padding: 0; @@ -129,6 +134,7 @@ html * { padding: 5px 10px; margin-left: 20px; background-color: rgba(5, 165, 209, 0.05); + overflow: auto; } .prism + .prism { @@ -229,7 +235,7 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li color: #fafafa; position: fixed; top: 0; - height: 50px; + min-height: 50px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); width: 100%; z-index: 100; diff --git a/website/src/react-native/img/TutorialFinal.png b/website/src/react-native/img/TutorialFinal.png index 987ad30d4e62b2..2f05b13e2ea370 100644 Binary files a/website/src/react-native/img/TutorialFinal.png and b/website/src/react-native/img/TutorialFinal.png differ diff --git a/website/src/react-native/img/TutorialMock.png b/website/src/react-native/img/TutorialMock.png index 3ab8fec26b9c6f..6a267d089957dd 100644 Binary files a/website/src/react-native/img/TutorialMock.png and b/website/src/react-native/img/TutorialMock.png differ diff --git a/website/src/react-native/img/TutorialSingleFetched.png b/website/src/react-native/img/TutorialSingleFetched.png index bb8e0219d3afde..914cb8833b9a52 100644 Binary files a/website/src/react-native/img/TutorialSingleFetched.png and b/website/src/react-native/img/TutorialSingleFetched.png differ diff --git a/website/src/react-native/img/TutorialStyledMock.png b/website/src/react-native/img/TutorialStyledMock.png index 1f54d3c0deb434..48fb1c5e732413 100644 Binary files a/website/src/react-native/img/TutorialStyledMock.png and b/website/src/react-native/img/TutorialStyledMock.png differ diff --git a/website/src/react-native/img/chrome_breakpoint.png b/website/src/react-native/img/chrome_breakpoint.png index 4b5f2872fac5a5..d37c9538b03cc2 100644 Binary files a/website/src/react-native/img/chrome_breakpoint.png and b/website/src/react-native/img/chrome_breakpoint.png differ diff --git a/website/src/react-native/img/favicon.png b/website/src/react-native/img/favicon.png index 6670ea2aad056e..22c120d09b27f5 100644 Binary files a/website/src/react-native/img/favicon.png and b/website/src/react-native/img/favicon.png differ diff --git a/website/src/react-native/img/header_logo.png b/website/src/react-native/img/header_logo.png index d0a4b1aa0fc89a..8858ffa29daa95 100644 Binary files a/website/src/react-native/img/header_logo.png and b/website/src/react-native/img/header_logo.png differ diff --git a/website/src/react-native/img/opengraph.png b/website/src/react-native/img/opengraph.png index 56edaa3a0c61d1..0e9e1d3dea0119 100644 Binary files a/website/src/react-native/img/opengraph.png and b/website/src/react-native/img/opengraph.png differ diff --git a/website/src/react-native/index.js b/website/src/react-native/index.js index 927af011f4a9c2..7ca53cef68c967 100644 --- a/website/src/react-native/index.js +++ b/website/src/react-native/index.js @@ -25,7 +25,7 @@ var index = React.createClass({
-
+

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and @@ -39,7 +39,7 @@ var index = React.createClass({ Get started with React Native

-
+

Native iOS Components