diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 01:01:57 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 01:01:57 +0800 |
| commit | 7226944dfda691f7f972370a4bd8c0a31e833397 (patch) | |
| tree | dd4cd6ae35ef1e9d232f515cfea0934de9b93df3 | |
| parent | 7aee687e6bd585e473f3f677b383db3d636bd129 (diff) | |
| download | dexon-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
| -rw-r--r-- | packages/website/ts/@next/components/text.tsx | 2 | ||||
| -rw-r--r-- | packages/website/ts/@next/pages/about/mission.tsx | 11 |
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> |