Untitled

dabblet.html

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 93">

<pattern id="grid" x="6" y="6" width="6" height="6" patternUnits="userSpaceOnUse">
	<rect width="6" height="6" fill="white"/>
	<rect x="1" y="1" width="5" height="5" fill="red"/>
</pattern>

<!-- Heart -->
<path fill="red" d="
	M33.5,70.65
	L51.69,88.84
	l37.16-37.16
	c.32-.31,.64-.62,.94-.94
	l2.3-2.84
	c2.62-3.8,4.15-8.4,4.15-13.37
	c0-13.04-10.57-23.61-23.61-23.61
	c-3.72,0-7.23,.86-10.36,2.39
	z"/>

<path d="M12.5,24.5h6v-6h6v-6h18v6h6v6h6v-6h6
	v6h6v24h-6v12h-12v6h-18v-6h-6v-6h-6v-6h-6z
	m12,0v12h12v-12z" fill="url(#grid)"/>

<circle fill="none" stroke="white" stroke-width="9" cx="36" cy="36" r="31"/>
<circle fill="none" stroke="black" stroke-width="6" cx="36" cy="36" r="31"/>

</svg>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"","page":"html"}