Skip to content

Instantly share code, notes, and snippets.

View iamnbutler's full-sized avatar

Nate Butler iamnbutler

View GitHub Profile
@iamnbutler
iamnbutler / radix-color-scale.tailwind.config.ts
Last active September 1, 2023 16:18
A quick lil function to add a radix color scale to your tailwind config
import type { Config } from 'tailwindcss';
const radix_color_scale = (colorName: string) => {
return {
DEFAULT: `var(--${colorName}-9)`,
a1: `var(--${colorName}-a1)`,
a2: `var(--${colorName}-a2)`,
a3: `var(--${colorName}-a3)`,
a4: `var(--${colorName}-a4)`,
a5: `var(--${colorName}-a5)`,
@iamnbutler
iamnbutler / tailwind-dynamic-font-sizes.tailwind.config.ts
Last active April 3, 2024 13:07
Dynamic Font Sizes for TailwindCSS
import tailwindTypography from '@tailwindcss/typography';
import { Config } from 'tailwindcss';
import typography from './typography';
const fontKeys = {
xs: 'xs',
sm: 'sm',
base: 'base',
lg: 'lg',
// I spent forever trying to figure this out so I thought
// I'd just post this here in case someone else stumbles across it.
// If 'record' is your record object ("records.forEach(function (record)")
// You can access a field by using record.fields.YOUR_FIELD_NAME
// This example is me creating YAML frontmatter using fields from my Base.
const p = record.fields;
let frontMatter = {
@iamnbutler
iamnbutler / sublime.txt
Created May 19, 2016 17:12
sublime_prefs_05_19_16
{
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
"font_size": 18,
"highlight_modified_tabs": true,
"ignored_packages":
[
"CodeKit",
"CodeKit Commands",
"Vintage"
],
@iamnbutler
iamnbutler / controller.ino
Created February 20, 2016 19:39
Old Explorer Code
/* Cranebot Controller */
#include <Servo.h>
Servo panServo; // create servo object to control a servo
Servo tiltServo; // create servo object to control a servo
int potpin = 0; // analog pin used to connect the potentiometer
int pan; // variable to read the value from the analog pin
int tilt; // variable to read the value from the analog pin
@iamnbutler
iamnbutler / parallax.js
Created January 26, 2016 04:13
parallax.js
// Uncomment if using jQuery
// $(document).ready(function(){ });
// $.scrollTo(...) ScrollTo example
// ==
// Parallax Code
// ==
var lastPosition = -1,
@iamnbutler
iamnbutler / tempArduino1
Created November 19, 2015 23:47
tempArduino1
// Vars
// LED Variables
const int rotateLED1 = 13,
rotateLED2 = 12,
rotateLED3 = 11,
rotateLED4 = 10,
startLED = 9;
// Button Variables
const int analogInPin = A0; // Analog input pin that the potentiometer is attached to
const int analogOutPin = 13; // Analog output pin that the LED is attached to
int sensorValue = 0; // value read from the pot
int outputValue = 0; // value output to the PWM (analog out)
void setup() {
// initialize serial communications at 9600 bps:
Serial.begin(9600);
}

Experience Team

Project Lead: Michelle Lee

Project Members: Kevin Ng, Ramis Hassan, Erica Sokol, Taylor Emmerson

Project Description: The experience team works closely with the Frontend Design team to ensure that all the products we build are exciting and delightful to use. Experience team will make the hard decisions about what needs to be cut in terms of features when products feel bloated. They will be focused on design and UX decisions, and work closely with the Frontend Design team to create the forward-facing portion of all products.


Frontend Design / UI Team

@iamnbutler
iamnbutler / timer.ino
Created October 8, 2015 06:28
Arduino Timer with Time Selector
// include url: http://www.forward.com.au/pfod/ArduinoProgramming/elapsedMillis.zip
#include <elapsedMillis.h>
// Init Hardware
int led[] = {8,9,10,11,12,13}; // Progress LEDs
int startBtn = 7; // Start btn
int resetBtn = 5; // Reset btn
int flip = 6; // Turn system off/on
int dial = 2; // Dial to set time
// Loop variables