rupl

#!/usr/bin/perl
                                                                           ;;;;;;
                                                                       ;;;;;;;;;;;
                                                                   ;;;;;;;;;;;;;;;
                                                                ;;;;;;;;;;;;;;;;;
                                                             ;;;;;;;;;;;;;;;;;;;
                                                           ;;;;;;;;;;;;;;;;;;;;
                                                         ;;;;;;;;;;;;;;;;;;;;;
                                     +$I=sub{+s+^+     ;;;;;;;      ;;;;;;;;;
                                  $"x$_[1]+gem;$/x$_#   ;;;;        ;;;;;;;;

rupl

.clip--hero {
  margin: 0 auto;

  .thumb {
    width: 100%;
  }

  // Leave room for title/desc on desktop.
  @include eq('desktop') {
    .thumb {

rupl

// Define a breakpoint. outputs a media query:
//
// @include breakpoint($wide) {
//   stuff
// }
//
// ... becomes ...
//
// @media (min-width: 502px) {
//   stuff

rupl

/**
 * @file
 *   Simulating user actions with CasperJS. This script explores the ability to
 *   use Casper for navigation just like a user would: clicking the page and
 *   entering text to submit a form. This script accompanies a blog post from
 *   Four Kitchens:
 *
 * @see http://fourword.fourkitchens.com/article/simulate-user-actions-casperjs
 */

rupl

/**
 * @file
 *   Gulpfile that controls frontend development tasks. Just the basics!
 * 
 * Installation: type `npm install` in your console.
 * Usage: type `gulp` in your console.
 */

/* jslint node: true */
'use strict';

rupl

/*
 * LilyPad tutorial: sensing (sensors)
 *
 * Reads data from a LilyPad light sensor module
 * and then sends that data to the computer
 * so that you can see the sensor values
 *
 * Original: http://web.media.mit.edu/~leah/LilyPad/08_sensors.html
 */

rupl

/**
 * @file
 *   Using CasperJS to run basic code tests on various libraries.
 */

// Define the suite of tests and give it the following properties:
// - Title, which shows up before any of the pass/fails.
// - Number of tests, must be changed as you add tests.
// - suite(), which contains all of your tests.
//

rupl

/**
 * @file
 *   Testing to see if Picturefill selects the right source at multiple
 *   viewport sizes.
 */

// Define the suite of tests and give it the following properties:
// - Title, which shows up before any of the pass/fails.
// - Number of tests, must be changed as you add tests.
// - suite(), which contains all of your tests.

rupl

gifify() {
  if [[ -n "$1" ]]; then
    if [[ $2 == '--good' ]]; then
      ffmpeg -i $1 -r 10 -vcodec png out-static-%05d.png
      time convert -verbose +dither -layers Optimize -resize 600x600\> out-static*.png  GIF:- | gifsicle --colors 128 --delay=5 --loop --optimize=3 --multifile - > $1.gif
      rm out-static*.png
    else
      ffmpeg -i $1 -s 600x400 -pix_fmt rgb24 -r 10 -f gif - | gifsicle --optimize=3 --delay=3 > $1.gif
    fi
  else

rupl

/**
 * @file
 *   Testing a demo of Drupal. The script will log in and check for various
 *   features in Drupal core. This demo was inspired by a similar script for
 *   a Wordpress site. The original script was written by Henrique Vicente.
 *
 * @see https://github.com/henvic/phantom-casper-simple-talk/blob/master/wordpress.js
 */

// Set up variables to visit a URL and log in.