aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-06-11 10:35:30 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-06-13 01:41:08 +0800
commitb7bb27fa2135aa87a91667639920eb0c2db4cb85 (patch)
tree5e47bfac031e95c8fcced3bb4ef6852ffbf87c83 /packages/website/ts
parent087aaa2f948391da70a4d5b53b8e7e301288ab5f (diff)
downloaddexon-sol-tools-b7bb27fa2135aa87a91667639920eb0c2db4cb85.tar
dexon-sol-tools-b7bb27fa2135aa87a91667639920eb0c2db4cb85.tar.gz
dexon-sol-tools-b7bb27fa2135aa87a91667639920eb0c2db4cb85.tar.bz2
dexon-sol-tools-b7bb27fa2135aa87a91667639920eb0c2db4cb85.tar.lz
dexon-sol-tools-b7bb27fa2135aa87a91667639920eb0c2db4cb85.tar.xz
dexon-sol-tools-b7bb27fa2135aa87a91667639920eb0c2db4cb85.tar.zst
dexon-sol-tools-b7bb27fa2135aa87a91667639920eb0c2db4cb85.zip
Rework values section
Diffstat (limited to 'packages/website/ts')
-rw-r--r--packages/website/ts/pages/jobs/bulleted_item.tsx4
-rw-r--r--packages/website/ts/pages/jobs/values.tsx53
2 files changed, 13 insertions, 44 deletions
diff --git a/packages/website/ts/pages/jobs/bulleted_item.tsx b/packages/website/ts/pages/jobs/bulleted_item.tsx
index ae7385b90..9dc4fe4a3 100644
--- a/packages/website/ts/pages/jobs/bulleted_item.tsx
+++ b/packages/website/ts/pages/jobs/bulleted_item.tsx
@@ -7,9 +7,9 @@ export interface BulletedItemProps {
height?: number;
}
export const BulletedItem = (props: BulletedItemProps) => {
- const height = props.height || 150;
+ const minHeight = props.height || 150;
return (
- <div className="flex" style={{ height }}>
+ <div className="flex" style={{ minHeight }}>
<svg className="flex-none px2" height="26" width="26">
<circle cx="13" cy="13" r="13" fill={props.bulletColor} />
</svg>
diff --git a/packages/website/ts/pages/jobs/values.tsx b/packages/website/ts/pages/jobs/values.tsx
index 805400583..9bb98d016 100644
--- a/packages/website/ts/pages/jobs/values.tsx
+++ b/packages/website/ts/pages/jobs/values.tsx
@@ -4,65 +4,34 @@ import * as React from 'react';
import { BulletedItem, BulletedItemProps } from 'ts/pages/jobs/bulleted_item';
-const ITEMS_COLUMN1: BulletedItemProps[] = [
+const BULLETED_ITEMS: BulletedItemProps[] = [
{
bulletColor: '#6FCF97',
title: 'Ethics/Doing the right thing',
- description:
- 'orem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante vitae lacus condimentum auctor nec ut elit.',
+ description: 'orem ipsum dolor sit amet, consectetur adipiscing elit.',
},
{
bulletColor: '#56CCF2',
- title: 'Clear communication',
- description:
- 'orem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante vitae lacus condimentum auctor nec ut elit.',
+ title: 'Consistently ship',
+ description: 'orem ipsum dolor sit amet, consectetur adipiscing elit.',
},
{
bulletColor: '#EB5757',
- title: 'Grow the whole pie',
- description:
- 'orem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante vitae lacus condimentum auctor nec ut elit.',
- },
-];
-const ITEMS_COLUMN2: BulletedItemProps[] = [
- {
- bulletColor: '#F2994A',
- title: 'Crypto-Economic Technology',
- description:
- 'orem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante vitae lacus condimentum auctor nec ut elit.',
- },
- {
- bulletColor: '#E0E0E0',
- title: 'Transparency',
- description:
- 'orem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante vitae lacus condimentum auctor nec ut elit.',
- },
- {
- bulletColor: '#F2C94C',
- title: 'Positive Energy',
- description:
- 'orem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante vitae lacus condimentum auctor nec ut elit.',
+ title: 'Focus on long term impact',
+ description: 'orem ipsum dolor sit amet, consectetur adipiscing elit.',
},
];
export const Values = () => {
const isSmallScreen = false;
return (
- <div className="clearfix lg-py4 md-py4 sm-pb4 sm-pt2" style={{ backgroundColor: colors.white }}>
+ <div className="clearfix" style={{ backgroundColor: colors.white }}>
<div className="mx-auto max-width-4 clearfix">
- <div className="col lg-col-6 md-col-6 col-12 p2">
- {_.map(ITEMS_COLUMN1, bulletedItemProps => {
- return (
- <BulletedItem
- bulletColor={bulletedItemProps.bulletColor}
- title={bulletedItemProps.title}
- description={bulletedItemProps.description}
- />
- );
- })}
+ <div className="h2 lg-py4 md-py4 sm-py3" style={{ paddingLeft: 90, fontFamily: 'Roboto Mono' }}>
+ Our Values
</div>
- <div className="col lg-col-6 md-col-6 col-12 p2">
- {_.map(ITEMS_COLUMN2, bulletedItemProps => {
+ <div className="col col-12 px2">
+ {_.map(BULLETED_ITEMS, bulletedItemProps => {
return (
<BulletedItem
bulletColor={bulletedItemProps.bulletColor}