andrewliebchen

import React, {Component} from 'react';
import './App.css';

const cards = ['Card 1', 'Card 2', 'Card 3'];

const Card = props => (
  <div
    onClick={props.handleClick}
    className="Card"
    style={{transform: props.selected && 'scale(1.5)'}}>

andrewliebchen

class BoundsLayer extends Layer
	constructor: (props) ->		
		super props
				
		@_origin = @convertPointToScreen({x: 0, y: 0})
		
		@background = new Layer
			parent: @
			size: Screen.size
			x: -@_origin.x

andrewliebchen

{ yoga } = require "npm"

root = yoga.Node.create()
root.setWidth(Screen.width)
root.setHeight(Screen.height)
root.setPadding(yoga.EDGE_ALL, 20)
root.setDisplay(yoga.DISPLAY_FLEX)
root.setFlexDirection(yoga.FLEX_DIRECTION_ROW)

childA = new Layer

andrewliebchen

{ yoga } = require "npm"

# Establish a root node
root = yoga.Node.create()
root.setWidth(Screen.width)
root.setHeight(Screen.height)
root.setPadding(yoga.EDGE_ALL, 20)
root.setDisplay(yoga.DISPLAY_FLEX)
root.setFlexDirection(yoga.FLEX_DIRECTION_ROW)

andrewliebchen

class Router extends FlowComponent
	constructor: (props) ->
		@_props = props || {}
		
		super _.defaults props,
			name: 'Provider'

	@define 'current',
		get: -> @_props.current
		set: (current) ->

andrewliebchen

EE = new Framer.EventEmitter

box = new Layer
	x: Align.center
	y: Align.center
	backgroundColor: 'blue'
	
EE.on box, (update) ->
	box.props = update
	

andrewliebchen

{ color } = require 'fk-color'

Framer.Device.customize
	screenWidth: 1439
	screenHeight: 1023
	
Framer.Defaults.Animation =
	curve: 'spring(600, 40, 0)'

Canvas.backgroundColor = color 'light30'

andrewliebchen

colors = [
	'red'
	'blue'
	'yellow'
]

checks = []
samples = []

for color, i in colors

andrewliebchen

c =
	background: '#f0f0f0'
	foreground: 'blue'
	start: 10
	end: 90
	strokeWidth: 10
	speed: 50
	size: 100

circle = new Layer

andrewliebchen

InputModule = require 'input'

# Data
p =
	fontSize: 24
	lineHeight: 36
	bubbleColor: 
		left: '#4080FF'
		right: '#ccc'
	padding: 20