Skip to content

Instantly share code, notes, and snippets.

Making things.

Tom Leen tleen

Making things.
View GitHub Profile
tleen / gist:96004505138651b21e30d0e1170a5014
Created Apr 5, 2018
JavaScript reserved words in an array friendly format
View gist:96004505138651b21e30d0e1170a5014
"abstract", "boolean", "break", "byte", "case", "catch", "char", "class", "const", "continue", "debugger", "default", "delete", "do", "double", "else", "enum", "export", "extends", "false", "final", "finally", "float", "for", "function", "goto", "if", "implements", "import", "in", "instanceof", "int", "interface", "let", "long", "native", "new", "null", "package", "private", "protected", "public", "return", "short", "static", "super", "switch", "synchronized", "this", "throw", "throws", "transient", "true", "try", "typeof", "var", "void", "volatile", "while", "with"
View gist:ad674e9066089f198b0633e4cedc9968
### Keybase proof
I hereby claim:
* I am tleen on github.
* I am tleen ( on keybase.
* I have a public key ASAALO9O17-dJR4bZNAZtX1u3cIiRDoawu92fFVK8VEJ8wo
To claim this, I am signing this object:
tleen / html-email-button.html
Created Oct 17, 2016
html for mail buttons
View html-email-button.html
<div><!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="" style="height:36px;v-text-anchor:middle;width:150px;" arcsize="5%" strokecolor="#F7BE68" fillcolor="#F7BE68">
<center style="color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:16px;">I am a button &rarr;</center>
<![endif]--><a href="" style="background-color:#F7BE68;border:1px solid #F7BE68;border-radius:3px;color:#000;display:inline-block;font-family:sans-serif;font-size:16px;line-height:44px;text-align:center;text-decoration:none;width:150px;-webkit-text-size-adjust:none;mso-hide:all;">Use this button</a></div>
tleen / schemes.json
Created Aug 22, 2016
Popular colorschemer schemes in json
View schemes.json
"name": "oceanside",
"source": "",
"colors": ["99CC66", "E5F2D9", "F1F7D4", "D9EEF2", "66B9CC"]
"name": "splash",
"source": "",
"colors": ["3399CC", "70B7DB", "FF9B00","FFBA4F", "FFFF92", "555555"]
tleen / social.scss
Created May 10, 2016
scss social media list
View social.scss
$social-media-colors: facebook #3b5998, instagram #517fa4, twitter #00aced, tumblr #32506d, youtube #bb0000, linkedin #007bb6;
@each $pair in $social-media-colors {
$key: nth($pair, 1);
$value: nth($pair, 2);
color: $value;
View gist:2ea9e563195d64a191fc601a86401e7a
/* SASS / Social Media Brand Colors */
// via -
$twitter: #00aced;
$facebook: #3b5998;
$googleplus: #dd4b39;
$pinterest: #cb2027;
$linkedin: #007bb6;
$youtube: #bb0000;
$vimeo: #aad450;
tleen / short-google-url-regex.js
Created Apr 8, 2016
Google url shorterner output Regex (javascript)
View short-google-url-regex.js
tleen / marvel-api-client.js
Created Mar 12, 2016
Example call to the Marvel API from js client (w/ JQuery)
View marvel-api-client.js
// you will also have to setup the referring domains on your marvel developer portal
var PRIV_KEY = "this-should-be-a-long-hash";
var PUBLIC_KEY = "so-should-this";
function getMarvelResponse() {
// you need a new ts every request
var ts = new Date().getTime();
var hash = CryptoJS.MD5(ts + PRIV_KEY + PUBLIC_KEY).toString();
tleen / gist:3c8fb99ad5873d8af549
Created Oct 18, 2015
AWS EC2 instance info url
View gist:3c8fb99ad5873d8af549
View gist:ea661ecdfa904f26324b
var images_to_captions = {
"pic1.jpg" : "This is pic one",
"pic2.jpg" : "second pic is here",
"pic3.jpg" : "blargh",
$.BgSwitcher.defineEffect("fadeAndSwitchText", function($el) {
$el.animate({opacity: 0}, this.config.duration, this.config.easing, function(){
// new slide so switch text here
var currentimage = '?';// get this from the css or the context or something