From 7226944dfda691f7f972370a4bd8c0a31e833397 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Mon, 10 Dec 2018 18:01:57 +0100
Subject: Weightier headers, switches icons in mission page

---
 packages/website/ts/@next/components/text.tsx     |  2 +-
 packages/website/ts/@next/pages/about/mission.tsx | 11 ++++-------
 2 files changed, 5 insertions(+), 8 deletions(-)

(limited to 'packages/website')

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>
-- 
cgit v1.2.3