gandhiShepard

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

gandhiShepard

<section id="archive">
  <h3>This year's posts</h3>
  {%for post in site.posts %}
    {% unless post.next %}
      <ul class="this">
    {% else %}
      {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
      {% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
      {% if year != nyear %}
        </ul>

gandhiShepard

Semantic Versioning 2.0.0

Summary

Given a version number MAJOR.MINOR.PATCH, increment the:

1. MAJOR version when you make incompatible API changes,
2. MINOR version when you add functionality in a backwards-compatible manner, and
3. PATCH version when you make backwards-compatible bug fixes.

gandhiShepard

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
$sans-serifs: "Helvetica Neue", Helvetica, Arial, sans-serif;
.pseudo {
  content: '';
  display: block;
  position: absolute;
}

body {
  color: #333;

gandhiShepard

// ----
// Sass (v3.4.3)
// Compass (v1.0.1)
// ----

// Function needed for the mixin
// Thanks Hugo! http://hugogiraudel.com/2013/08/08/advanced-sass-list-functions
@function remove-list-items($list, $value) {
    $result: ();

gandhiShepard

<div class="contain">
  <div id="ponyo">
    <h1>@include centerEl;</h1>
    <p>With this SCSS mixin you'll be able to horizontally AND vertically center blocks of text dynamically, with ease</p>
  </div>
</div>

<div class="contain">
  <div id="billmurray">
    <p>To use it, just <code>@include centerEl</code></p>

gandhiShepard

<p>lorem</p>

gandhiShepard

// Load plugins
var gulp = require('gulp'),
	plugins = require('gulp-load-plugins')({ camelize: true }),
	lr = require('tiny-lr'),
	server = lr();

// Styles
gulp.task('styles', function() {
  return gulp.src('assets/styles/source/*.scss')
	.pipe(plugins.rubySass({ style: 'expanded', compass: true }))

gandhiShepard

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

// Sass maps
// Map font weights for consistant usage across different fonts

$sans: (
  face: 'source sans pro',

gandhiShepard

doctype html
html
  head
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1')
    title Post Process

    link(rel='stylesheet', type='text/css', href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900,900italic,700italic,400italic,100italic')
    link(rel='stylesheet', type='text/css', href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700')
    link(rel='stylesheet', type='text/css', href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700')