diff --git a/lib/static/css/main.css b/lib/static/css/main.css index 2ad07d6d2a..9cbc276697 100644 --- a/lib/static/css/main.css +++ b/lib/static/css/main.css @@ -454,7 +454,7 @@ header h2 { display: flex; justify-content: flex-end; left: 0; - padding: 2em 20px 4em; + padding: 2em 100px 4em; position: absolute; right: 0; top: 0; @@ -856,7 +856,7 @@ a:hover code { .imageAlignSide .blockImage { max-width: 500px; flex: 0 1 500px; - margin-right: 20px; + margin-right: 40px; } @media only screen and (min-device-width: 360px) and (max-device-width: 736px) { .imageAlignSide .blockImage { diff --git a/website/pages/en/index.js b/website/pages/en/index.js index d40d1c0edb..6ff4f0707b 100755 --- a/website/pages/en/index.js +++ b/website/pages/en/index.js @@ -39,7 +39,7 @@ class HomeSplash extends React.Component {
- +

@@ -124,14 +124,14 @@ class Index extends React.Component { { content: "Support users on all versions of your project. Document Versioning helps you keep documentation in sync with project releases.", - image: `${siteConfig.baseUrl}img/docusaurus.svg`, + image: `${siteConfig.baseUrl}img/docusaurus_monochrome.svg`, imageAlign: "top", title: "Document Versioning" }, { content: "Make it easy for your community to find what they need in your documentation. Currently supports Algolia DocSearch.", - image: `${siteConfig.baseUrl}img/docusaurus.svg`, + image: `${siteConfig.baseUrl}img/docusaurus_monochrome.svg`, imageAlign: "top", title: "Document Search" } @@ -146,7 +146,7 @@ class Index extends React.Component { content: "Get up and running quickly without having having to worry about site design.", imageAlign: "right", - image: `${siteConfig.baseUrl}img/docusaurus.svg`, + image: `${siteConfig.baseUrl}img/docusaurus_speed.svg`, title: "Quick Setup" } ]} @@ -160,7 +160,7 @@ class Index extends React.Component { content: "Make design and documentation changes by using the included live server. Publish your site to GitHub pages or other static file hosts manually, using a script, or with continuous integration like CircleCI.", imageAlign: "left", - image: `${siteConfig.baseUrl}img/docusaurus_live.webp`, + image: `${siteConfig.baseUrl}img/docusaurus_live.gif`, title: "Develop and Deploy" } ]} @@ -174,7 +174,7 @@ class Index extends React.Component { content: "Docusaurus currently provides support to help your website use [translations](/docs/translation.html), [search](/docs/search.html), and [versioning](/docs/versioning.html), along with some other special [documentation markdown features](/docs/doc-markdown.html). If you have ideas for useful features, feel free to contribute on [GitHub](https://github.com/facebookexperimental/docusaurus)!", imageAlign: "right", - image: `${siteConfig.baseUrl}img/docusaurus.svg`, + image: `${siteConfig.baseUrl}img/docusaurus_monochrome.svg`, title: "Website Features" } ]} diff --git a/website/siteConfig.js b/website/siteConfig.js index 28db207244..3ed88bb1bf 100644 --- a/website/siteConfig.js +++ b/website/siteConfig.js @@ -14,6 +14,12 @@ const users = [ image: "/docusaurus/img/prettier.png", infoLink: "https://www.prettier.io", pinned: true + }, + { + caption: "Docusaurus", + image: "/docusaurus/img/docusaurus.svg", + infoLink: "https://www.docusaurus.io", + pinned: true } ]; @@ -35,7 +41,7 @@ const siteConfig = { } ], headerIcon: "img/docusaurus.svg", - footerIcon: "img/docusaurus.svg", + footerIcon: "img/docusaurus_monochrome.svg", favicon: "img/favicon.png", // See https://docusaurus.io/docs/search for more information about Aloglia // search diff --git a/website/static/img/docusaurus.svg b/website/static/img/docusaurus.svg index f80b2217c7..81b7405edd 100644 --- a/website/static/img/docusaurus.svg +++ b/website/static/img/docusaurus.svg @@ -1 +1,35 @@ - \ No newline at end of file + + + + docusaurus + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/static/img/docusaurus_keytar.svg b/website/static/img/docusaurus_keytar.svg new file mode 100644 index 0000000000..b4d2e15c37 --- /dev/null +++ b/website/static/img/docusaurus_keytar.svg @@ -0,0 +1,155 @@ + + + + docusaurus_keytar + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/static/img/docusaurus_live.gif b/website/static/img/docusaurus_live.gif new file mode 100644 index 0000000000..5eed99bad8 Binary files /dev/null and b/website/static/img/docusaurus_live.gif differ diff --git a/website/static/img/docusaurus_live.webp b/website/static/img/docusaurus_live.webp index 9b221d705e..009747c957 100644 Binary files a/website/static/img/docusaurus_live.webp and b/website/static/img/docusaurus_live.webp differ diff --git a/website/static/img/docusaurus_monochrome.svg b/website/static/img/docusaurus_monochrome.svg new file mode 100644 index 0000000000..53806d0c74 --- /dev/null +++ b/website/static/img/docusaurus_monochrome.svg @@ -0,0 +1,35 @@ + + + + docusaurus_monochrome + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/static/img/docusaurus_speed.svg b/website/static/img/docusaurus_speed.svg new file mode 100644 index 0000000000..fd1170427c --- /dev/null +++ b/website/static/img/docusaurus_speed.svg @@ -0,0 +1,61 @@ + + + + docusaurus_speed + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/static/img/frank.svg b/website/static/img/frank.svg new file mode 100644 index 0000000000..f80b2217c7 --- /dev/null +++ b/website/static/img/frank.svg @@ -0,0 +1 @@ + \ No newline at end of file