mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-19 12:07:00 +02:00
refactor(website): convert website to TypeScript (#5328)
* Initial work Signed-off-by: Josh-Cena <sidachen2003@gmail.com> * Minor changes Signed-off-by: Josh-Cena <sidachen2003@gmail.com> * Fix error Signed-off-by: Josh-Cena <sidachen2003@gmail.com> * This looks better Signed-off-by: Josh-Cena <sidachen2003@gmail.com> * Address suggestions Signed-off-by: Josh-Cena <sidachen2003@gmail.com> * Better style Signed-off-by: Josh-Cena <sidachen2003@gmail.com> * Better style Signed-off-by: Josh-Cena <sidachen2003@gmail.com> * Better context typing Signed-off-by: Josh-Cena <sidachen2003@gmail.com> * Update edit URL Signed-off-by: Josh-Cena <sidachen2003@gmail.com> * Minor refactor Signed-off-by: Josh-Cena <sidachen2003@gmail.com>
This commit is contained in:
Joshua Chen
GitHub
parent
9afc900780
commit
6c21061e34
20 changed files with 193 additions and 111 deletions
|
|
@ -1,201 +0,0 @@
|
|||
/**
|
||||
* 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';
|
||||
import Translate from '@docusaurus/Translate';
|
||||
import Link from '@docusaurus/Link';
|
||||
|
||||
function WebsiteLink({to, children}) {
|
||||
return (
|
||||
<Link to={to}>
|
||||
{children || (
|
||||
<Translate id="team.profile.websiteLinkLabel">website</Translate>
|
||||
)}
|
||||
</Link>
|
||||
);
|
||||
}
|
||||
|
||||
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'}
|
||||
alt={`${name}'s avatar`}
|
||||
/>
|
||||
<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>
|
||||
);
|
||||
}
|
||||
|
||||
function TeamProfileCardCol(props) {
|
||||
return (
|
||||
<TeamProfileCard {...props} className={'col col--6 margin-bottom--lg'} />
|
||||
);
|
||||
}
|
||||
|
||||
export function ActiveTeamRow() {
|
||||
return (
|
||||
<div className="row">
|
||||
<TeamProfileCardCol
|
||||
name="Alexey Pyltsyn"
|
||||
githubUrl="https://github.com/lex111">
|
||||
<Translate id="team.profile.Alexey Pyltsyn.body">
|
||||
Obsessed open-source enthusiast 👋 Eternal amateur at everything 🤷♂️
|
||||
Maintainer of Russian docs on PHP, React, Kubernetes and much more 🧐
|
||||
</Translate>
|
||||
</TeamProfileCardCol>
|
||||
<TeamProfileCardCol
|
||||
name="Joel Marcey"
|
||||
githubUrl="https://github.com/JoelMarcey"
|
||||
twitterUrl="https://twitter.com/joelmarcey">
|
||||
<Translate id="team.profile.Joel Marcey.body">
|
||||
Docusaurus founder and now ever grateful Docusaurus cheerleader to
|
||||
those who actually write code for it.
|
||||
</Translate>
|
||||
</TeamProfileCardCol>
|
||||
<TeamProfileCardCol
|
||||
name="Sébastien Lorber"
|
||||
githubUrl="https://github.com/slorber"
|
||||
twitterUrl="https://twitter.com/sebastienlorber">
|
||||
<Translate
|
||||
id="team.profile.Sebastien Lorber.body"
|
||||
values={{
|
||||
website: <WebsiteLink to="https://sebastienlorber.com/" />,
|
||||
devto: <Link to="https://dev.to/sebastienlorber">Dev.to</Link>,
|
||||
}}>
|
||||
{
|
||||
'React lover since 2014. Freelance, helping Facebook ship Docusaurus v2. He writes regularly, on his {website} and {devto}.'
|
||||
}
|
||||
</Translate>
|
||||
</TeamProfileCardCol>
|
||||
<TeamProfileCardCol
|
||||
name="Yangshun Tay"
|
||||
githubUrl="https://github.com/yangshun"
|
||||
twitterUrl="https://twitter.com/yangshunz">
|
||||
<Translate id="team.profile.Yangshun Tay.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.
|
||||
</Translate>
|
||||
</TeamProfileCardCol>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export function HonoraryAlumniTeamRow() {
|
||||
return (
|
||||
<div className="row">
|
||||
<TeamProfileCardCol
|
||||
name="Endilie Yacop Sucipto"
|
||||
githubUrl="https://github.com/endiliey"
|
||||
twitterUrl="https://twitter.com/endiliey">
|
||||
<Translate id="team.profile.Endilie Yacop Sucipto.body">
|
||||
Maintainer @docusaurus · 🔥🔥🔥
|
||||
</Translate>
|
||||
</TeamProfileCardCol>
|
||||
<TeamProfileCardCol
|
||||
name="Wei Gao"
|
||||
githubUrl="https://github.com/wgao19"
|
||||
twitterUrl="https://twitter.com/wgao19">
|
||||
<Translate id="team.profile.Wei Gao.body">
|
||||
🏻🌾 Work in progress React developer, maintains Docusaurus, writes
|
||||
docs and spams this world with many websites.
|
||||
</Translate>
|
||||
</TeamProfileCardCol>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export function StudentFellowsTeamRow() {
|
||||
return (
|
||||
<div className="row">
|
||||
<TeamProfileCardCol
|
||||
name="Anshul Goyal"
|
||||
githubUrl="https://github.com/anshulrgoyal"
|
||||
twitterUrl="https://twitter.com/ar_goyal">
|
||||
Fullstack developer who loves to code and try new technologies. In his
|
||||
free time, he contributes to open source, writes blog posts on his{' '}
|
||||
<a href="https://anshulgoyal.dev/" target="_blank">
|
||||
website
|
||||
</a>{' '}
|
||||
and watches Anime.
|
||||
</TeamProfileCardCol>
|
||||
<TeamProfileCardCol
|
||||
name="Drew Alexander"
|
||||
githubUrl="https://github.com/drewbi">
|
||||
Developer and Creative, trying to gain the skills to build whatever he
|
||||
can think of.
|
||||
</TeamProfileCardCol>
|
||||
<TeamProfileCardCol
|
||||
name="Fanny Vieira"
|
||||
githubUrl="https://github.com/fanny"
|
||||
twitterUrl="https://twitter.com/fannyvieiira">
|
||||
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>
|
||||
.
|
||||
</TeamProfileCardCol>
|
||||
<TeamProfileCardCol
|
||||
name="Sam Zhou"
|
||||
githubUrl="https://github.com/SamChou19815"
|
||||
twitterUrl="https://twitter.com/SamChou19815">
|
||||
Sam started programming in 2011 and built his{' '}
|
||||
<a href="https://developersam.com">website</a> in 2015. He is interested
|
||||
in programming languages, dev infra and web development, and has built
|
||||
his own{' '}
|
||||
<a href="https://samlang.developersam.com/">programming language</a> and{' '}
|
||||
<a href="https://github.com/SamChou19815/mini-react">mini React</a>.
|
||||
</TeamProfileCardCol>
|
||||
<TeamProfileCardCol
|
||||
name="Tan Teik Jun"
|
||||
githubUrl="https://github.com/teikjun"
|
||||
twitterUrl="https://twitter.com/teik_jun">
|
||||
Open-source enthusiast who aims to become as awesome as the other humans
|
||||
on this page. Working on Docusaurus brought him closer to his goal. 🌱
|
||||
</TeamProfileCardCol>
|
||||
<TeamProfileCardCol
|
||||
name="Nisarag Bhatt"
|
||||
githubUrl="https://github.com/FocalChord"
|
||||
twitterUrl="https://twitter.com/focalchord_">
|
||||
Fullstack web developer who loves learning new technologies and applying
|
||||
them! Loves contributing to open source as well as writing content
|
||||
articles and tutorials.
|
||||
</TeamProfileCardCol>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue