LeaVerou · April 19, 2013 21:19 · adius · Feb 2, 2015 · finnhvman · Jan 9, 2024
diff --git a/dabblet.css b/dabblet.css
 /**
 * SVG inspired by Quine's paradox
 */

 svg {
 	display: block;
 	margin: 40px auto;
 	font: 83px sans-serif;
 }
diff --git a/dabblet.html b/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(90,300,300)">
 	<textPath spacing="auto" xlink:href="#textpath">
 		circular reasoning works because
 	</textPath>
 </text>

 </svg>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
	/**
	* SVG inspired by Quine's paradox
	*/

	svg {
	display: block;
	margin: 40px auto;
	font: 83px sans-serif;
	}
	<!-- 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(90,300,300)">
	<textPath spacing="auto" xlink:href="#textpath">
	circular reasoning works because
	</textPath>
	</text>

	</svg>