Skip to content

Instantly share code, notes, and snippets.

Jon jonbjornn

  • Bay Area, CA
View GitHub Profile
@jonbjornn
jonbjornn / gist:a55c0e70a46219057b619bb472846cd7
Created May 17, 2017 — forked from mbrindley/gist:9980808
Litmus Email Analytics: Android Gmail stats
View gist:a55c0e70a46219057b619bb472846cd7
March 2014
==========
Android: 24373502
Total: 325723711
Android: 0.0748287618520962
Gmail: 34758335
View Webmail validation.html
<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 Nov 12, 2015
Helm ZSH Theme
View 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 Oct 16, 2015
Syntax highlighter for jekyll sites (using Pygments) tbat takes it's cues from the "80's Baby" theme
View syntax.css
/* 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 Sep 26, 2014
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// 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 Mar 11, 2014
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<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 Mar 11, 2014
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<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>
View dabblet.css
/**Button
* The first commented line is your dabblet’s title
*/
* {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
View Caffeine-Animation.markdown

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 Aug 29, 2015
Stitched CSS Effect
View StitchedCSS.markdown

Stitched CSS Effect

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

You can’t perform that action at this time.