3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-08-06 10:20:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(v2): various tweaks to website (#2816)

Browse source
This commit is contained in:
Alexey Pyltsyn 2020-05-27 15:56:59 +03:00 • committed by GitHub
parent f23d03bd3b
commit 2105700fb7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 159 additions and 156 deletions
Download patch file Download diff file Expand all files Collapse all files

146
website/docs/team.md
View file

@ -5,98 +5,98 @@ title: Team
## Active Team ## Active Team
<div class="row"> <div className="row">
<div class="col col--6 margin-bottom--lg"> <div className="col col--6 margin-bottom--lg">
<div class="card card--full-height"> <div className="card card--full-height">
<div class="card__header"> <div className="card__header">
<div class="avatar avatar--vertical"> <div className="avatar avatar--vertical">
<img <img
class="avatar__photo avatar__photo--xl" className="avatar__photo avatar__photo--xl"
src="https://github.com/lex111.png" src="https://github.com/lex111.png"
/> />
<div class="avatar__intro"> <div className="avatar__intro">
<h3 class="avatar__name">Alexey Pyltsyn</h3> <h3 className="avatar__name">Alexey Pyltsyn</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="card__body"> <div className="card__body">
Obsessed open-source enthusiast 👋 Eternal amateur at everything 🤷‍♂️ Maintainer of Russian docs on PHP, React, Kubernetes and much more 🧐 Obsessed open-source enthusiast 👋 Eternal amateur at everything 🤷‍♂️ Maintainer of Russian docs on PHP, React, Kubernetes and much more 🧐
</div> </div>
<div class="card__footer"> <div className="card__footer">
<div class="button-group button-group--block"> <div className="button-group button-group--block">
<a class="button button--secondary" href="https://github.com/lex111">GitHub</a> <a className="button button--secondary" href="https://github.com/lex111">GitHub</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col col--6 margin-bottom--lg"> <div className="col col--6 margin-bottom--lg">
<div class="card card--full-height"> <div className="card card--full-height">
<div class="card__header"> <div className="card__header">
<div class="avatar avatar--vertical"> <div className="avatar avatar--vertical">
<img <img
class="avatar__photo avatar__photo--xl" className="avatar__photo avatar__photo--xl"
src="https://github.com/fanny.png" src="https://github.com/fanny.png"
/> />
<div class="avatar__intro"> <div className="avatar__intro">
<h3 class="avatar__name">Fanny Vieira</h3> <h3 className="avatar__name">Fanny Vieira</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="card__body"> <div className="card__body">
Fanny got started with web development in high school, building a project for the school kitchen. In her free time she loves contributing to Open Source, occasionally writing on <a href="https://dev.to/fannyvieira" target="_blank">her blog</a> about her experiences, cooking, and creating <a href="https://open.spotify.com/user/anotherfanny" target="_blank">Spotify playlists</a>. Fanny got started with web development in high school, building a project for the school kitchen. In her free time she loves contributing to Open Source, occasionally writing on <a href="https://dev.to/fannyvieira" target="_blank">her blog</a> about her experiences, cooking, and creating <a href="https://open.spotify.com/user/anotherfanny" target="_blank">Spotify playlists</a>.
</div> </div>
<div class="card__footer"> <div className="card__footer">
<div class="button-group button-group--block"> <div className="button-group button-group--block">
<a class="button button--secondary" href="https://github.com/fanny">GitHub</a> <a className="button button--secondary" href="https://github.com/fanny">GitHub</a>
<a class="button button--secondary" href="https://twitter.com/fannyvieiira">Twitter</a> <a className="button button--secondary" href="https://twitter.com/fannyvieiira">Twitter</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col col--6 margin-bottom--lg"> <div className="col col--6 margin-bottom--lg">
<div class="card card--full-height"> <div className="card card--full-height">
<div class="card__header"> <div className="card__header">
<div class="avatar avatar--vertical"> <div className="avatar avatar--vertical">
<img <img
class="avatar__photo avatar__photo--xl" className="avatar__photo avatar__photo--xl"
src="https://github.com/JoelMarcey.png" src="https://github.com/JoelMarcey.png"
/> />
<div class="avatar__intro"> <div className="avatar__intro">
<h3 class="avatar__name">Joel Marcey</h3> <h3 className="avatar__name">Joel Marcey</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="card__body"> <div className="card__body">
Docusaurus founder and now ever grateful Docusaurus cheerleader to those who actually write code for it. Docusaurus founder and now ever grateful Docusaurus cheerleader to those who actually write code for it.
</div> </div>
<div class="card__footer"> <div className="card__footer">
<div class="button-group button-group--block"> <div className="button-group button-group--block">
<a class="button button--secondary" href="https://github.com/JoelMarcey">GitHub</a> <a className="button button--secondary" href="https://github.com/JoelMarcey">GitHub</a>
<a class="button button--secondary" href="https://twitter.com/joelmarcey">Twitter</a> <a className="button button--secondary" href="https://twitter.com/joelmarcey">Twitter</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col col--6 margin-bottom--lg"> <div className="col col--6 margin-bottom--lg">
<div class="card card--full-height"> <div className="card card--full-height">
<div class="card__header"> <div className="card__header">
<div class="avatar avatar--vertical"> <div className="avatar avatar--vertical">
<img <img
class="avatar__photo avatar__photo--xl" className="avatar__photo avatar__photo--xl"
src="https://github.com/yangshun.png" src="https://github.com/yangshun.png"
/> />
<div class="avatar__intro"> <div className="avatar__intro">
<h3 class="avatar__name">Yangshun Tay</h3> <h3 className="avatar__name">Yangshun Tay</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="card__body"> <div className="card__body">
Full Front End Stack developer who likes working on the Jamstack. Working on Docusaurus made him Facebook's unofficial part-time Open Source webmaster, which is an awesome role to be in. Full Front End Stack developer who likes working on the Jamstack. Working on Docusaurus made him Facebook's unofficial part-time Open Source webmaster, which is an awesome role to be in.
</div> </div>
<div class="card__footer"> <div className="card__footer">
<div class="button-group button-group--block"> <div className="button-group button-group--block">
<a class="button button--secondary" href="https://github.com/yangshun">GitHub</a> <a className="button button--secondary" href="https://github.com/yangshun">GitHub</a>
<a class="button button--secondary" href="https://twitter.com/yangshunz">Twitter</a> <a className="button button--secondary" href="https://twitter.com/yangshunz">Twitter</a>
</div> </div>
</div> </div>
</div> </div>
@ -105,51 +105,51 @@ title: Team
## Honorary Alumni ## Honorary Alumni
<div class="row"> <div className="row">
<div class="col col--6 margin-bottom--lg"> <div className="col col--6 margin-bottom--lg">
<div class="card card--full-height"> <div className="card card--full-height">
<div class="card__header"> <div className="card__header">
<div class="avatar avatar--vertical"> <div className="avatar avatar--vertical">
<img <img
class="avatar__photo avatar__photo--xl" className="avatar__photo avatar__photo--xl"
src="https://github.com/endiliey.png" src="https://github.com/endiliey.png"
/> />
<div class="avatar__intro"> <div className="avatar__intro">
<h3 class="avatar__name">Endilie Yacop Sucipto</h3> <h3 className="avatar__name">Endilie Yacop Sucipto</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="card__body"> <div className="card__body">
Maintainer @docusaurus · 🔥🔥🔥 Maintainer @docusaurus · 🔥🔥🔥
</div> </div>
<div class="card__footer"> <div className="card__footer">
<div class="button-group button-group--block"> <div className="button-group button-group--block">
<a class="button button--secondary" href="https://github.com/endiliey">GitHub</a> <a className="button button--secondary" href="https://github.com/endiliey">GitHub</a>
<a class="button button--secondary" href="https://twitter.com/endiliey">Twitter</a> <a className="button button--secondary" href="https://twitter.com/endiliey">Twitter</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col col--6 margin-bottom--lg"> <div className="col col--6 margin-bottom--lg">
<div class="card card--full-height"> <div className="card card--full-height">
<div class="card__header"> <div className="card__header">
<div class="avatar avatar--vertical"> <div className="avatar avatar--vertical">
<img <img
class="avatar__photo avatar__photo--xl" className="avatar__photo avatar__photo--xl"
src="https://github.com/wgao19.png" src="https://github.com/wgao19.png"
/> />
<div class="avatar__intro"> <div className="avatar__intro">
<h3 class="avatar__name">Wei Gao</h3> <h3 className="avatar__name">Wei Gao</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="card__body"> <div className="card__body">
👩🏻‍🌾 Work in progress React developer, maintains Docusaurus, writes docs and spams this world with many websites. 👩🏻‍🌾 Work in progress React developer, maintains Docusaurus, writes docs and spams this world with many websites.
</div> </div>
<div class="card__footer"> <div className="card__footer">
<div class="button-group button-group--block"> <div className="button-group button-group--block">
<a class="button button--secondary" href="https://github.com/wgao19">GitHub</a> <a className="button button--secondary" href="https://github.com/wgao19">GitHub</a>
<a class="button button--secondary" href="https://twitter.com/wgao19">Twitter</a> <a className="button button--secondary" href="https://twitter.com/wgao19">Twitter</a>
</div> </div>
</div> </div>
</div> </div>

18
website/docusaurus.config.js
View file

@ -95,12 +95,12 @@ module.exports = {
label: 'Docs', label: 'Docs',
to: 'docs/introduction', // "fake" link to: 'docs/introduction', // "fake" link
position: 'left', position: 'left',
activeBasePath: 'docs', activeBaseRegex: `docs/(?!next/(support|team|resources))`,
items: [ items: [
{ {
label: versions[0], label: versions[0],
to: 'docs/', to: 'docs/',
exact: true, activeBaseRegex: `docs/(?!${versions.join('|')}|next)`,
}, },
...versions.slice(1).map((version) => ({ ...versions.slice(1).map((version) => ({
label: version, label: version,
@ -109,12 +109,18 @@ module.exports = {
{ {
label: 'Master/Unreleased', label: 'Master/Unreleased',
to: 'docs/next/', to: 'docs/next/',
activeBaseRegex: `docs/next/(?!support|team|resources)`,
}, },
], ],
}, },
{to: 'blog', label: 'Blog', position: 'left'}, {to: 'blog', label: 'Blog', position: 'left'},
{to: 'showcase', label: 'Showcase', position: 'left'}, {to: 'showcase', label: 'Showcase', position: 'left'},
{to: 'docs/next/support', label: 'Community', position: 'left'}, {
to: 'docs/next/support',
label: 'Community',
position: 'left',
activeBaseRegex: `docs/next/(support|team|resources)`,
},
{ {
to: 'versions', to: 'versions',
label: `v${versions[0]}`, label: `v${versions[0]}`,
@ -200,21 +206,17 @@ module.exports = {
{ {
label: 'Privacy', label: 'Privacy',
href: 'https://opensource.facebook.com/legal/privacy/', href: 'https://opensource.facebook.com/legal/privacy/',
target: '_blank',
rel: 'noreferrer noopener',
}, },
{ {
label: 'Terms', label: 'Terms',
href: 'https://opensource.facebook.com/legal/terms/', href: 'https://opensource.facebook.com/legal/terms/',
target: '_blank',
rel: 'noreferrer noopener',
}, },
], ],
}, },
], ],
logo: { logo: {
alt: 'Facebook Open Source Logo', alt: 'Facebook Open Source Logo',
src: 'https://docusaurus.io/img/oss_logo.png', src: 'img/oss_logo.png',
href: 'https://opensource.facebook.com', href: 'https://opensource.facebook.com',
}, },
copyright: `Copyright © ${new Date().getFullYear()} Facebook, Inc. Built with Docusaurus.`, copyright: `Copyright © ${new Date().getFullYear()} Facebook, Inc. Built with Docusaurus.`,

2
website/src/pages/styles.module.css
View file

@ -93,7 +93,7 @@
animation-name: jackInTheBox; animation-name: jackInTheBox;
float: right; float: right;
margin-top: 20px; margin-top: 20px;
padding: 20px; padding: 0 20px 20px;
} }
.indexCtas { .indexCtas {

3
website/src/pages/versions.js
View file

@ -23,9 +23,10 @@ function Version() {
const repoUrl = `https://github.com/${siteConfig.organizationName}/${siteConfig.projectName}`; const repoUrl = `https://github.com/${siteConfig.organizationName}/${siteConfig.projectName}`;
return ( return (
<Layout <Layout
title="Versions"
permalink="/versions" permalink="/versions"
description="Docusaurus 2 Versions page listing all documented site versions"> description="Docusaurus 2 Versions page listing all documented site versions">
<div className="container margin-vert--xl"> <div className="container margin-vert--lg">
<h1>Docusaurus documentation versions</h1> <h1>Docusaurus documentation versions</h1>
<div className="margin-bottom--lg"> <div className="margin-bottom--lg">
<h3 id="latest">Latest version (Stable)</h3> <h3 id="latest">Latest version (Stable)</h3>

146
website/versioned_docs/version-2.0.0-alpha.55/team.md
View file

@ -5,98 +5,98 @@ title: Team
## Active Team ## Active Team
<div class="row"> <div className="row">
<div class="col col--6 margin-bottom--lg"> <div className="col col--6 margin-bottom--lg">
<div class="card card--full-height"> <div className="card card--full-height">
<div class="card__header"> <div className="card__header">
<div class="avatar avatar--vertical"> <div className="avatar avatar--vertical">
<img <img
class="avatar__photo avatar__photo--xl" className="avatar__photo avatar__photo--xl"
src="https://github.com/lex111.png" src="https://github.com/lex111.png"
/> />
<div class="avatar__intro"> <div className="avatar__intro">
<h3 class="avatar__name">Alexey Pyltsyn</h3> <h3 className="avatar__name">Alexey Pyltsyn</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="card__body"> <div className="card__body">
Obsessed open-source enthusiast 👋 Eternal amateur at everything 🤷‍♂️ Maintainer of Russian docs on PHP, React, Kubernetes and much more 🧐 Obsessed open-source enthusiast 👋 Eternal amateur at everything 🤷‍♂️ Maintainer of Russian docs on PHP, React, Kubernetes and much more 🧐
</div> </div>
<div class="card__footer"> <div className="card__footer">
<div class="button-group button-group--block"> <div className="button-group button-group--block">
<a class="button button--secondary" href="https://github.com/lex111">GitHub</a> <a className="button button--secondary" href="https://github.com/lex111">GitHub</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col col--6 margin-bottom--lg"> <div className="col col--6 margin-bottom--lg">
<div class="card card--full-height"> <div className="card card--full-height">
<div class="card__header"> <div className="card__header">
<div class="avatar avatar--vertical"> <div className="avatar avatar--vertical">
<img <img
class="avatar__photo avatar__photo--xl" className="avatar__photo avatar__photo--xl"
src="https://github.com/fanny.png" src="https://github.com/fanny.png"
/> />
<div class="avatar__intro"> <div className="avatar__intro">
<h3 class="avatar__name">Fanny Vieira</h3> <h3 className="avatar__name">Fanny Vieira</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="card__body"> <div className="card__body">
Fanny got started with web development in high school, building a project for the school kitchen. In her free time she loves contributing to Open Source, occasionally writing on <a href="https://dev.to/fannyvieira" target="_blank">her blog</a> about her experiences, cooking, and creating <a href="https://open.spotify.com/user/anotherfanny" target="_blank">Spotify playlists</a>. Fanny got started with web development in high school, building a project for the school kitchen. In her free time she loves contributing to Open Source, occasionally writing on <a href="https://dev.to/fannyvieira" target="_blank">her blog</a> about her experiences, cooking, and creating <a href="https://open.spotify.com/user/anotherfanny" target="_blank">Spotify playlists</a>.
</div> </div>
<div class="card__footer"> <div className="card__footer">
<div class="button-group button-group--block"> <div className="button-group button-group--block">
<a class="button button--secondary" href="https://github.com/fanny">GitHub</a> <a className="button button--secondary" href="https://github.com/fanny">GitHub</a>
<a class="button button--secondary" href="https://twitter.com/fannyvieiira">Twitter</a> <a className="button button--secondary" href="https://twitter.com/fannyvieiira">Twitter</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col col--6 margin-bottom--lg"> <div className="col col--6 margin-bottom--lg">
<div class="card card--full-height"> <div className="card card--full-height">
<div class="card__header"> <div className="card__header">
<div class="avatar avatar--vertical"> <div className="avatar avatar--vertical">
<img <img
class="avatar__photo avatar__photo--xl" className="avatar__photo avatar__photo--xl"
src="https://github.com/JoelMarcey.png" src="https://github.com/JoelMarcey.png"
/> />
<div class="avatar__intro"> <div className="avatar__intro">
<h3 class="avatar__name">Joel Marcey</h3> <h3 className="avatar__name">Joel Marcey</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="card__body"> <div className="card__body">
Docusaurus founder and now ever grateful Docusaurus cheerleader to those who actually write code for it. Docusaurus founder and now ever grateful Docusaurus cheerleader to those who actually write code for it.
</div> </div>
<div class="card__footer"> <div className="card__footer">
<div class="button-group button-group--block"> <div className="button-group button-group--block">
<a class="button button--secondary" href="https://github.com/JoelMarcey">GitHub</a> <a className="button button--secondary" href="https://github.com/JoelMarcey">GitHub</a>
<a class="button button--secondary" href="https://twitter.com/joelmarcey">Twitter</a> <a className="button button--secondary" href="https://twitter.com/joelmarcey">Twitter</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col col--6 margin-bottom--lg"> <div className="col col--6 margin-bottom--lg">
<div class="card card--full-height"> <div className="card card--full-height">
<div class="card__header"> <div className="card__header">
<div class="avatar avatar--vertical"> <div className="avatar avatar--vertical">
<img <img
class="avatar__photo avatar__photo--xl" className="avatar__photo avatar__photo--xl"
src="https://github.com/yangshun.png" src="https://github.com/yangshun.png"
/> />
<div class="avatar__intro"> <div className="avatar__intro">
<h3 class="avatar__name">Yangshun Tay</h3> <h3 className="avatar__name">Yangshun Tay</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="card__body"> <div className="card__body">
Full Front End Stack developer who likes working on the Jamstack. Working on Docusaurus made him Facebook's unofficial part-time Open Source webmaster, which is an awesome role to be in. Full Front End Stack developer who likes working on the Jamstack. Working on Docusaurus made him Facebook's unofficial part-time Open Source webmaster, which is an awesome role to be in.
</div> </div>
<div class="card__footer"> <div className="card__footer">
<div class="button-group button-group--block"> <div className="button-group button-group--block">
<a class="button button--secondary" href="https://github.com/yangshun">GitHub</a> <a className="button button--secondary" href="https://github.com/yangshun">GitHub</a>
<a class="button button--secondary" href="https://twitter.com/yangshunz">Twitter</a> <a className="button button--secondary" href="https://twitter.com/yangshunz">Twitter</a>
</div> </div>
</div> </div>
</div> </div>
@ -105,51 +105,51 @@ title: Team
## Honorary Alumni ## Honorary Alumni
<div class="row"> <div className="row">
<div class="col col--6 margin-bottom--lg"> <div className="col col--6 margin-bottom--lg">
<div class="card card--full-height"> <div className="card card--full-height">
<div class="card__header"> <div className="card__header">
<div class="avatar avatar--vertical"> <div className="avatar avatar--vertical">
<img <img
class="avatar__photo avatar__photo--xl" className="avatar__photo avatar__photo--xl"
src="https://github.com/endiliey.png" src="https://github.com/endiliey.png"
/> />
<div class="avatar__intro"> <div className="avatar__intro">
<h3 class="avatar__name">Endilie Yacop Sucipto</h3> <h3 className="avatar__name">Endilie Yacop Sucipto</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="card__body"> <div className="card__body">
Maintainer @docusaurus · 🔥🔥🔥 Maintainer @docusaurus · 🔥🔥🔥
</div> </div>
<div class="card__footer"> <div className="card__footer">
<div class="button-group button-group--block"> <div className="button-group button-group--block">
<a class="button button--secondary" href="https://github.com/endiliey">GitHub</a> <a className="button button--secondary" href="https://github.com/endiliey">GitHub</a>
<a class="button button--secondary" href="https://twitter.com/endiliey">Twitter</a> <a className="button button--secondary" href="https://twitter.com/endiliey">Twitter</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col col--6 margin-bottom--lg"> <div className="col col--6 margin-bottom--lg">
<div class="card card--full-height"> <div className="card card--full-height">
<div class="card__header"> <div className="card__header">
<div class="avatar avatar--vertical"> <div className="avatar avatar--vertical">
<img <img
class="avatar__photo avatar__photo--xl" className="avatar__photo avatar__photo--xl"
src="https://github.com/wgao19.png" src="https://github.com/wgao19.png"
/> />
<div class="avatar__intro"> <div className="avatar__intro">
<h3 class="avatar__name">Wei Gao</h3> <h3 className="avatar__name">Wei Gao</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="card__body"> <div className="card__body">
👩🏻‍🌾 Work in progress React developer, maintains Docusaurus, writes docs and spams this world with many websites. 👩🏻‍🌾 Work in progress React developer, maintains Docusaurus, writes docs and spams this world with many websites.
</div> </div>
<div class="card__footer"> <div className="card__footer">
<div class="button-group button-group--block"> <div className="button-group button-group--block">
<a class="button button--secondary" href="https://github.com/wgao19">GitHub</a> <a className="button button--secondary" href="https://github.com/wgao19">GitHub</a>
<a class="button button--secondary" href="https://twitter.com/wgao19">Twitter</a> <a className="button button--secondary" href="https://twitter.com/wgao19">Twitter</a>
</div> </div>
</div> </div>
</div> </div>