haydenbleasel

#github
    .row.clearfix
            #canvas-container.hidden-xs
                canvas#repositories
                noscript Sorry, you need Javascript enabled to view this chart.

haydenbleasel

#dribbble
    .row.clearfix.hidden-xs
        noscript Sorry, you need Javascript enabled to view these Dribbble shots.
        .column-3
            p Simplicity, functionality and accessibility will always remain at the core of my philosphy. I like to combine aspects of print and graphic such as dynamic layouts and typographic flourishes with the principles of modern, minimalism.

haydenbleasel

const gulp = require('gulp'),
    sync = require('browser-sync').create(),
    del = require('del'),
    minimist = require('minimist')(process.argv.slice(2)),
    $ = require('gulp-load-plugins')(),
    info = require('./package.json'),
    header = '/*! Built with Catalyst. */',
    staticFiles = gulp.src([
        'test/source/**/*',
        '!test/source/**/*.html',

haydenbleasel

root = true

[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

haydenbleasel

$ ->

    # Create abc,def string
    Number::numberWithCommas =
    String::numberWithCommas = ->
        @toString().replace /\B(?=(\d{3})+(?!\d))/g, ','

    # Initial sound is empty
    sound = undefined

haydenbleasel

.gist {
    .gist-file {
        border: none !important;
        margin-bottom: 0 !important;
        .gist-data {
            border-bottom: 2px solid #7f8c8d !important;
            .line-numbers {
                border-right: 2px solid #7f8c8d !important;
                padding: 1em !important;
            }

haydenbleasel

// Sanitize a filename. Try 'df.34.%)sdfE$t5.HF.mp4'
var extension = fileName.split('.').slice(0).pop(),
  sanitized = filename.replace(extension, '').replace(/\W+/g, '') + "." + extension;

haydenbleasel

// Custom transform and opacity modifier for Stellar.js
$.stellar.positionProperty.transfade = {
  setPosition: function(element, newLeft, originalLeft, newTop, originalTop) {
    var distance = newTop - originalTop;
    var rate = $(window).height() / 5;
    element.css('transform', 'translate3d(0, ' + distance + 'px, 0').css('opacity', 1 - (distance / rate));
  }
};