mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-21 04:57:05 +02:00
docs(v2): add myself to /team page + add TeamProfileCard component (#3145)
* add myself to /team page + add TeamProfileCard component * apply col classes from parent to make TeamProfileCard more reusable
This commit is contained in:
Sébastien Lorber
GitHub
parent
d28a29f2c9
commit
ee2d1b42f6
2 changed files with 97 additions and 143 deletions
|
|
@ -4,157 +4,62 @@ title: Team
|
||||||
slug: /team
|
slug: /team
|
||||||
---
|
---
|
||||||
|
|
||||||
|
import TeamProfileCard from "@site/src/components/TeamProfileCard"
|
||||||
|
|
||||||
|
export function TeamProfileCardCol(props) { return <TeamProfileCard {...props} className={'col col--6 margin-bottom--lg'}/> }
|
||||||
|
|
||||||
## Active Team
|
## Active Team
|
||||||
|
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col col--6 margin-bottom--lg">
|
<TeamProfileCardCol
|
||||||
<div className="card card--full-height">
|
name="Alexey Pyltsyn"
|
||||||
<div className="card__header">
|
githubUrl="https://github.com/lex111"
|
||||||
<div className="avatar avatar--vertical">
|
>
|
||||||
<img
|
Obsessed open-source enthusiast 👋 Eternal amateur at everything 🤷♂️ Maintainer of Russian docs on PHP, React, Kubernetes and much more 🧐
|
||||||
className="avatar__photo avatar__photo--xl"
|
</TeamProfileCardCol>
|
||||||
src="https://github.com/lex111.png"
|
<TeamProfileCardCol
|
||||||
/>
|
name="Fanny Vieira"
|
||||||
<div className="avatar__intro">
|
githubUrl="https://github.com/fanny"
|
||||||
<h3 className="avatar__name">Alexey Pyltsyn</h3>
|
twitterUrl="https://twitter.com/fannyvieiira"
|
||||||
</div>
|
>
|
||||||
</div>
|
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>
|
</TeamProfileCardCol>
|
||||||
<div className="card__body">
|
<TeamProfileCardCol
|
||||||
Obsessed open-source enthusiast 👋 Eternal amateur at everything 🤷♂️ Maintainer of Russian docs on PHP, React, Kubernetes and much more 🧐
|
name="Joel Marcey"
|
||||||
</div>
|
githubUrl="https://github.com/JoelMarcey"
|
||||||
<div className="card__footer">
|
twitterUrl="https://twitter.com/joelmarcey"
|
||||||
<div className="button-group button-group--block">
|
>
|
||||||
<a className="button button--secondary" href="https://github.com/lex111">GitHub</a>
|
Docusaurus founder and now ever grateful Docusaurus cheerleader to those who actually write code for it.
|
||||||
</div>
|
</TeamProfileCardCol>
|
||||||
</div>
|
<TeamProfileCardCol
|
||||||
</div>
|
name="Sébastien Lorber"
|
||||||
</div>
|
githubUrl="https://github.com/slorber"
|
||||||
<div className="col col--6 margin-bottom--lg">
|
twitterUrl="https://twitter.com/sebastienlorber"
|
||||||
<div className="card card--full-height">
|
>
|
||||||
<div className="card__header">
|
React lover since 2014. Freelance, helping Facebook ship Docusaurus v2.
|
||||||
<div className="avatar avatar--vertical">
|
</TeamProfileCardCol>
|
||||||
<img
|
<TeamProfileCardCol
|
||||||
className="avatar__photo avatar__photo--xl"
|
name="Yangshun Tay"
|
||||||
src="https://github.com/fanny.png"
|
githubUrl="https://github.com/yangshun"
|
||||||
/>
|
twitterUrl="https://twitter.com/yangshunz"
|
||||||
<div className="avatar__intro">
|
>
|
||||||
<h3 className="avatar__name">Fanny Vieira</h3>
|
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>
|
</TeamProfileCardCol>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<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>.
|
|
||||||
</div>
|
|
||||||
<div className="card__footer">
|
|
||||||
<div className="button-group button-group--block">
|
|
||||||
<a className="button button--secondary" href="https://github.com/fanny">GitHub</a>
|
|
||||||
<a className="button button--secondary" href="https://twitter.com/fannyvieiira">Twitter</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col col--6 margin-bottom--lg">
|
|
||||||
<div className="card card--full-height">
|
|
||||||
<div className="card__header">
|
|
||||||
<div className="avatar avatar--vertical">
|
|
||||||
<img
|
|
||||||
className="avatar__photo avatar__photo--xl"
|
|
||||||
src="https://github.com/JoelMarcey.png"
|
|
||||||
/>
|
|
||||||
<div className="avatar__intro">
|
|
||||||
<h3 className="avatar__name">Joel Marcey</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="card__body">
|
|
||||||
Docusaurus founder and now ever grateful Docusaurus cheerleader to those who actually write code for it.
|
|
||||||
</div>
|
|
||||||
<div className="card__footer">
|
|
||||||
<div className="button-group button-group--block">
|
|
||||||
<a className="button button--secondary" href="https://github.com/JoelMarcey">GitHub</a>
|
|
||||||
<a className="button button--secondary" href="https://twitter.com/joelmarcey">Twitter</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col col--6 margin-bottom--lg">
|
|
||||||
<div className="card card--full-height">
|
|
||||||
<div className="card__header">
|
|
||||||
<div className="avatar avatar--vertical">
|
|
||||||
<img
|
|
||||||
className="avatar__photo avatar__photo--xl"
|
|
||||||
src="https://github.com/yangshun.png"
|
|
||||||
/>
|
|
||||||
<div className="avatar__intro">
|
|
||||||
<h3 className="avatar__name">Yangshun Tay</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<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.
|
|
||||||
</div>
|
|
||||||
<div className="card__footer">
|
|
||||||
<div className="button-group button-group--block">
|
|
||||||
<a className="button button--secondary" href="https://github.com/yangshun">GitHub</a>
|
|
||||||
<a className="button button--secondary" href="https://twitter.com/yangshunz">Twitter</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
## Honorary Alumni
|
## Honorary Alumni
|
||||||
|
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col col--6 margin-bottom--lg">
|
<TeamProfileCardCol name="Endilie Yacop Sucipto" githubUrl="https://github.com/endiliey" twitterUrl="https://twitter.com/endiliey">
|
||||||
<div className="card card--full-height">
|
Maintainer @docusaurus · 🔥🔥🔥
|
||||||
<div className="card__header">
|
</TeamProfileCardCol>
|
||||||
<div className="avatar avatar--vertical">
|
<TeamProfileCardCol
|
||||||
<img
|
name="Wei Gao"
|
||||||
className="avatar__photo avatar__photo--xl"
|
githubUrl="https://github.com/wgao19"
|
||||||
src="https://github.com/endiliey.png"
|
twitterUrl="https://twitter.com/wgao19"
|
||||||
/>
|
>
|
||||||
<div className="avatar__intro">
|
🏻🌾 Work in progress React developer, maintains Docusaurus, writes docs and spams this world with many websites.
|
||||||
<h3 className="avatar__name">Endilie Yacop Sucipto</h3>
|
</TeamProfileCardCol>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="card__body">
|
|
||||||
Maintainer @docusaurus · 🔥🔥🔥
|
|
||||||
</div>
|
|
||||||
<div className="card__footer">
|
|
||||||
<div className="button-group button-group--block">
|
|
||||||
<a className="button button--secondary" href="https://github.com/endiliey">GitHub</a>
|
|
||||||
<a className="button button--secondary" href="https://twitter.com/endiliey">Twitter</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="col col--6 margin-bottom--lg">
|
|
||||||
<div className="card card--full-height">
|
|
||||||
<div className="card__header">
|
|
||||||
<div className="avatar avatar--vertical">
|
|
||||||
<img
|
|
||||||
className="avatar__photo avatar__photo--xl"
|
|
||||||
src="https://github.com/wgao19.png"
|
|
||||||
/>
|
|
||||||
<div className="avatar__intro">
|
|
||||||
<h3 className="avatar__name">Wei Gao</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="card__body">
|
|
||||||
👩🏻🌾 Work in progress React developer, maintains Docusaurus, writes docs and spams this world with many websites.
|
|
||||||
</div>
|
|
||||||
<div className="card__footer">
|
|
||||||
<div className="button-group button-group--block">
|
|
||||||
<a className="button button--secondary" href="https://github.com/wgao19">GitHub</a>
|
|
||||||
<a className="button button--secondary" href="https://twitter.com/wgao19">Twitter</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
## Acknowledgements
|
## Acknowledgements
|
||||||
|
|
|
||||||
49
website/src/components/TeamProfileCard/index.js
Normal file
49
website/src/components/TeamProfileCard/index.js
Normal file
|
|
@ -0,0 +1,49 @@
|
||||||
|
/**
|
||||||
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||||
|
*
|
||||||
|
* This source code is licensed under the MIT license found in the
|
||||||
|
* LICENSE file in the root directory of this source tree.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
export default function TeamProfileCard({
|
||||||
|
className,
|
||||||
|
name,
|
||||||
|
children,
|
||||||
|
githubUrl,
|
||||||
|
twitterUrl,
|
||||||
|
}) {
|
||||||
|
return (
|
||||||
|
<div className={className}>
|
||||||
|
<div className="card card--full-height">
|
||||||
|
<div className="card__header">
|
||||||
|
<div className="avatar avatar--vertical">
|
||||||
|
<img
|
||||||
|
className="avatar__photo avatar__photo--xl"
|
||||||
|
src={githubUrl + '.png'}
|
||||||
|
/>
|
||||||
|
<div className="avatar__intro">
|
||||||
|
<h3 className="avatar__name">{name}</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="card__body">{children}</div>
|
||||||
|
<div className="card__footer">
|
||||||
|
<div className="button-group button-group--block">
|
||||||
|
{githubUrl && (
|
||||||
|
<a className="button button--secondary" href={githubUrl}>
|
||||||
|
GitHub
|
||||||
|
</a>
|
||||||
|
)}
|
||||||
|
{twitterUrl && (
|
||||||
|
<a className="button button--secondary" href={twitterUrl}>
|
||||||
|
Twitter
|
||||||
|
</a>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue