The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */



.svgbox {
  width: 160px;
  height: 160px;
  background-color: #eee;
  position: relative;
  left: 100px;
}

background: #f06;
background: linear-gradient(45deg, #fff, #eee);
min-height: 100%;

dabblet.html

<div class="svgbox">
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <path id="textPath" d="M 10 80 a 70,70 0 1,1 140,0 a 70,70 0 1,1 -140,0 z" fill="red"></path>
    <text x="0", y="0">
      <textPath xlink:href="#textPath" textLength="205" startOffset="0%">photo photo photo photo</textPath>
    </text>
   </svg>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}