aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-11 01:01:57 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-11 01:01:57 +0800
commit7226944dfda691f7f972370a4bd8c0a31e833397 (patch)
treedd4cd6ae35ef1e9d232f515cfea0934de9b93df3 /packages/website/ts
parent7aee687e6bd585e473f3f677b383db3d636bd129 (diff)
downloaddexon-sol-tools-7226944dfda691f7f972370a4bd8c0a31e833397.tar
dexon-sol-tools-7226944dfda691f7f972370a4bd8c0a31e833397.tar.gz
dexon-sol-tools-7226944dfda691f7f972370a4bd8c0a31e833397.tar.bz2
dexon-sol-tools-7226944dfda691f7f972370a4bd8c0a31e833397.tar.lz
dexon-sol-tools-7226944dfda691f7f972370a4bd8c0a31e833397.tar.xz
dexon-sol-tools-7226944dfda691f7f972370a4bd8c0a31e833397.tar.zst
dexon-sol-tools-7226944dfda691f7f972370a4bd8c0a31e833397.zip
Weightier headers, switches icons in mission page
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>