From bd0cdbc701ed7d1cc44b15c930aca23e960b473e Mon Sep 17 00:00:00 2001 From: Yangshun Tay Date: Mon, 25 Mar 2019 09:03:00 -0700 Subject: [PATCH] feat: change landing images to illustrations (#1304) * feat: change landing images to illustrations * misc: attribute unDraw in footer --- website-1.x/core/Footer.js | 3 ++- website-1.x/pages/en/index.js | 16 +++++++++------- website-1.x/static/css/custom.css | 10 ++++++++++ website-1.x/static/img/undraw_algolia.svg | 1 + .../static/img/undraw_around_the_world.svg | 1 + .../static/img/undraw_features_overview.svg | 1 + website-1.x/static/img/undraw_react.svg | 1 + website-1.x/static/img/undraw_setup_wizard.svg | 1 + website-1.x/static/img/undraw_typewriter.svg | 1 + .../static/img/undraw_version_control.svg | 1 + 10 files changed, 28 insertions(+), 8 deletions(-) create mode 100644 website-1.x/static/img/undraw_algolia.svg create mode 100644 website-1.x/static/img/undraw_around_the_world.svg create mode 100644 website-1.x/static/img/undraw_features_overview.svg create mode 100644 website-1.x/static/img/undraw_react.svg create mode 100644 website-1.x/static/img/undraw_setup_wizard.svg create mode 100644 website-1.x/static/img/undraw_typewriter.svg create mode 100644 website-1.x/static/img/undraw_version_control.svg diff --git a/website-1.x/core/Footer.js b/website-1.x/core/Footer.js index 2a43f4f378..0d68a7fdff 100644 --- a/website-1.x/core/Footer.js +++ b/website-1.x/core/Footer.js @@ -131,7 +131,8 @@ class Footer extends React.Component {
{this.props.config.copyright && ( {this.props.config.copyright} - )} + )}{' '} + Landing images by unDraw.
); diff --git a/website-1.x/pages/en/index.js b/website-1.x/pages/en/index.js index 0e67e46a8a..0b69310c2f 100644 --- a/website-1.x/pages/en/index.js +++ b/website-1.x/pages/en/index.js @@ -83,7 +83,7 @@ class Index extends React.Component { }docs/${this.props.language}/doc-markdown) and Docusaurus will publish a set of static html files ready to serve.`, - image: `${siteConfig.baseUrl}img/markdown.png`, + image: `${siteConfig.baseUrl}img/undraw_typewriter.svg`, imageAlign: 'top', imageAlt: 'Markdown', title: Powered by Markdown, @@ -94,7 +94,7 @@ class Index extends React.Component { }/api-pages) your project's layout by reusing React. Docusaurus can be extended while reusing the same header and footer.`, - image: `${siteConfig.baseUrl}img/react.svg`, + image: `${siteConfig.baseUrl}img/undraw_react.svg`, imageAlign: 'top', imageAlt: 'React', title: Built Using React, @@ -105,7 +105,7 @@ class Index extends React.Component { }/translation) comes pre-configured. Use [Crowdin](https://crowdin.com/) to translate your docs into over 70 languages.`, - image: `${siteConfig.baseUrl}img/translation.svg`, + image: `${siteConfig.baseUrl}img/undraw_around_the_world.svg`, imageAlign: 'top', imageAlt: 'Translation', title: Ready for Translations, @@ -124,7 +124,7 @@ class Index extends React.Component { this.props.language }/versioning) helps you keep documentation in sync with project releases.`, - image: `${siteConfig.baseUrl}img/versioning.svg`, + image: `${siteConfig.baseUrl}img/undraw_version_control.svg`, imageAlign: 'top', imageAlt: 'Document Versioning', title: Document Versioning, @@ -136,7 +136,7 @@ class Index extends React.Component { this.props.language }/search) what they need in your documentation. We proudly support [Algolia documentation search](https://www.algolia.com/).`, - image: `${siteConfig.baseUrl}img/search.svg`, + image: `${siteConfig.baseUrl}img/undraw_algolia.svg`, imageAlign: 'top', imageAlt: 'Document Search', title: Document Search, @@ -154,7 +154,7 @@ class Index extends React.Component { }/site-creation) quickly without having to worry about site design.`, imageAlign: 'right', - image: `${siteConfig.baseUrl}img/docusaurus_speed.svg`, + image: `${siteConfig.baseUrl}img/undraw_setup_wizard.svg`, imageAlt: 'Docusaurus on a Scooter', title: Quick Setup, }, @@ -205,7 +205,9 @@ class Index extends React.Component { If you have ideas for useful features, feel free to contribute on [GitHub](https://github.com/facebook/docusaurus)!`, imageAlign: 'right', - image: `${siteConfig.baseUrl}img/docusaurus_monochrome.svg`, + image: `${ + siteConfig.baseUrl + }img/undraw_features_overview.svg`, imageAlt: 'Monochromatic Docusaurus', title: Website Features, }, diff --git a/website-1.x/static/css/custom.css b/website-1.x/static/css/custom.css index 02830de97b..d104e2ed5e 100644 --- a/website-1.x/static/css/custom.css +++ b/website-1.x/static/css/custom.css @@ -175,3 +175,13 @@ table td:first-child > code { display: none; } } + +.imageAlignTop .blockImage { + max-width: 60%; +} + +@media only screen and (max-width: 768px) { + .gridBlock .blockElement.imageAlignTop { + margin-bottom: 80px; + } +} diff --git a/website-1.x/static/img/undraw_algolia.svg b/website-1.x/static/img/undraw_algolia.svg new file mode 100644 index 0000000000..7a1c4f0f55 --- /dev/null +++ b/website-1.x/static/img/undraw_algolia.svg @@ -0,0 +1 @@ +algolia \ No newline at end of file diff --git a/website-1.x/static/img/undraw_around_the_world.svg b/website-1.x/static/img/undraw_around_the_world.svg new file mode 100644 index 0000000000..a3c5efd3d5 --- /dev/null +++ b/website-1.x/static/img/undraw_around_the_world.svg @@ -0,0 +1 @@ +around the world \ No newline at end of file diff --git a/website-1.x/static/img/undraw_features_overview.svg b/website-1.x/static/img/undraw_features_overview.svg new file mode 100644 index 0000000000..31582335b0 --- /dev/null +++ b/website-1.x/static/img/undraw_features_overview.svg @@ -0,0 +1 @@ +features overview \ No newline at end of file diff --git a/website-1.x/static/img/undraw_react.svg b/website-1.x/static/img/undraw_react.svg new file mode 100644 index 0000000000..ba27b5a6ce --- /dev/null +++ b/website-1.x/static/img/undraw_react.svg @@ -0,0 +1 @@ +react \ No newline at end of file diff --git a/website-1.x/static/img/undraw_setup_wizard.svg b/website-1.x/static/img/undraw_setup_wizard.svg new file mode 100644 index 0000000000..9d180023df --- /dev/null +++ b/website-1.x/static/img/undraw_setup_wizard.svg @@ -0,0 +1 @@ +setup wizard \ No newline at end of file diff --git a/website-1.x/static/img/undraw_typewriter.svg b/website-1.x/static/img/undraw_typewriter.svg new file mode 100644 index 0000000000..b76cb34c05 --- /dev/null +++ b/website-1.x/static/img/undraw_typewriter.svg @@ -0,0 +1 @@ +typewriter \ No newline at end of file diff --git a/website-1.x/static/img/undraw_version_control.svg b/website-1.x/static/img/undraw_version_control.svg new file mode 100644 index 0000000000..cdef953260 --- /dev/null +++ b/website-1.x/static/img/undraw_version_control.svg @@ -0,0 +1 @@ +version control \ No newline at end of file