You start with this:
And must end up with this:
# As of right now, it will only work with a rdio-cli build from https://github.com/EtienneLem/rdio-cli/tree/commands-list | |
# Rdio completions | |
rdio_commands=(`rdio commands`) | |
compctl -k rdio_commands rdio |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<style> | |
* { | |
margin: 0; padding: 0; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; |
require 'uri' | |
address = '335 Rue Saint-Joseph Est, Quebec City, QC' | |
marker_color = '4fc27d' | |
args = { | |
markers: "color:0x#{marker_color}|#{address}", | |
size: '640x330', | |
zoom: 14, | |
language: 'en', |
doThis = (deferrer) -> | |
# do some JS nifty things | |
deferrer.done('foo', 'bar') | |
doThat = (deferrer) -> | |
# Have callbacks/timeouts/async? Sure! | |
setTimeout -> | |
deferrer.done('foozle', 'barzle') | |
, 5000 |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Modular DOMReady</title> | |
</head> | |
<body> | |
<header></header> | |
<section role="main"> |
def javascript_content(file_name) | |
Rails.application.assets[file_name].source.html_safe | |
end |
// Works with Zepto/jQuery | |
$.fn.one_for_all = function(type, callback) { | |
var $all = $(this) | |
$all.on(type, function(e) { | |
$all.off(type) | |
callback(e) | |
}) | |
} |
// Works with Zepto/jQuery | |
$.fn.add_at_index = function(content, index) { | |
if (index < 0) { index = 0 } | |
this.each(function() { | |
var $this = $(this) | |
var $child = $this.children().eq(index) | |
if ($child.length) { return $child.before(content) } | |
$this.append(content) |
def image_container(path, width, height) | |
%(<div class="image-container" style="max-width: #{width}px"> | |
<div style="padding-top: #{(height.to_f / width.to_f) * 100}%"> | |
#{image_tag(path)} | |
</div> | |
</div>).html_safe | |
end | |
# Note: If you want the image to scale up, remove the `max-width` |