Forked from Cole Townsend's Pen EadLYJ.
A Pen by Cole Townsend on CodePen.
Forked from Cole Townsend's Pen EadLYJ.
A Pen by Cole Townsend on CodePen.
@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 |
Using the required
hack
Forked from Alex Bergin's Pen Fancy Text Inputs.
Forked from Captain Anonymous's Pen Fancy Text Inputs.
A Pen by Cole Townsend on CodePen.
#------------------------------------------------------------------------ | |
# 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 |
A Pen by Cole Townsend on CodePen.
/* | |
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() { |
<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> |