aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts')
-rw-r--r--packages/website/ts/@next/components/text.tsx2
-rw-r--r--packages/website/ts/@next/pages/about/mission.tsx11
2 files changed, 5 insertions, 8 deletions
diff --git a/packages/website/ts/@next/components/text.tsx b/packages/website/ts/@next/components/text.tsx
index a434c325f..74bf58701 100644
--- a/packages/website/ts/@next/components/text.tsx
+++ b/packages/website/ts/@next/components/text.tsx
@@ -28,7 +28,7 @@ const StyledHeading = styled.h1<HeadingProps>`
line-height: ${props => `var(--${props.size || 'default'}HeadingHeight)`};
margin-bottom: ${props => !props.isNoMargin && (props.marginBottom || '30px')};
text-align: ${props => props.isCentered && 'center'};
- font-weight: 300;
+ font-weight: 400;
margin-left: ${props => props.isCentered && 'auto'};
margin-right: ${props => props.isCentered && 'auto'};
`;
diff --git a/packages/website/ts/@next/pages/about/mission.tsx b/packages/website/ts/@next/pages/about/mission.tsx
index 11177d462..4a86aab4f 100644
--- a/packages/website/ts/@next/pages/about/mission.tsx
+++ b/packages/website/ts/@next/pages/about/mission.tsx
@@ -3,6 +3,7 @@ import { Link as ReactRouterLink } from 'react-router-dom';
import styled from 'styled-components';
import { ChapterLink } from 'ts/@next/components/chapter_link';
+import { Icon } from 'ts/@next/components/icon';
import { Image } from 'ts/@next/components/image';
import { Column, Section, Wrap } from 'ts/@next/components/layout';
import { Link } from 'ts/@next/components/link';
@@ -10,10 +11,6 @@ import { Separator } from 'ts/@next/components/separator';
import { SiteWrap } from 'ts/@next/components/siteWrap';
import { Heading, Paragraph } from 'ts/@next/components/text';
-import ConsistentlyShipIcon from 'ts/@next/icons/illustrations/consistently-ship.svg';
-import LongTermImpactIcon from 'ts/@next/icons/illustrations/long-term-impact.svg';
-import RightThingIcon from 'ts/@next/icons/illustrations/right-thing.svg';
-
export const NextAboutMission = () => (
<SiteWrap theme="light">
<Section>
@@ -47,7 +44,7 @@ export const NextAboutMission = () => (
<Column colWidth="2/3">
<Wrap>
<Column colWidth="1/3">
- <RightThingIcon width="100" />
+ <Icon name="right-thing" size={100} />
</Column>
<Column colWidth="2/3">
<Heading>Do The Right Thing</Heading>
@@ -57,7 +54,7 @@ export const NextAboutMission = () => (
<Separator/>
<Wrap>
<Column colWidth="1/3">
- <ConsistentlyShipIcon width="100" />
+ <Icon name="consistently-ship" size={100} />
</Column>
<Column colWidth="2/3">
<Heading>Consistently Ship</Heading>
@@ -67,7 +64,7 @@ export const NextAboutMission = () => (
<Separator/>
<Wrap>
<Column colWidth="1/3">
- <LongTermImpactIcon width="100" />
+ <Icon name="long-term-impact" size={100} />
</Column>
<Column colWidth="2/3">
<Heading>Focus on long-term Impact</Heading>