Skip to content

Commit

Permalink
[cw|#63] add new bot pals
Browse files Browse the repository at this point in the history
  • Loading branch information
connorwalsh committed Nov 30, 2018
1 parent 5d69ce2 commit 0764218
Show file tree
Hide file tree
Showing 4 changed files with 168 additions and 0 deletions.
47 changes: 47 additions & 0 deletions client/src/components/ascii/chip.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
import React from 'react';
import {get, map, range} from 'lodash'
import {Animation} from './animate'


export const Chip = (props) => {
const TALKING = 'talking'

const defaults = {
action: TALKING
}

const config = {
...defaults,
...props,
}

const actionFrames = {
[TALKING]: getTalkingFrames(),
}

return (
<Animation
frames={get(actionFrames, config.action)}
size={'x-large'}
speed={1}
{...config}
/>
)
}

const getTalkingFrames = () =>
([String.raw`
_______
╼‖ |╾
╼‖ |╾
╼‖ ◒ ◡ ◒ |╾
╼‖ |╾
╼‖_______|╾`,
String.raw`
_______
╼‖ |╾
╼‖ |╾
╼‖ ◒ ▾ ◒ |╾
╼‖ |╾
╼‖_______|╾`,
])
55 changes: 55 additions & 0 deletions client/src/components/ascii/floppy.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
import React from 'react';
import {get, map, range} from 'lodash'
import {Animation} from './animate'


export const Floppy = (props) => {
const TALKING = 'talking'

const defaults = {
action: TALKING
}

const config = {
...defaults,
...props,
}

const actionFrames = {
[TALKING]: getTalkingFrames(),
}

return (
<Animation
frames={get(actionFrames, config.action)}
size={'x-large'}
speed={1}
{...config}
/>
)
}

const getTalkingFrames = () =>
([String.raw`
_____________
/ ___________ |
/ /# #########||
||## #########||
| ============ |
|| ||
|| >◠ ◠< ||
|| ▼ ||
|| ||
-============-`,
String.raw`
_____________
/ ___________ |
/ /# #########||
||## #########||
| ============ |
|| ||
|| >◠ ◠< ||
|| - ||
|| ||
-============-`,
])
59 changes: 59 additions & 0 deletions client/src/components/ascii/phone.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
import React from 'react';
import {get, map, range} from 'lodash'
import {Animation} from './animate'


export const Phone = (props) => {
const TALKING = 'talking'

const defaults = {
action: TALKING
}

const config = {
...defaults,
...props,
}

const actionFrames = {
[TALKING]: getTalkingFrames(),
}

return (
<Animation
frames={get(actionFrames, config.action)}
size={'x-large'}
speed={1}
{...config}
/>
)
}

const getTalkingFrames = () =>
([String.raw`
_________
/####-####\\
| ||
| ||
| ||
| ● ‿ ● ||
| ||
| ||
| ||
| ||
\####◯####//
▔▔▔▔▔▔▔▔▔`,
String.raw`
_________
/####-####\\
| ||
| ||
| ||
| ^ ‿ ^ ||
| ||
| ||
| ||
| ||
\####◯####//
▔▔▔▔▔▔▔▔▔`,
])
7 changes: 7 additions & 0 deletions client/src/components/tutorial/index.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
import React from 'react'
import {Mainframe} from '../ascii/mainframe'
import {Chip} from '../ascii/chip'
import {Floppy} from '../ascii/floppy'
import {Phone} from '../ascii/phone'
import '../home/index.css'


Expand All @@ -25,6 +28,7 @@ export const Tutorial = props => {
textShadow: '2px 2px #ffb2e4',
}
const comicStyle = {
display: 'flex',
lineHeight: 'normal',
fontWeight: 'normal',
textShadow: 'none',
Expand All @@ -38,6 +42,9 @@ export const Tutorial = props => {
<div className={'tutorial-content'} style={contentStyle}>
<div style={comicStyle}>
<Mainframe size={'medium'}/>
<Chip/>
<Floppy/>
<Phone/>
</div>
</div>
</div>
Expand Down

0 comments on commit 0764218

Please sign in to comment.