Slash is the official mascot of Docusaurus. You will find different variations of her throughout the website, whether she is moving fast on her scooter or writing documentation at her standing desk. At Facebook, we have actual Slash plushies -- and you never know, you may see these plushies at various events and conferences in the future.
-
Birth of Slash
+
Birth of Slash
The team sat in a conference room trying to come up with a name for the project. Dinosaurs became a theme, finally landing on Docusaurus, combining documentation with those many dinosaurs that end in "saurus". Of course, we needed a logo for our new project. Eric sat down and designed a logo that was quite beyond the norm of our normal open source project logos, but yet was just so awesome, we had to use it. We needed a name for this cute Docusaur. "Marky" for markdown? "Docky" for documentation? No, "Slash" for the normal way someone starts code documentation in many programming languages // or /* or ///. And Slash was born.
diff --git a/website/pages/en/help.js b/website/pages/en/help.js
index 3d110df6723a..9e5ac89a61d9 100755
--- a/website/pages/en/help.js
+++ b/website/pages/en/help.js
@@ -10,29 +10,34 @@ const CompLibrary = require("../../core/CompLibrary.js");
const Container = CompLibrary.Container;
const GridBlock = CompLibrary.GridBlock;
const siteConfig = require(process.cwd() + "/siteConfig.js");
+const translate = require("../../server/translate.js").translate;
class Help extends React.Component {
render() {
const supportLinks = [
{
- title: "Browse the docs",
- content:
- `Learn more about Docusaurus using the [official documentation](${siteConfig.baseUrl}docs/${this.props.language}/installation.html).`,
+ title: Browse the docs,
+ content: (
+ `Learn more about Docusaurus using the [official documentation](${siteConfig.baseUrl}docs/${this.props.language}/installation.html).`
+ ),
},
{
- title: "Discord",
- content:
- "You can join the conversation on [Discord](https://discord.gg/docusaurus) on one of our two text channels: #docusaurus-users for user help and #docusaurus-dev for contributing help."
+ title: Discord,
+ content: (
+ "You can join the conversation on [Discord](https://discord.gg/docusaurus) on one of our two text channels: #docusaurus-users for user help and #docusaurus-dev for contributing help."
+ ),
},
{
- title: "Twitter",
- content:
- "You can follow and contact us on [Twitter](https://twitter.com/docusaurus)."
+ title: Twitter,
+ content: (
+ "You can follow and contact us on [Twitter](https://twitter.com/docusaurus)."
+ ),
},
{
- title: "GitHub",
- content:
- "At our [GitHub repo](https://github.com/facebook/docusaurus) Browse and submit [issues](https://github.com/facebook/Docusaurus/issues) or [pull requests](https://github.com/facebook/Docusaurus/pulls) for bugs you find or any new features you may want implemented. Be sure to also check out our [contributing information](https://github.com/facebook/Docusaurus/blob/master/CONTRIBUTING.md)."
+ title: GitHub,
+ content: (
+ "At our [GitHub repo](https://github.com/facebook/docusaurus) Browse and submit [issues](https://github.com/facebook/Docusaurus/issues) or [pull requests](https://github.com/facebook/Docusaurus/pulls) for bugs you find or any new features you may want implemented. Be sure to also check out our [contributing information](https://github.com/facebook/Docusaurus/blob/master/CONTRIBUTING.md)."
+ ),
}
];
@@ -41,10 +46,12 @@ class Help extends React.Component {
-
Need help?
+
Need help?
- If you need help with Docusaurus, you can try one of the mechanisms below.
+
+ If you need help with Docusaurus, you can try one of the mechanisms below.
+
diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index 1d33b75de8af..73587e4d6f1d 100755
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -6,14 +6,11 @@
*/
const React = require("react");
-
const CompLibrary = require("../../core/CompLibrary.js");
const Container = CompLibrary.Container;
const GridBlock = CompLibrary.GridBlock;
const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */
-
const siteConfig = require(process.cwd() + "/siteConfig.js");
-
const translate = require("../../server/translate.js").translate;
class Button extends React.Component {
@@ -53,10 +50,10 @@ class HomeSplash extends React.Component {
href={`
${siteConfig.baseUrl}docs/${this.props.language}/installation.html
`}>
- Get Started
+ Get Started
@@ -93,35 +90,38 @@ class Index extends React.Component {
align="center"
contents={[
{
- content:
+ 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.html)
and Docusaurus will publish a set of static html files ready
- to serve.`,
+ to serve.`
+ ),
image: `${siteConfig.baseUrl}img/markdown.png`,
imageAlign: "top",
imageAlt: "Markdown",
- title: "Powered by Markdown"
+ title: Powered by Markdown
},
{
- content:
+ content: (
`[Extend or customize](${siteConfig.baseUrl}docs/${this.props.language}/api-pages.html)
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/react.svg`,
imageAlign: "top",
imageAlt: "React",
- title: "Built Using React"
+ title: Built Using React
},
{
- content:
+ content: (
`[Localization](${siteConfig.baseUrl}docs/${this.props.language}/translation.html)
comes pre-configured. Use [Crowdin](https://crowdin.com/) to translate your docs
- into over 70 languages.`,
+ into over 70 languages.`
+ ),
image: `${siteConfig.baseUrl}img/translation.svg`,
imageAlign: "top",
imageAlt: "Translation",
- title: "Ready for Translations"
+ title: Ready for Translations
}
]}
layout="threeColumn"
@@ -132,23 +132,25 @@ class Index extends React.Component {
align="center"
contents={[
{
- content:
+ content: (
`Support users on all versions of your project. Document
[versioning](${siteConfig.baseUrl}docs/${this.props.language}/versioning.html)
- helps you keep documentation in sync with project releases.`,
+ helps you keep documentation in sync with project releases.`
+ ),
image: `${siteConfig.baseUrl}img/versioning.svg`,
imageAlign: "top",
imageAlt: "Document Versioning",
- title: "Document Versioning"
+ title: Document Versioning
},
{
- content:
+ content: (
`Make it easy for your community to [find](${siteConfig.baseUrl}docs/${this.props.language}/search.html) 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/search.svg`,
imageAlign: "top",
imageAlt: "Document Search",
- title: "Document Search"
+ title: Document Search
}
]}
layout="twoColumn"
@@ -158,13 +160,14 @@ class Index extends React.Component {
Quick Setup
}
]}
layout="twoColumn"
@@ -174,17 +177,18 @@ class Index extends React.Component {
Develop and Deploy
}
]}
layout="twoColumn"
@@ -194,32 +198,33 @@ class Index extends React.Component {
Website Features
}
]}
layout="twoColumn"
/>
-
{"Who's Using Docusaurus?"}
-
Docusaurus is building websites for these projects...
+
Who's Using Docusaurus?
+
Docusaurus is building websites for these projects...
