Description: Setup GitHub Pages "gh-pages" branch and "master" branch as subfolders of a parent project folder ("grandmaster").
Author: Chris Jacob @_chrisjacob
Tutorial (Gist): https://gist.github.com/833223
/* | |
Older email clients and (some) webmail clients (Gmail!) will apply | |
this rule. Some clients (like older Lotus Notes) don't | |
support background-color on links, so I didn't want white | |
links on a white background. | |
*/ | |
a.button { | |
background-color: #FFFFFF; | |
color: #d9286b; | |
} |
<!DOCTYPE html> | |
<html> | |
<head> | |
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script> | |
<title>Download SVG</title> | |
<style type="text/css"> | |
a{ | |
cursor: pointer; | |
text-decoration: underline; | |
color: black; |
user nginx nginx; | |
worker_processes 1; | |
error_log /var/log/nginx/error_log info; | |
events { | |
worker_connections 1024; | |
use epoll; | |
} |
Description: Setup GitHub Pages "gh-pages" branch and "master" branch as subfolders of a parent project folder ("grandmaster").
Author: Chris Jacob @_chrisjacob
Tutorial (Gist): https://gist.github.com/833223
require 'pty' | |
CONFIG = { | |
:remote => { | |
:host => 'my.ssh-host.com', | |
:user => 'my-ssh-username', | |
:path => 'path-to/site/root' | |
}, | |
:posts => 'local/posts/directory' | |
} |
var svg = document.getElementById('graph'), | |
xml = new XMLSerializer().serializeToString(svg), | |
data = "data:image/svg+xml;base64," + btoa(xml), | |
img = new Image() | |
img.setAttribute('src', data) | |
document.body.appendChild(img) |
/** | |
*/ | |
* { | |
margin: 0; | |
padding: 0; | |
-webkit-box-sizing: border-box; | |
box-sizing: border-box; | |
position: relative; |
/* | |
--- | |
name: guilloche | |
script: guilloche.js | |
description: guilloche | |
provides: [Guilloche] | |
... | |
*/ |
/** | |
* Greg Gamel logo + red bg | |
*/ | |
body { background: #e5e5e5; } | |
svg { background: black; height: 48px; width: 48px; } |
/* | |
We can even execute JavaScript. | |
For example, here is a simple jQuery plugin that shuffles the "Demo" heading text above. | |
http://tutorialzine.com/2011/09/shuffle-letters-effect-jquery/ | |
*/ | |
$("#demo-header").shuffleLetters(); |