etowner teetteet

## gist:4031776

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                teetteet
                / gist:4031776
            
            
              Created
              November 7, 2012 14:02
                — forked from idan/gist:3135754
            
              
                A Sample Post
              
          
    Hello there! This is a sample post for gist.io, a super-lightweight writing soapbox for hackers.
Now look up. Further. Above the post title. See that grey text with the gist ID?
Now back to me. That grey text is a link! Open that sucker in a new tab to see the source for this post. Also, I'm on a horse.
This is a major heading

If you peek at it with a web inspector, you'll see that it is a second-level heading. You can use first level headings, but they'll look just like the second level ones, and the gods of the HTML5 outlining algorithm will frown upon you.

  
## Contract Killer 3.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                teetteet
                / Contract Killer 3.md
            
            
              Created
              November 7, 2012 13:44
            
              
                The latest version of my ‘killer contract’ for web designers and developers
              
          
    Contract Killer 3
Revised date: 07/11/2012
Between us [company name]
and you [customer name]
Summary:
We’ll always do our best to fulfil your needs and meet your expectations, but it’s important to have things written down so that we both know what’s what, who should do what and when, and what will happen if something goes wrong. In this contract you won’t find any complicated legal terms or long passages of unreadable text. We’ve no desire to trick you into signing something that you might later regret. What we do want is what’s best for both parties, now and in the future.

  
## dabblet.css

/**
 * box-shadow vs filter: drop-shadow 2
 */

body {
	background: #ddd;
	font: 16px/1 sans-serif;
	margin: 50px;
	}

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */
.image1 {
	background: red;
	font-size: 10px;
	height: 1em;
	transition: all 1s;
	width: 1em;


## index.slim
body
  .page-w
    div.page.page1
      div.title 1
      div.content
        h2 Howdy Page 1
        image src="http://dummyimage.com/190x90/593446/fff"
        p Cras sollicitudin imperdiet diam at venenatis. Vivamus turpis lectus, elementum at bibendum et, condimentum non lorem. Cras eget felis orci. Aenean ante metus, vestibulum in gravida eu, mattis sed lacus.Cras eget felis orci. Aenean ante metus, vestibulum in gravida eu, mattis sed lacus.
    div.page.page2
      div.title 2

## index.html
<div class="controls">
  	<header>
			<h1>Ondas em linhas</h1>
		</header>
		<h2>Controls</h2>
		<label>Size: </label>
		<input id="size" type="range" min="10" value="50"/>
		<label>Speed: </label>
		<input id="speed" type="range" value="5"/>
		<label>Rotate: </label>

## gist:3914244
<style>
  .fade-right {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(0.75, rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask: url(#fade_right_svg_mask);
  }
  #mask_demo {
    background: #d0d0d0;
    height: 100px;
    width: 500px;
    padding: 10px;

## gist:3864738
<!DOCTYPE html>
<html>
<head>
  <title>iOS6 Safari Photo Capture Demo</title>

  <script type="text/javascript">
    window.onload = function() {
      var input = document.getElementById("input");
      input.addEventListener("change", handleFile);
    }

## gist:3855330
var http = require('http');

var numResults = 3,
    numIteration = 3;

function fetchColors(offset, numResults, successHandler) {

  http.get({
    host: 'www.colourlovers.com',
    port: 80,

## dabblet.css
/**
 * Illustrating correct & wrong inner border-radius
 */

.outer {
	padding: 10px;
	margin: 50px;
	border: 1px solid silver;
	box-shadow: 0 0 10px gray;
	border-radius: 20px;

	/**
	* box-shadow vs filter: drop-shadow 2
	*/

	body {
	background: #ddd;
	font: 16px/1 sans-serif;
	margin: 50px;
	}
	/**
	* The first commented line is your dabblet’s title
	*/
	.image1 {
	background: red;
	font-size: 10px;
	height: 1em;
	transition: all 1s;
	width: 1em;
	body
	.page-w
	div.page.page1
	div.title 1
	div.content
	h2 Howdy Page 1
	image src="http://dummyimage.com/190x90/593446/fff"
	p Cras sollicitudin imperdiet diam at venenatis. Vivamus turpis lectus, elementum at bibendum et, condimentum non lorem. Cras eget felis orci. Aenean ante metus, vestibulum in gravida eu, mattis sed lacus.Cras eget felis orci. Aenean ante metus, vestibulum in gravida eu, mattis sed lacus.
	div.page.page2
	div.title 2
	<div class="controls">
	<header>
	<h1>Ondas em linhas</h1>
	</header>
	<h2>Controls</h2>
	<label>Size: </label>
	<input id="size" type="range" min="10" value="50"/>
	<label>Speed: </label>
	<input id="speed" type="range" value="5"/>
	<label>Rotate: </label>
	<style>
	.fade-right {
	-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(0.75, rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	mask: url(#fade_right_svg_mask);
	}
	#mask_demo {
	background: #d0d0d0;
	height: 100px;
	width: 500px;
	padding: 10px;
	<!DOCTYPE html>
	<html>
	<head>
	<title>iOS6 Safari Photo Capture Demo</title>

	<script type="text/javascript">
	window.onload = function() {
	var input = document.getElementById("input");
	input.addEventListener("change", handleFile);
	}
	var http = require('http');

	var numResults = 3,
	numIteration = 3;

	function fetchColors(offset, numResults, successHandler) {

	http.get({
	host: 'www.colourlovers.com',
	port: 80,
	/**
	* Illustrating correct & wrong inner border-radius
	*/

	.outer {
	padding: 10px;
	margin: 50px;
	border: 1px solid silver;
	box-shadow: 0 0 10px gray;
	border-radius: 20px;