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 @@
+
\ 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 @@
+
\ 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 @@
+
\ 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 @@
+
\ 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 @@
+
\ 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 @@
+
\ 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 @@
+
\ No newline at end of file