Skip to content

Instantly share code, notes, and snippets.

Pushing Pixels

Patrick Burtchaell pburtchaell

Pushing Pixels
Block or report user

Report or block pburtchaell

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View example.js
const leftText = "Hello"
// using props.chilren
const Button = (props) => (
View rachel.html
<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>

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:/
View gist:da50cd43d69db25ac528
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() {
View 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;
View 💁.txt
var sleep, caffeineLvl;
if (caffeineLvl === 50) {
sleep = 'unlikely';
} else if (caffeineLvl === 100) {
sleep = false;
delete sleep;
pburtchaell /
Created Nov 26, 2014
I hereby claim I am pburtchaell on github and psb on keybase.

Keybase proof

I hereby claim:

  • I am pburtchaell on github.
  • I am psb ( on keybase.
  • I have a public key whose fingerprint is C6BF 5F05 B981 3781 BE97 B4C6 D50E 7235 1F77 3317

To claim this, I am signing this object:

pburtchaell / styles.css
Last active Aug 29, 2015
Pure CSS nav-toggle icon
View styles.css
html {
font-size: 17px;
@base: 1rem;
.nav-toggle {
display: block;
position: relative;
pburtchaell / styles.css
Last active Oct 10, 2019
VH and VW units can cause issues on iOS devices. To overcome this, create media queries that target the width, height, and orientation of iOS devices.
View styles.css
* VH and VW units can cause issues on iOS devices:
* 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:
pburtchaell / error.txt
Created Aug 15, 2014
Handlebars AngularJS Pipe Error
View error.txt
Error: Parse error on line 12:
...>{{item.description | truncate }}</span>
at Object.parseError (/Users/patrick/repositories/site/node_modules/gulp-assemble/node_modules/assemble/node_modules/handlebars/dist/cjs/handlebars/compiler/parser.js:113:11)
at Object.parse (/Users/patrick/repositories/site/node_modules/gulp-assemble/node_modules/assemble/node_modules/handlebars/dist/cjs/handlebars/compiler/parser.js:165:22)
at HandlebarsEnvironment.parse (/Users/patrick/repositories/site/node_modules/gulp-assemble/node_modules/assemble/node_modules/handlebars/dist/cjs/handlebars/compiler/base.js:12:17)
at (/Users/patrick/repositories/site/node_modules/gulp-assemble/node_modules/assemble/lib/engines/handlebars/handlebars.js:138:33)
at /Users/patrick/repositories/site/nod
You can’t perform that action at this time.