Skip to content

Commit bc1b021

Browse files
selbekkselbekk
authored
Merge pull request #5341 from selbekk/add-callouts-and-logo
Add callouts and logo
2 parents c2a163a + ca49a97 commit bc1b021

File tree

5 files changed

+42
-71
lines changed

5 files changed

+42
-71
lines changed

‎docusaurus/website/i18n/en.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,8 @@
1919
},
2020
"links": {
2121
"Getting started": "Getting started",
22-
"Help": "Help"
22+
"Help": "Help",
23+
"GitHub": "GitHub"
2324
},
2425
"categories": {
2526
"Getting Started": "Getting Started",

‎docusaurus/website/pages/en/index.js

Lines changed: 11 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@ const React = require('react');
99

1010
const CompLibrary = require('../../core/CompLibrary.js');
1111

12-
const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */
1312
const Container = CompLibrary.Container;
1413
const GridBlock = CompLibrary.GridBlock;
1514

@@ -23,10 +22,6 @@ function docUrl(doc, language) {
2322
return `${siteConfig.baseUrl}docs/${language ? `${language}/` : ''}${doc}`;
2423
}
2524

26-
function pageUrl(page, language) {
27-
return siteConfig.baseUrl + (language ? `${language}/` : '') + page;
28-
}
29-
3025
class Button extends React.Component {
3126
render() {
3227
return (
@@ -77,7 +72,7 @@ class HomeSplash extends React.Component {
7772
const language = this.props.language || '';
7873
return (
7974
<SplashContainer>
80-
<Logo img_src={imgUrl('docusaurus.svg')} />
75+
<Logo img_src={imgUrl('logo.svg')} />
8176
<div className="inner">
8277
<ProjectTitle />
8378
<PromoSection>
@@ -104,68 +99,22 @@ const Block = props => (
10499
);
105100

106101
const Features = () => (
107-
<Block layout="fourColumn">
102+
<Block layout="threeColumn" align="left">
108103
{[
109104
{
110-
content: 'This is the content of my feature',
111-
image: imgUrl('docusaurus.svg'),
112-
imageAlign: 'top',
113-
title: 'Feature One',
114-
},
115-
{
116-
content: 'The content of my second feature',
117-
image: imgUrl('docusaurus.svg'),
118-
imageAlign: 'top',
119-
title: 'Feature Two',
105+
content:
106+
'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.',
107+
title: 'One dependency',
120108
},
121-
]}
122-
</Block>
123-
);
124-
125-
const FeatureCallout = () => (
126-
<div
127-
className="productShowcaseSection paddingBottom"
128-
style={{ textAlign: 'center' }}
129-
>
130-
<h2>Feature Callout</h2>
131-
<MarkdownBlock>These are features of this project</MarkdownBlock>
132-
</div>
133-
);
134-
135-
const LearnHow = () => (
136-
<Block background="light">
137-
{[
138109
{
139-
content: 'Talk about learning how to use this',
140-
image: imgUrl('docusaurus.svg'),
141-
imageAlign: 'right',
142-
title: 'Learn How',
110+
content:
111+
"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.",
112+
title: 'No configuration required',
143113
},
144-
]}
145-
</Block>
146-
);
147-
148-
const TryOut = () => (
149-
<Block id="try">
150-
{[
151-
{
152-
content: 'Talk about trying this out',
153-
image: imgUrl('docusaurus.svg'),
154-
imageAlign: 'left',
155-
title: 'Try it Out',
156-
},
157-
]}
158-
</Block>
159-
);
160-
161-
const Description = () => (
162-
<Block background="dark">
163-
{[
164114
{
165-
content: 'This is another description of how this project is useful',
166-
image: imgUrl('docusaurus.svg'),
167-
imageAlign: 'right',
168-
title: 'Description',
115+
content:
116+
'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.',
117+
title: 'No lock-in',
169118
},
170119
]}
171120
</Block>
@@ -180,10 +129,6 @@ class Index extends React.Component {
180129
<HomeSplash language={language} />
181130
<div className="mainContainer">
182131
<Features />
183-
<FeatureCallout />
184-
<LearnHow />
185-
<TryOut />
186-
<Description />
187132
</div>
188133
</div>
189134
);

‎docusaurus/website/siteConfig.js

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -28,12 +28,15 @@ const siteConfig = {
2828
headerLinks: [
2929
{ doc: 'getting-started', label: 'Getting started' },
3030
{ href: 'https://reactjs.org/community/support.html', label: 'Help' },
31-
{ href: 'https://www.github.com/facebook/create-react-app', label: 'GitHub' },
31+
{
32+
href: 'https://www.github.com/facebook/create-react-app',
33+
label: 'GitHub',
34+
},
3235
],
3336

3437
/* path to images for header/footer */
35-
headerIcon: 'img/docusaurus.svg',
36-
footerIcon: 'img/docusaurus.svg',
38+
headerIcon: 'img/logo.svg',
39+
footerIcon: 'img/logo.svg',
3740
favicon: 'img/favicon/favicon.ico',
3841

3942
/* Colors for website */

‎docusaurus/website/static/css/custom.css

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,20 @@
11
/* your custom css */
22

3+
.homeContainer {
4+
background: #282c34;
5+
color: white;
6+
padding: 80px 0;
7+
}
8+
9+
.homeContainer .button {
10+
background: #24292e;
11+
border-color: white;
12+
}
13+
14+
.homeContainer * {
15+
color: inherit;
16+
}
17+
318
@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
419
}
520

@@ -13,4 +28,4 @@
1328
}
1429

1530
@media only screen and (min-width: 1500px) {
16-
}
31+
}

‎docusaurus/website/static/img/logo.svg

Lines changed: 7 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)