diff --git a/packages/lexical-website-new/docusaurus.config.js b/packages/lexical-website-new/docusaurus.config.js index 5d514c41498..b4d9cc0a188 100644 --- a/packages/lexical-website-new/docusaurus.config.js +++ b/packages/lexical-website-new/docusaurus.config.js @@ -120,7 +120,6 @@ const config = { }, navbar: { items: [ - {label: 'Tutorial', position: 'left', to: '/docs/intro'}, { label: 'Playground', position: 'left', diff --git a/packages/lexical-website-new/src/components/CommunityContributors/index.js b/packages/lexical-website-new/src/components/CommunityContributors/index.js index a80d15007ae..0b5708e9b7b 100644 --- a/packages/lexical-website-new/src/components/CommunityContributors/index.js +++ b/packages/lexical-website-new/src/components/CommunityContributors/index.js @@ -26,19 +26,34 @@ const CONTRIBUTORS = [ name: 'Acy Watson', }, { - imageUrl: 'https://github.com/trueadm.png', - link: 'https://github.com/trueadm', - name: 'Dominic Gannaway', + imageUrl: 'https://github.com/fantactuka.png', + link: 'https://github.com/fantactuka', + name: 'Maksim Horbachevsky', }, { - imageUrl: 'https://github.com/zurfyx.png', - link: 'https://github.com/zurfyx', - name: 'Gerard Rovira', + imageUrl: 'https://github.com/prontiol.png', + link: 'https://github.com/prontiol', + name: 'Denys Mikhailenko', }, { - imageUrl: 'https://github.com/acywatson.png', - link: 'https://github.com/acywatson', - name: 'Acy Watson', + imageUrl: 'https://github.com/thegreatercurve.png', + link: 'https://github.com/thegreatercurve', + name: 'John Flockton', + }, + { + imageUrl: 'https://github.com/tylerjbainbridge.png', + link: 'https://github.com/tylerjbainbridge', + name: 'Tyler Bainbridge', + }, + { + imageUrl: 'https://github.com/yangshun.png', + link: 'https://github.com/yangshun', + name: 'Yangshun Tay', + }, + { + imageUrl: 'https://github.com/kraisler.png', + link: 'https://github.com/kraisler', + name: 'Ken Kraisler', }, ]; diff --git a/packages/lexical-website-new/src/components/HomepageExamples/index.js b/packages/lexical-website-new/src/components/HomepageExamples/index.js index be406170ef6..2d783fdd665 100644 --- a/packages/lexical-website-new/src/components/HomepageExamples/index.js +++ b/packages/lexical-website-new/src/components/HomepageExamples/index.js @@ -17,50 +17,43 @@ const EXAMPLES = [ { content: ( <> - Feature 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim - ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut - aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit - in voluptate velit esse cillum dolore eu fugiat nulla pariatur. - Excepteur sint occaecat cupidatat non proident, sunt in culpa qui - officia deserunt mollit anim id est laborum. + It's super easy to get started with Lexical in any environment. Lexical + is framework agnostic, but provides a set of bindings for React to help + you get off the ground even quicker. After the initial setup, + delightfully ergonomic APIs make building custom functionality + straightforward and downright fun! ), id: 'example-feature-1', - label: 'Easy Setup', + label: 'Simple Setup', src: 'https://codesandbox.io/embed/lexical-plain-text-example-g932e?fontsize=12&hidenavigation=1&module=%2Fsrc%2FEditor.js&theme=dark&view=editor', }, { content: ( <> - Feature 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim - ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut - aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit - in voluptate velit esse cillum dolore eu fugiat nulla pariatur. - Excepteur sint occaecat cupidatat non proident, sunt in culpa qui - officia deserunt mollit anim id est laborum. + At its core, Lexical is a text-editing engine - a platform for building + feature-rich editors for the web. At the same time, we believe users + shouldn't have to rewrite the same rich text functionality over and over + in every implementation. Lexical exposes a set of individual, modular + packages that can be used to add common features like lists, links, and + tables. ), id: 'example-feature-2', - label: 'Powerful Transforms', - src: 'https://codesandbox.io/embed/lexical-plain-text-example-forked-qdxhy?fontsize=12&hidenavigation=1&module=%2Fsrc%2FEmoticonPlugin.js&theme=dark&view=editor', + label: 'Powerful Features', + src: 'https://codesandbox.io/embed/lexical-rich-text-example-5tncvy?fontsize=12&hidenavigation=1&module=%2Fsrc%2FEditor.js&theme=dark&view=editor', }, { content: ( <> - Feature 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim - ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut - aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit - in voluptate velit esse cillum dolore eu fugiat nulla pariatur. - Excepteur sint occaecat cupidatat non proident, sunt in culpa qui - officia deserunt mollit anim id est laborum. + Lexical emphasizes extensibility. Nodes can be extended to add or change + behavior and simple, imperative APIs make it a breeze to build for + custom use cases. ), id: 'example-feature-3', - label: 'Works Anywhere', - src: 'https://codesandbox.io/embed/lexical-plain-text-example-g932e?fontsize=12&hidenavigation=1&module=%2Fsrc%2FEditor.js&theme=dark&view=editor', + label: 'Built to Extend', + src: 'https://codesandbox.io/embed/lexical-plain-text-example-forked-qdxhy?fontsize=12&hidenavigation=1&module=%2Fsrc%2FEmoticonPlugin.js&theme=dark&view=editor', }, ];