diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js index 287691f4a1..1eb3bd6e06 100644 --- a/website/docusaurus.config.js +++ b/website/docusaurus.config.js @@ -54,6 +54,7 @@ module.exports = { links: [ {to: 'docs/introduction', label: 'Docs', position: 'left'}, {to: 'blog', label: 'Blog', position: 'left'}, + {to: 'showcase', label: 'Showcase', position: 'left'}, {to: 'feedback', label: 'Feedback', position: 'left'}, { href: 'https://github.com/facebook/docusaurus', diff --git a/website/src/data/users.js b/website/src/data/users.js new file mode 100644 index 0000000000..478f9fef48 --- /dev/null +++ b/website/src/data/users.js @@ -0,0 +1,57 @@ +/** + * Copyright (c) 2017-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +const users = [ + // Please add in alphabetical order of title. + { + title: 'Channel.js', + description: 'The missing constructor for creating safe async iterators', + preview: '/img/showcase/channeljs.png', + website: 'https://channel.js.org', + source: 'https://github.com/channeljs/channel', + fbOpenSource: false, + pinned: false, + }, + { + title: 'Component Kit', + description: 'A declarative UI framework for iOS', + preview: '/img/showcase/componentkit.png', + website: 'https://componentkit.org', + source: 'https://github.com/facebook/componentkit', + fbOpenSource: true, + pinned: true, + }, + { + title: 'Flux', + description: 'Application architecture for building user interfaces', + preview: '/img/showcase/flux.png', + website: 'https://facebook.github.io/flux/', + source: 'https://github.com/facebook/flux', + fbOpenSource: true, + pinned: true, + }, + { + title: 'Hermes', + description: 'JavaScript engine optimized for React Native', + preview: '/img/showcase/hermes.png', + website: 'https://hermesengine.dev', + source: 'https://github.com/facebook/hermes', + fbOpenSource: true, + pinned: true, + }, + { + title: 'uniforms', + description: 'A set of React libraries for building forms', + preview: '/img/showcase/uniforms.png', + website: 'https://uniforms.tools/', + source: 'https://github.com/vazco/uniforms', + fbOpenSource: false, + pinned: false, + }, +]; + +export default users; diff --git a/website/src/pages/showcase/index.js b/website/src/pages/showcase/index.js new file mode 100644 index 0000000000..ca38297ac0 --- /dev/null +++ b/website/src/pages/showcase/index.js @@ -0,0 +1,91 @@ +/** + * Copyright (c) 2017-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +import React, {useEffect} from 'react'; +import Layout from '@theme/Layout'; + +import classnames from 'classnames'; +import styles from './styles.module.css'; +import users from '../../data/users'; + +const ITEMS_PER_ROW = 3; // Sync up the item col width if this is changed. +const TITLE = 'Showcase'; +const DESCRIPTION = + 'See the awesome websites people are building with Docusaurus'; + +function chunkArray(array, size) { + const chunks = []; + const copied = [...array]; + const numChunks = Math.ceil(copied.length / size); // Round up to the nearest integer. + for (let i = 0; i < numChunks; i++) { + chunks.push(copied.splice(0, size)); + } + + return chunks; +} + +function Showcase() { + return ( + +
+
+

{TITLE}

+

{DESCRIPTION}

+
+ {chunkArray(users, ITEMS_PER_ROW).map(row => ( +
+ {row.map(user => ( +
+
+
+ {user.title} +
+
+
+
+

{user.title}

+ + {user.description} + +
+
+
+ {(user.website || user.source) && ( +
+
+ {user.website && ( + + Website + + )} + {user.source && ( + + Source + + )} +
+
+ )} +
+
+ ))} +
+ ))} +
+ + ); +} + +export default Showcase; diff --git a/website/src/pages/showcase/styles.module.css b/website/src/pages/showcase/styles.module.css new file mode 100644 index 0000000000..25b305bcd1 --- /dev/null +++ b/website/src/pages/showcase/styles.module.css @@ -0,0 +1,10 @@ +/** + * Copyright (c) 2017-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +.showcaseUser { + height: 100%; +} diff --git a/website/static/img/docusaurus_live.gif b/website/static/img/docusaurus_live.gif deleted file mode 100644 index 178328a5b9..0000000000 Binary files a/website/static/img/docusaurus_live.gif and /dev/null differ diff --git a/website/static/img/docusaurus_live.webp b/website/static/img/docusaurus_live.webp deleted file mode 100644 index 009747c957..0000000000 Binary files a/website/static/img/docusaurus_live.webp and /dev/null differ diff --git a/website/static/img/docusaurus_monochrome.svg b/website/static/img/docusaurus_monochrome.svg deleted file mode 100644 index 96a2457357..0000000000 --- a/website/static/img/docusaurus_monochrome.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/website/static/img/frank.svg b/website/static/img/frank.svg deleted file mode 100644 index 1d8b516a15..0000000000 --- a/website/static/img/frank.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/website/static/img/getting-started-preparation-verify.png b/website/static/img/getting-started-preparation-verify.png deleted file mode 100644 index 972cdd2864..0000000000 Binary files a/website/static/img/getting-started-preparation-verify.png and /dev/null differ diff --git a/website/static/img/markdown.png b/website/static/img/markdown.png deleted file mode 100644 index 07f8428b70..0000000000 Binary files a/website/static/img/markdown.png and /dev/null differ diff --git a/website/static/img/react.svg b/website/static/img/react.svg deleted file mode 100644 index 4e7ea7ce2b..0000000000 --- a/website/static/img/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/website/static/img/search.svg b/website/static/img/search.svg deleted file mode 100644 index 975d8efd07..0000000000 --- a/website/static/img/search.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/website/static/img/showcase/channeljs.png b/website/static/img/showcase/channeljs.png new file mode 100644 index 0000000000..30be82d103 Binary files /dev/null and b/website/static/img/showcase/channeljs.png differ diff --git a/website/static/img/showcase/componentkit.png b/website/static/img/showcase/componentkit.png new file mode 100644 index 0000000000..feb8033680 Binary files /dev/null and b/website/static/img/showcase/componentkit.png differ diff --git a/website/static/img/showcase/flux.png b/website/static/img/showcase/flux.png new file mode 100644 index 0000000000..f1fa8f45b6 Binary files /dev/null and b/website/static/img/showcase/flux.png differ diff --git a/website/static/img/showcase/hermes.png b/website/static/img/showcase/hermes.png new file mode 100644 index 0000000000..dc1b909eb3 Binary files /dev/null and b/website/static/img/showcase/hermes.png differ diff --git a/website/static/img/showcase/uniforms.png b/website/static/img/showcase/uniforms.png new file mode 100644 index 0000000000..1a72924b44 Binary files /dev/null and b/website/static/img/showcase/uniforms.png differ diff --git a/website/static/img/translation.svg b/website/static/img/translation.svg deleted file mode 100644 index 3fae9a4b7a..0000000000 --- a/website/static/img/translation.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/website/static/img/versioning.svg b/website/static/img/versioning.svg deleted file mode 100644 index 44579d16e6..0000000000 --- a/website/static/img/versioning.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file