Skip to content

Instantly share code, notes, and snippets.

View jonbjornn's full-sized avatar
⛵

Jon jonbjornn

⛵
2 followers · 16 following
  • Bay Area, CA
View GitHub Profile
@jonbjornn
jonbjornn / gist:a55c0e70a46219057b619bb472846cd7
Created May 17, 2017 15:37 — forked from mbrindley/gist:9980808
Litmus Email Analytics: Android Gmail stats
March 2014
==========
Android: 24373502
Total: 325723711
Android: 0.0748287618520962
Gmail: 34758335
@jonbjornn
jonbjornn / Webmail validation.html
Created May 10, 2017 22:53
<script>
/**
* Do not remove this section; it allows our team to troubleshoot and track feature adoption.
* TS:0002-07-017
*/
lp.jQuery(function($) {
// Replace email_address with the actual ID of your form field.
@jonbjornn
jonbjornn / helm.zsh-theme
Last active November 12, 2015 21:32
Helm ZSH Theme
# vim:ft=zsh ts=2 sw=2 sts=2
#
#
# Created by Jon Bjornn based on agnoster's Theme
# https://gist.github.com/jonbjornn/829ecd40f8274b84497a
#
#
#
# # README
#
@jonbjornn
jonbjornn / syntax.css
Last active October 16, 2015 00:34
Syntax highlighter for jekyll sites (using Pygments) tbat takes it's cues from the "80's Baby" theme
/* Custom rules for word wrap and line numbers */
.highlight .lineno { color: #ccc; display:inline-block; padding-right: 2px;}
.highlight pre code { display: block; white-space: pre; overflow-x: auto; word-wrap: normal; }
/* Any indented lines have been changed from generic Github-style syntax highlighting. */
.highlight { background: #2e2e31; }
.highlight .n { color: #be9cff } /* Not sure what element this is */
.highlight .p { color: #ffffff } /* "Punctuation" I believe. According to Pygments documentation */
@jonbjornn
jonbjornn / SassMeister-input.scss
Created September 26, 2014 16:00
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
/*
This is a Global CSS document.
For message specific styles, please
preview the individual messages.
*/
@jonbjornn
jonbjornn / SassMeister-input-HTML.html
Created March 11, 2014 20:21
Generated by SassMeister.com.
<link href='http://fonts.googleapis.com/css?family=Cabin+Condensed:700' rel='stylesheet' type='text/css'>
<div class="loading wave">
Loading
</div>
<!-- For Firefox -->
<div class="loading loading-2 wave wave-2">
<div class="ff">For browsers that don't support background-clip:text:</div>
<div class="loading-2-text"></div>
@jonbjornn
jonbjornn / SassMeister-input-HTML.html
Created March 11, 2014 19:03
Generated by SassMeister.com.
<h1>Lorem ipsum dolor</h1>
<h2>Lorem ipsum dolor</h2>
<h3>Lorem ipsum dolor</h3>
<h4>Lorem ipsum dolor</h4>
<h5>Lorem ipsum dolor</h5>
<h6>Lorem ipsum dolor</h6>
<div>
<h1>Lorem ipsum dolor</h1>
<h2>Lorem ipsum dolor</h2>
@jonbjornn
jonbjornn / dabblet.css
Created March 6, 2014 16:09
Button
/**Button
* The first commented line is your dabblet’s title
*/
* {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
@jonbjornn
jonbjornn / Caffeine-Animation.markdown
Last active August 29, 2015 13:57 — forked from anonymous/Caffeine-Animation.markdown
Caffeine Molecule Animation

Caffeine Animation

HTML5 and JavaScript animation that shows the molecular structure of Caffeine. The double bonds in Caffeine are displayed by darkening the lines.

A Pen by Tomasz Foster on CodePen.

License.

@jonbjornn
jonbjornn / StitchedCSS.markdown
Last active August 29, 2015 13:56
Stitched CSS Effect

Stitched CSS Effect

Basic CSS Effect for a button or div, or whatever really.