SVG inspired by Quine's paradox

dabblet.css

/**
 * SVG inspired by Quine's paradox
 */

svg {
	display: block;
	margin: 40px auto;
	font: 83px sans-serif;
}

dabblet.html

<!-- Does not work in Safari, no clue why (thx @thomasqbrady) -->
<svg width="600" height="600">

<defs>
	<path id="textpath" d="M 100,300 a 200,200 0 1,1 0,1" />
</defs>

<text transform="rotate(10,300,300)" x="1">
	  <animateTransform attributeType="xml"
3                   attributeName="transform"
4                   type="rotate"
5                   from="0 300 300"
6                   to="360 300 300"
7                   dur="14s"
8                   repeatCount="indefinite"/>
	<textPath spacing="auto" xlink:href="#textpath">
		circular reasoning works because
	</textPath>
</text>

</svg>
<style>
svg {
  background-color: white;
}
text {
  font-size: 0.7em;
}
</style>

dabblet.js

// alert('Hello world!');

settings.json

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