diff --git a/landing/assets/farcaster-logo.react.js b/landing/assets/farcaster-logo.react.js new file mode 100644 --- /dev/null +++ b/landing/assets/farcaster-logo.react.js @@ -0,0 +1,38 @@ +// @flow + +import * as React from 'react'; + +type Props = { + +size?: number, + +className?: string, +}; + +function FarcasterLogo(props: Props): React.Node { + const { size, ...rest } = props; + + return ( + + + + + + ); +} + +export default FarcasterLogo; diff --git a/landing/team-profile.css b/landing/team-profile.css --- a/landing/team-profile.css +++ b/landing/team-profile.css @@ -41,3 +41,9 @@ color: var(--white-100); font-size: 20px; } + +.farcaster { + display: inline-block; + position: relative; + top: 5px; +} diff --git a/landing/team-profile.react.js b/landing/team-profile.react.js --- a/landing/team-profile.react.js +++ b/landing/team-profile.react.js @@ -4,6 +4,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import * as React from 'react'; +import FarcasterLogo from './assets/farcaster-logo.react.js'; import css from './team-profile.css'; import typography from './typography.css'; @@ -13,14 +14,16 @@ +imageURL: string, +githubHandle?: string, +twitterHandle?: string, + +farcasterHandle?: string, }; -const iconProps = { +const fontAwesomeIconProps = { size: 'm', }; function TeamProfile(props: Props): React.Node { - const { name, role, imageURL, githubHandle, twitterHandle } = props; + const { name, role, imageURL, githubHandle, twitterHandle, farcasterHandle } = + props; let twitterLink; if (twitterHandle) { @@ -30,7 +33,7 @@ target="_blank" rel="noreferrer" > - + ); } @@ -43,18 +46,32 @@ target="_blank" rel="noreferrer" > - + + + ); + } + + let farcasterLink; + if (farcasterHandle) { + farcasterLink = ( + + ); } return (
- {`portrait + {`portrait

{name}

{role} {githubLink} + {farcasterLink} {twitterLink}
diff --git a/landing/team.react.js b/landing/team.react.js --- a/landing/team.react.js +++ b/landing/team.react.js @@ -37,6 +37,7 @@ name="Ashoat Tevosyan" role="Founder" githubHandle="ashoat" + farcasterHandle="ashoat.eth" twitterHandle="ashoat" imageURL={`${assetsCacheURLPrefix}/ashoat.png`} /> @@ -44,6 +45,7 @@ name="Varun Dhananjaya" role="Software Engineer" githubHandle="vdhanan" + farcasterHandle="varun5" twitterHandle="_va_run" imageURL={`${assetsCacheURLPrefix}/varun.jpeg`} /> @@ -52,6 +54,7 @@ role="Software Engineer" imageURL={`${assetsCacheURLPrefix}/will.jpg`} githubHandle="wyilio" + farcasterHandle="wyilio" />