Skip to content

Instantly share code, notes, and snippets.

View iamnbutler's full-sized avatar

Nate Butler iamnbutler

View GitHub Profile
@iamnbutler
iamnbutler / gpui-app-extension.rs
Last active April 20, 2025 18:40
GPUI App extension example
//! # GPUI App extension example
//!
//! Add gpui to your Cargo.toml:
//! gpui = { git = "https://github.com/zed-industries/zed", rev = "c04c5812b6295ab683fbf1900499330cbc2b3058"}
use gpui::{
bounds, div, hsla, point, px, size, App, AppContext as _, Application, Context, FocusHandle,
Global, Hsla, IntoElement, Menu, ParentElement as _, Render, Styled as _, TitlebarOptions,
Window, WindowBounds, WindowOptions,
};
use gpui::SharedString;
#[allow(unused)]
use gpui::{div, IntoElement, ParentElement, RenderOnce, Styled, WindowContext};
use serde::{Deserialize, Serialize};
const GRID_WIDTH: usize = 10;
const GRID_HEIGHT: usize = 20;
#[derive(Clone, Copy, Serialize, Deserialize)]
pub struct Block {
@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);
}