Skip to content

Instantly share code, notes, and snippets.

View pburtchaell's full-sized avatar

Patrick Burtchaell pburtchaell

View GitHub Profile
import * as React from "react"
import { useState } from "react"
function CodeComponent(props) {
const [color, setColor] = useState("blue")
return (
<Frame
background={color}
onTap={() = > {
@pburtchaell
pburtchaell / TapEventOverrides.tsx
Last active August 24, 2022 08:38
Double tap & long press event overrides for Framer X
import { Data, Override } from "framer"
const state = Data({
doubleTapIndex: 0,
doubleTapTimer: setTimeout(null, null),
longPress: false,
longPressTimer: setTimeout(null, null),
})
export function doubleTap(): Override {
/**
* @public
* Returns all design components
* */
export default function useCanvas() {
let components = null
let canvas = null
try {
// @ts-ignore
// 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,
const leftText = "Hello"
// using props.chilren
const Button = (props) => (
<div>
{props.children}
</div>
)
<Button>
<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>

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:/
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
pburtchaell / materialDesignColors.less
Created June 26, 2015 16:50
materialDesignColors.less
@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;
@pburtchaell
pburtchaell / 💁.txt
Created December 26, 2014 09:07
🙅
var sleep, caffeineLvl;
if (caffeineLvl === 50) {
sleep = 'unlikely';
} else if (caffeineLvl === 100) {
sleep = false;
delete sleep;
}