Potherca
6/21/2014 - 3:17 PM

Test for rebeccapurple support

Test for rebeccapurple support

settings.json
content_copyfile_download
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
index.html
content_copyfile_download
<!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>
dabblet.js
content_copyfile_download
/* alert('Hello world!'); */
dabblet.html
content_copyfile_download
<p>
	If you can read this text, <br/>
	your browser does <strong>not</strong><br/> 
	support <code>rebeccapurple</code>
</p>
dabblet.css
content_copyfile_download
/**
 * 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;
}