3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-30 17:37:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v1): black lives matter banner

Browse source
This commit is contained in:
Yangshun Tay 2020-06-02 12:09:28 +08:00
parent 63e2720dff
commit 2cd326fe20
2 changed files with 55 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

107
website-1.x/pages/en/index.js
View file

@ -63,9 +63,8 @@ class Index extends React.Component {
<div> <div>
<div className="announcement"> <div className="announcement">
<div className="announcement-inner"> <div className="announcement-inner">
Black Lives Matter. Black Lives Matter.{' '}
<a href="https://support.eji.org/give/153413/#!/donation/checkout"> <a href="https://support.eji.org/give/153413/#!/donation/checkout">
{' '}
Support the Equal Justice Initiative Support the Equal Justice Initiative
</a> </a>
. .
@ -85,67 +84,69 @@ class Index extends React.Component {
</div> </div>
</div> </div>
<div className="mainContainer"> <div className="mainContainer">
<Container padding={['bottom', 'top']} background="light"> <div style={{marginTop: -40}}>
<GridBlock <Container padding={['bottom', 'top']} background="light">
align="center" <GridBlock
contents={[ align="center"
{ contents={[
content: `Save time and focus on your project's documentation. Simply {
content: `Save time and focus on your project's documentation. Simply
write docs and blog posts with [Markdown](${siteConfig.baseUrl}docs/${this.props.language}/doc-markdown) write docs and blog posts with [Markdown](${siteConfig.baseUrl}docs/${this.props.language}/doc-markdown)
and Docusaurus will publish a set of static html files ready and Docusaurus will publish a set of static html files ready
to serve.`, to serve.`,
image: `${siteConfig.baseUrl}img/undraw_typewriter.svg`, image: `${siteConfig.baseUrl}img/undraw_typewriter.svg`,
imageAlign: 'top', imageAlign: 'top',
imageAlt: 'Markdown', imageAlt: 'Markdown',
title: <translate>Powered by Markdown</translate>, title: <translate>Powered by Markdown</translate>,
}, },
{ {
content: `[Extend or customize](${siteConfig.baseUrl}docs/${this.props.language}/api-pages) content: `[Extend or customize](${siteConfig.baseUrl}docs/${this.props.language}/api-pages)
your project's layout by reusing React. Docusaurus can be your project's layout by reusing React. Docusaurus can be
extended while reusing the same header and footer.`, extended while reusing the same header and footer.`,
image: `${siteConfig.baseUrl}img/undraw_react.svg`, image: `${siteConfig.baseUrl}img/undraw_react.svg`,
imageAlign: 'top', imageAlign: 'top',
imageAlt: 'React', imageAlt: 'React',
title: <translate>Built Using React</translate>, title: <translate>Built Using React</translate>,
}, },
{ {
content: `[Localization](${siteConfig.baseUrl}docs/${this.props.language}/translation) content: `[Localization](${siteConfig.baseUrl}docs/${this.props.language}/translation)
comes pre-configured. Use [Crowdin](https://crowdin.com/) to translate your docs comes pre-configured. Use [Crowdin](https://crowdin.com/) to translate your docs
into over 70 languages.`, into over 70 languages.`,
image: `${siteConfig.baseUrl}img/undraw_around_the_world.svg`, image: `${siteConfig.baseUrl}img/undraw_around_the_world.svg`,
imageAlign: 'top', imageAlign: 'top',
imageAlt: 'Translation', imageAlt: 'Translation',
title: <translate>Ready for Translations</translate>, title: <translate>Ready for Translations</translate>,
}, },
]} ]}
layout="threeColumn" layout="threeColumn"
/> />
<br /> <br />
<br /> <br />
<GridBlock <GridBlock
align="center" align="center"
contents={[ contents={[
{ {
content: `Support users on all versions of your project. Document content: `Support users on all versions of your project. Document
[versioning](${siteConfig.baseUrl}docs/${this.props.language}/versioning) [versioning](${siteConfig.baseUrl}docs/${this.props.language}/versioning)
helps you keep documentation in sync with project releases.`, helps you keep documentation in sync with project releases.`,
image: `${siteConfig.baseUrl}img/undraw_version_control.svg`, image: `${siteConfig.baseUrl}img/undraw_version_control.svg`,
imageAlign: 'top', imageAlign: 'top',
imageAlt: 'Document Versioning', imageAlt: 'Document Versioning',
title: <translate>Document Versioning</translate>, title: <translate>Document Versioning</translate>,
}, },
{ {
content: `Make it easy for your community to [find](${siteConfig.baseUrl}docs/${this.props.language}/search) what they need in your documentation. content: `Make it easy for your community to [find](${siteConfig.baseUrl}docs/${this.props.language}/search) what they need in your documentation.
We proudly support [Algolia documentation search](https://www.algolia.com/).`, We proudly support [Algolia documentation search](https://www.algolia.com/).`,
image: `${siteConfig.baseUrl}img/undraw_algolia.svg`, image: `${siteConfig.baseUrl}img/undraw_algolia.svg`,
imageAlign: 'top', imageAlign: 'top',
imageAlt: 'Document Search', imageAlt: 'Document Search',
title: <translate>Document Search</translate>, title: <translate>Document Search</translate>,
}, },
]} ]}
layout="twoColumn" layout="twoColumn"
/> />
</Container> </Container>
</div>
<Container padding={['bottom', 'top']}> <Container padding={['bottom', 'top']}>
<GridBlock <GridBlock
contents={[ contents={[

2
website-1.x/static/css/custom.css
View file

@ -64,7 +64,7 @@ table td:first-child > code {
font-weight: bold; font-weight: bold;
font-size: 24px; font-size: 24px;
padding: 48px; padding: 48px;
margin: 0 auto -40px; margin: 0 auto;
text-align: center; text-align: center;
} }