pburtchaell

/**
 * VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
 * 
 * To overcome this, create media queries that target the width, height, and orientation of iOS devices. 
 * It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing 
 * the height of element `.foo` —which is a full width and height cover image.
 *
 * iOS Resolution Quick Reference: http://www.iosres.com/
 */
 

pburtchaell

import { Data, Override } from "framer"

const state = Data({
    doubleTapIndex: 0,
    doubleTapTimer: setTimeout(null, null),
    longPress: false,
    longPressTimer: setTimeout(null, null),
})

export function doubleTap(): Override {

pburtchaell

import * as React from "react"
import { useState } from "react"

function CodeComponent(props) {
  const [color, setColor] = useState("blue")

  return (
    <Frame
      background={color}
      onTap={() = > {

pburtchaell

/**
 * @public
 * Returns all design components
 * */
export default function useCanvas() {
    let components = null
    let canvas = null

    try {
        // @ts-ignore

pburtchaell

// Gets all design components exported from the canvas
export default function useDesignComponents() {  
  let canvas = require('../canvas.tsx')

  let components = []

  for (const key in canvas) {
    if (!key.endsWith('__')) {
      components = [...components, {
        key: key,

pburtchaell

const leftText = "Hello"

// using props.chilren
const Button = (props) => (
  <div>
   {props.children}
  </div>
)

<Button>

pburtchaell

<form>
  <input type="radio" id="answer-1" value="answer-1">
  <label for="answer-1">My answer 1</label>
  
  <input type="radio" id="answer-2" value="answer-2">
  <label for="answer-2">My answer 2</label>
</form>

pburtchaell

If you are looking to help, here are some resources:

• Muslims for Humanity, a non-profit organization, is looking for volunteers. View their sign-up form if you can offer your time and energy, particularly after the waters have receded and the families affected need help cleaning up. If you can donate funds to the cause, go here —make sure you designate it to Disaster Relief Services and choose either Baton Rouge, LA or Louisiana Floods. You will find that there are many organizations asking for donations. When you can, give locally.
• You can drop off clothing and other supplies (like non-perishable foods and small-packaged toiletries) at several different locations in New Orleans and Louisiana, including the Dirty Coast on Magazine Street and United Way located at 2515 St. Charles Ave. A bigger list of locations and organizations-in-need can be found [here](http:/

pburtchaell

import React from 'react';
import AuthStore from '../stores/AuthStore';
import AuthActions from '../actions/AuthActions';
import connectToStores from 'flummox/connect';

class SignIn extends React.Component {

  constructor() {
    debugger;
    super();

pburtchaell

@color-primary-200: #fd2166;
@color-primary-400: #EC175A;
@color-primary-600: #c4134b;
@color-primary-900: #9a103c;
@color-secondary-200: #485C72;
@color-secondary-400: #485C72;
@color-red-200: #FFAB91;
@color-red-400: #FF7043;
@color-red-600: #F4511E;
@color-red-900: #BF360C;