Thoughts about webplatform.org

dabblet.css

/* Thoughts about webplatform.org */
@import url(http://fonts.googleapis.com/css?family=Gudea|Bevan);
* { margin:auto; padding:0; border-radius:.3em;
	max-width:35em }

html { background: hsla(213,61%,50%,.381);
	background-image: 
		linear-gradient(90deg, rgba(255,255,255,.08) 61%, transparent 38%),
		linear-gradient(144deg, rgba(255,255,255,.13) 61%, transparent 38%),
		linear-gradient(-144deg, rgba(255,255,255,.21) 61%, transparent 38%),
		linear-gradient(72deg, rgba(255,255,255,.33) 61%, transparent 38%),
		linear-gradient(72deg, rgba(255,255,255,.54) 61%, transparent 38%);
	background-size: 13px, 8px, 5px, 8px, 13px }
	
body { font:1em/1.6 Gudea,sans-serif; color:#333; 
	background:rgba(255,255,255,.6);
	padding:1em; margin:1em }
	
a { text-transform:uppercase; font:1.3ex Bevan;
  text-decoration:none; color:hsl(213,61%,50%)  }

h1 { font-size:2.6em }

dabblet.html

<h1><a href=webplatform.org>Web Platform</a> Needs</h1>

<pre>
Easy name
Auto-focused search
Prominent “contribute” link and clear steps (priority!)
Third party APIs [ MDN, MSDN, ]: Stop human turk (docsprints)

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}