diff --git a/docusaurus/website/i18n/en.json b/docusaurus/website/i18n/en.json index 3e05a5b987e..a2ae00dec76 100644 --- a/docusaurus/website/i18n/en.json +++ b/docusaurus/website/i18n/en.json @@ -19,7 +19,8 @@ }, "links": { "Getting started": "Getting started", - "Help": "Help" + "Help": "Help", + "GitHub": "GitHub" }, "categories": { "Getting Started": "Getting Started", diff --git a/docusaurus/website/pages/en/index.js b/docusaurus/website/pages/en/index.js index 2b3501180c0..7579b3d95ba 100755 --- a/docusaurus/website/pages/en/index.js +++ b/docusaurus/website/pages/en/index.js @@ -9,7 +9,6 @@ const React = require('react'); const CompLibrary = require('../../core/CompLibrary.js'); -const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */ const Container = CompLibrary.Container; const GridBlock = CompLibrary.GridBlock; @@ -23,10 +22,6 @@ function docUrl(doc, language) { return `${siteConfig.baseUrl}docs/${language ? `${language}/` : ''}${doc}`; } -function pageUrl(page, language) { - return siteConfig.baseUrl + (language ? `${language}/` : '') + page; -} - class Button extends React.Component { render() { return ( @@ -77,7 +72,7 @@ class HomeSplash extends React.Component { const language = this.props.language || ''; return ( - +
@@ -104,68 +99,22 @@ const Block = props => ( ); const Features = () => ( - + {[ { - content: 'This is the content of my feature', - image: imgUrl('docusaurus.svg'), - imageAlign: 'top', - title: 'Feature One', - }, - { - content: 'The content of my second feature', - image: imgUrl('docusaurus.svg'), - imageAlign: 'top', - title: 'Feature Two', + content: + 'There is just one build dependency. It uses Webpack, Babel, ESLint, and other amazing projects, but provides a cohesive curated experience on top of them.', + title: 'One dependency', }, - ]} - -); - -const FeatureCallout = () => ( -
-

Feature Callout

- These are features of this project -
-); - -const LearnHow = () => ( - - {[ { - content: 'Talk about learning how to use this', - image: imgUrl('docusaurus.svg'), - imageAlign: 'right', - title: 'Learn How', + content: + "You don't need to configure anything. Reasonably good configuration of both development and production builds is handled for you so you can focus on writing code.", + title: 'No configuration required', }, - ]} - -); - -const TryOut = () => ( - - {[ - { - content: 'Talk about trying this out', - image: imgUrl('docusaurus.svg'), - imageAlign: 'left', - title: 'Try it Out', - }, - ]} - -); - -const Description = () => ( - - {[ { - content: 'This is another description of how this project is useful', - image: imgUrl('docusaurus.svg'), - imageAlign: 'right', - title: 'Description', + content: + 'You can “eject” to a custom setup at any time. Run a single command, and all the configuration and build dependencies will be moved directly into your project, so you can pick up right where you left off.', + title: 'No lock-in', }, ]} @@ -180,10 +129,6 @@ class Index extends React.Component {
- - - -
); diff --git a/docusaurus/website/siteConfig.js b/docusaurus/website/siteConfig.js index 77e8805b66b..cbaf69d0395 100644 --- a/docusaurus/website/siteConfig.js +++ b/docusaurus/website/siteConfig.js @@ -28,12 +28,15 @@ const siteConfig = { headerLinks: [ { doc: 'getting-started', label: 'Getting started' }, { href: 'https://reactjs.org/community/support.html', label: 'Help' }, - { href: 'https://www.github.com/facebook/create-react-app', label: 'GitHub' }, + { + href: 'https://www.github.com/facebook/create-react-app', + label: 'GitHub', + }, ], /* path to images for header/footer */ - headerIcon: 'img/docusaurus.svg', - footerIcon: 'img/docusaurus.svg', + headerIcon: 'img/logo.svg', + footerIcon: 'img/logo.svg', favicon: 'img/favicon/favicon.ico', /* Colors for website */ diff --git a/docusaurus/website/static/css/custom.css b/docusaurus/website/static/css/custom.css index 220c1dde7dd..85626861f9b 100644 --- a/docusaurus/website/static/css/custom.css +++ b/docusaurus/website/static/css/custom.css @@ -1,5 +1,20 @@ /* your custom css */ +.homeContainer { + background: #282c34; + color: white; + padding: 80px 0; +} + +.homeContainer .button { + background: #24292e; + border-color: white; +} + +.homeContainer * { + color: inherit; +} + @media only screen and (min-device-width: 360px) and (max-device-width: 736px) { } @@ -13,4 +28,4 @@ } @media only screen and (min-width: 1500px) { -} \ No newline at end of file +} diff --git a/docusaurus/website/static/img/logo.svg b/docusaurus/website/static/img/logo.svg new file mode 100644 index 00000000000..6b60c1042f5 --- /dev/null +++ b/docusaurus/website/static/img/logo.svg @@ -0,0 +1,7 @@ + + + + + + +