First make sure you understand binstubs.
Follow this excellent tutorial on rubies and bundles.
For reasons explained there, you could:
bundle install --binstubs=.bundle/bin
<nav role="navigation"> | |
<ul id="main-menu" class="nav"> | |
<li style="list-style: none; display: inline"> | |
<h2 class="element-invisible"> | |
Main menu | |
</h2> | |
</li> | |
<li class="menu-477 first active home"> | |
<a href="/"></a> | |
</li> |
// Baseline styles which should apply to all decent form markup | |
// Assume well-marked up forms | |
form input[type="submit"] { | |
// ... submit button styles | |
} | |
// Twitter bootstrap style buttons | |
// uses the placeholer % to avoid a needless render of the button class | |
// ... we do want to put btn classes on things! |
First make sure you understand binstubs.
Follow this excellent tutorial on rubies and bundles.
For reasons explained there, you could:
bundle install --binstubs=.bundle/bin
<article class="report"> | |
<header> | |
<h3> | |
<span class="source-url"><a href="http://www.facebook.com/photo.php?fbid=515039308564048&set=a.217603604974288.576..." title="http://www.facebook.com/photo.php?fbid=515039308564048&set=a.217603604974288.576...">facebook.com/photo.php...</a></span> أضيف من قبل <a href="http://www.facebook.com/217514361649879">Occupy Wall St.</a> | |
</h3> | |
<div id="report-actions"> | |
<ul class="content-actions"> | |
<li class="share-on dropdown"> | |
<a href="#" class="dropdown-toggle" data-toggle="dropdown">شارك</a> | |
<ul class="dropdown-menu"> |
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<link rel="stylesheet" href="http://cmx.io/v/0.1/cmx.css"/> | |
<script src="http://cmx.io/v/0.1/cmx.js"></script> | |
<body> | |
<scene id="scene1"> | |
<label t="translate(0,346)"> | |
<tspan x="0" y="0em">One lazy morning</tspan> | |
</label> | |
<drawing t="translate(0,31)"> |
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 |
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 |
@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"; |
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 { |
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 |