Skip to content

Instantly share code, notes, and snippets.

@LeaVerou

LeaVerou/dabblet.css

Created April 19, 2013 21:19
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 6 You must be signed in to fork a gist
  • Save LeaVerou/5423308 to your computer and use it in GitHub Desktop.
Save LeaVerou/5423308 to your computer and use it in GitHub Desktop.
Download ZIP
SVG inspired by Quine's paradox
Raw
dabblet.css
/**
* SVG inspired by Quine's paradox
*/
svg {
display: block;
margin: 40px auto;
font: 83px sans-serif;
}
Raw
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>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
@adius
Copy link

adius commented Feb 2, 2015

Can you add a screenshot please. Does not seem to work in the latest chrome and firefox versions.

@finnhvman
Copy link

@ad-si here it is:

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment