cbfrance

group :sass, :all_on_start => true do
  guard 'livereload', :latency => '0.5', :host => '127.0.0.1',  :api_version => '2.0.9', :port => '35729', :apply_css_live => true  do
    watch(%r{\.(css|php|js)$})
  end

  guard :compass, configuration_file: './config.rb'
end

cbfrance

GRAY="\[\033[1;30m\]"
LIGHT_GRAY="\[\033[0;37m\]"
CYAN="\[\033[0;36m\]"
LIGHT_CYAN="\[\033[1;36m\]"
NO_COLOUR="\[\033[0m\]"

def colorprinter(ansi_code, content)
  puts ansi_code #Build an ansi code for the terminal
  puts content # output the content you want colorized

cbfrance

@import "../../compass-mixins/lib/animation/core";
@import "../../compass-mixins/lib/animation/animate/fading";
@import "../../compass-mixins/lib/animation/animate/rotating";
@import "../../compass-mixins/lib/animation/animate/bouncing";
@import "../../compass-mixins/lib/animation/animate/specials";
@import "../../compass-mixins/lib/animation/animate/lightspeed";
@import "../../compass-mixins/lib/animation/animate/attention-seekers";
@import "base";
@import "colors";
@import "definition-lists";

cbfrance

body.example-responsive-layout {
  @include animation("fade-in 2s");
  font-family: sans-serif;
  
  // Medium sizes
  @media all and (min-width: 800px) {
    @include columns(2);
  
    // Use this to break across all of them, like a footer
    .footer {

cbfrance

require "smartshot"

# see the capybara + poltergeist options listed at:
# https://github.com/teampoltergeist/poltergeist#taking-screenshots-with-some-extensions
fetcher = Smartshot::Screenshot.new(window_size: [1200, 900])
urls = ['meedan.com','meedan.checkdesk.org/en', 'meedan.checkdesk.org/ar']

urls.each do |u|
  fetcher.take_screenshot! url: "http://#{u}", output: "./screenshots/#{u}.png", sleep: 10, timeout: 30, full: false
end

cbfrance

<canvas style="background: red;" width="600px" height="600px"></canvas>
<script>
  var cx = document.querySelector("canvas").getContext("2d");
  function branch(length, angle, scale) { 
    cx.fillRect(0, 0, 1, length);
    if (length < 10) return; 
    cx.save();
    cx.translate(0, length);
    cx.rotate(-angle);
    branch(length * scale, angle, scale);

cbfrance

GET earthquake.radius
GET hurricane.deaths
GET hurricane.center
PUT situation:poor

cbfrance

div.nintey_percent_opacity {
  opacity: 0.9;
  -moz-opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90);
}

div.fifty_percent_opacity {
  opacity: 0.5;
  -moz-opacity: 0.5;

cbfrance

// Favorites
@import partials/base.sass
@import partials/colors.sass
@import blueprint/reset.sass
@import compass
@import compass/layout/sticky_footer.sass
@import blueprint/modules/grid.sass
@import blueprint

cbfrance

CmdUtils.CreateCommand({
  names: ["worldwidelexicon"],
  icon: "http://www.worldwidelexicon/favicon.ico",
  description: "Translates page fragments using the WWL translation memory.",
  help: "Select text and type 'translate with wwl'",
  author: {name: "Chris Blow", email: "cgblow@gmail.com"},
  license: "GPL",
  homepage: "http://worldwidelexicon.com/ubiquity",
  arguments: [{role: 'object', nountype: noun_arb_text}],
  preview: function preview(pblock, args) {