Skip to content

Instantly share code, notes, and snippets.

View ColeTownsend's full-sized avatar

Cole Townsend ColeTownsend

View GitHub Profile
@mixin bg-color($color, $darken) {
// local variables
$background-color: darken($color, $darken);
$lightness: lightness($background-color);
// calculate text color variable
@if $lightness < 50 {
$text-color: lighten($background-color, 15);
$background-color: desaturate($background-color, 7);
background: $background-color;
# Install native apps
# Usage: `./cask-install.sh`
brew install caskroom/cask/brew-cask
brew tap caskroom/versions
brew cask install github
brew cask install dropbox
brew cask install slack
brew cask install google-chrome
@ColeTownsend
ColeTownsend / Fancy-Text-Inputs.markdown
Created October 31, 2014 00:58
A Pen by Cole Townsend.

Facebook Paper Hamburger Menu

Title of this pen also found under “things you’d never have heard 10 years ago.”

A Pen forked by Cole Townsend on CodePen.

License.

#------------------------------------------------------------------------
# encoding: utf-8
# @(#)product_generator.rb 1.00 29-Nov-2011 16:38
#
# Copyright (c) 2011 Jim Pravetz. All Rights Reserved.
# Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
#
# Description: A generator that creates product, products and
# ingredients pages for jekyll sites. Uses a JSON data
# file as the database file from which to read and
@ColeTownsend
ColeTownsend / Dot-Copy.markdown
Created October 7, 2013 01:11
A Pen by Cole Townsend.
/*
This widget shows Recent Posts on your Tumblr blog.
Its dependency is jQuery.
Usage:
1) Add html:
<div id="recent-posts"></div>
2) Add code into the <head>:
$(function() {
var url = '/rss';
var $list = $('#recent-posts');
$.ajax({
url: url,
type: 'GET',
dataType: 'xml',
success: function(data) {
var $items = $(data).find('item');
$items.each( function() {
@ColeTownsend
ColeTownsend / index.html
Created March 24, 2013 04:27
A CodePen by Cole Townsend.
<div class="container">
<a href="https://twitter.com/share" class="twitter-share-button tweet" data-text="{PostTitle} - {PostSummary}" data-via="{Text:Twitter Username}" data-hashtags="#{BlogName}">
<span class="count">0</span>
<span class="message">Tweet</span>
</a>
</div>