landing done-ish.

This commit is contained in:
41666 2019-03-18 21:25:36 -05:00
parent 6413d7c642
commit 0cd8409199
9 changed files with 194 additions and 47 deletions

View file

@ -1,12 +1,16 @@
// @flow
import * as React from 'react'
// import styled from 'styled-components'
import styled from 'styled-components'
import Role from '../role/demo'
const roles = [
'cute', 'vanity', 'brave', 'proud', 'wonderful', '日本語'
]
export default () => <div>
const DemoWrapper = styled.div`
text-align: center;
`
export default () => <DemoWrapper>
{ roles.map((v, i) => <Role key={i} role={{ name: `a ${v} role ♡`, color: `hsl(${(360 / roles.length) * i},40%,70%)` }} />) }
</div>
</DemoWrapper>