Page MenuHomePhabricator
Files F3290841

D3658.diff
No OneTemporary
Actions

D3658.diff
View Options

diff --git a/landing/team.css b/landing/team.css
new file mode 100644
--- /dev/null
+++ b/landing/team.css
@@ -0,0 +1,52 @@
+.wrapper {
+ padding: 16px 0;
+ margin: 0 auto 48px auto;
+}
+
+.header {
+ font-family: 'iA Writer Duo S', monospace;
+ font-weight: 500;
+ line-height: 1.35;
+ text-align: center;
+ --scale: calc(0.75rem + 2vw);
+ --smallest-font-size: 30px;
+ --largest-font-size: 50px;
+ --smallest-padding-size: 32px;
+ --largest-padding-size: 64px;
+
+ padding-bottom: clamp(
+ var(--smallest-padding-size),
+ var(--scale),
+ var(--largest-padding-size)
+ );
+
+ font-size: clamp(
+ var(--smallest-font-size),
+ var(--scale),
+ var(--largest-font-size)
+ );
+}
+
+.teamWrapper {
+ transition-property: max-width;
+ transition: 300ms;
+ display: flex;
+ flex-wrap: wrap;
+ row-gap: 16px;
+ justify-content: center;
+ min-width: 320px;
+ margin: 0 auto;
+ padding-bottom: 72px;
+}
+
+div.headingContent {
+ text-align: center;
+ padding-bottom: 72px;
+}
+
+p.team {
+ max-width: 60ch;
+ margin: 0 auto;
+ padding: 0 16px 36px 16px;
+ font-size: 1.6rem;
+}
diff --git a/landing/team.react.js b/landing/team.react.js
--- a/landing/team.react.js
+++ b/landing/team.react.js
@@ -3,48 +3,71 @@
import * as React from 'react';
import { assetsCacheURLPrefix } from './asset-meta-data';
+import Button from './button.react.js';
import TeamProfile from './team-profile.react.js';
+import css from './team.css';
function Team(): React.Node {
+ const onRolesClick = React.useCallback(() => {
+ window.open(
+ 'https://www.notion.so/commapp/Comm-is-hiring-db097b0d63eb4695b32f8988c8e640fd',
+ '_blank',
+ );
+ }, []);
+
return (
- <div>
- <h2>Team</h2>
+ <div className={css.wrapper}>
+ <h2 className={css.header}>Team</h2>
+
<section>
- <TeamProfile
- name="Ashoat Tevosyan"
- role="Founder"
- githubHandle="ashoat"
- twitterHandle="ashoat"
- imageURL={`${assetsCacheURLPrefix}/ashoat.png`}
- />
- <TeamProfile
- name="atul"
- role="Software Engineer"
- githubHandle="atulsmadhugiri"
- twitterHandle="atuli0"
- imageURL={`${assetsCacheURLPrefix}/atul.jpeg`}
- />
- <TeamProfile
- name="Benjamin Schachter"
- role="Software Engineer"
- githubHandle="benschac"
- twitterHandle="benschac"
- imageURL={`${assetsCacheURLPrefix}/ben.png`}
- />
- <TeamProfile
- name="Varun Dhananjaya"
- role="Software Engineer"
- githubHandle="vdhanan"
- twitterHandle="_va_run"
- imageURL={`${assetsCacheURLPrefix}/varun.jpeg`}
- />
- <TeamProfile
- name="Max Kalashnikoff"
- role="Software Engineer"
- githubHandle="geekbrother"
- twitterHandle="GeekMaks"
- imageURL={`${assetsCacheURLPrefix}/max.jpeg`}
- />
+ <div className={css.headingContent}>
+ <p className={css.team}>
+ Comm is the keyserver company. Come join us and help build the
+ future of the decentralized web!
+ </p>
+ <Button onClick={onRolesClick}>Open Roles</Button>
+ </div>
+ <div className={css.teamWrapper}>
+ <TeamProfile
+ name="Ashoat Tevosyan"
+ role="Founder"
+ githubHandle="ashoat"
+ twitterHandle="ashoat"
+ imageURL={`${assetsCacheURLPrefix}/ashoat.png`}
+ />
+ <TeamProfile
+ name="atul"
+ role="Software Engineer"
+ githubHandle="atulsmadhugiri"
+ twitterHandle="atuli0"
+ imageURL={`${assetsCacheURLPrefix}/atul.jpeg`}
+ />
+ <TeamProfile
+ name="Benjamin Schachter"
+ role="Software Engineer"
+ githubHandle="benschac"
+ twitterHandle="benschac"
+ imageURL={`${assetsCacheURLPrefix}/ben.png`}
+ />
+ <TeamProfile
+ name="Varun Dhananjaya"
+ role="Software Engineer"
+ githubHandle="vdhanan"
+ twitterHandle="_va_run"
+ imageURL={`${assetsCacheURLPrefix}/varun.jpeg`}
+ />
+ <TeamProfile
+ name="Max Kalashnikoff"
+ role="Software Engineer"
+ githubHandle="geekbrother"
+ twitterHandle="GeekMaks"
+ imageURL={`${assetsCacheURLPrefix}/max.jpeg`}
+ />
+ </div>
+ </section>
+
+ <h2 className={css.header}>Team at Software Mansion</h2>
+ <section className={css.teamWrapper}>
<TeamProfile
name="Tomasz Pałys"
role="Software Engineer"

File Metadata

Mime Type
text/plain
Expires
Sun, Nov 17, 3:30 PM (21 h, 30 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2528924
Default Alt Text
D3658.diff (4 KB)

Event Timeline