mirror of
https://github.com/roleypoly/roleypoly-v1.git
synced 2025-06-17 10:39:09 +00:00
landing done-ish.
This commit is contained in:
parent
6413d7c642
commit
0cd8409199
9 changed files with 194 additions and 47 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue