Potherca/dabblet.css

## dabblet.css
/**
 * Test for rebeccapurple support
 */

@import url(http://fonts.googleapis.com/css?family=Satisfy);

body {
	background: rebeccapurple;
	min-height: 100%;
}

p {
	color: #639;
	text-align:center;
	margin-top: 35%;
	font-size: 200%;
	font-family: Satisfy, sans-serif, sans;
}

## dabblet.html
<p>
	If you can read this text, <br/>
	your browser does <strong>not</strong><br/>
	support <code>rebeccapurple</code>
</p>

## dabblet.js
/* alert('Hello world!'); */

## index.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>✿ Dabblet</title>
    <link href="./dabblet.css" rel="stylesheet" />
    <script src="http://dabblet.com/code/prefixfree.min.js"></script>
</head>
<body>
    <script src="http://pother.ca/JsBase/add-on/load-dabblet-on-bl.ocks.org.js" id="dabblet-html-goes-here"></script>
</body>
</html>

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Test for rebeccapurple support
	*/

	@import url(http://fonts.googleapis.com/css?family=Satisfy);

	body {
	background: rebeccapurple;
	min-height: 100%;
	}

	p {
	color: #639;
	text-align:center;
	margin-top: 35%;
	font-size: 200%;
	font-family: Satisfy, sans-serif, sans;
	}
	<p>
	If you can read this text, <br/>
	your browser does <strong>not</strong><br/>
	support <code>rebeccapurple</code>
	</p>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>✿ Dabblet</title>
	<link href="./dabblet.css" rel="stylesheet" />
	<script src="http://dabblet.com/code/prefixfree.min.js"></script>
	</head>
	<body>
	<script src="http://pother.ca/JsBase/add-on/load-dabblet-on-bl.ocks.org.js" id="dabblet-html-goes-here"></script>
	</body>
	</html>