text style 1 - round

_.md

[ Launch: text style 1 - schraeg ] 4712300 by roundrobin
[ Launch: Tributary inlet ] 4705355 by roundrobin

config.json

{"description":"text style 1 - round","endpoint":"","display":"svg","public":true,"require":[{"name":"Check","url":"https://raw.github.com/roundrobin/svg-path-generator/master/svg-path-generator.js"}],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"fullscreen":false,"thumbnail":"http://i.imgur.com/dWORJld.png"}

inlet.js

var r=119;
var path = new Path(g)
path.add(['m',301,100]);
path.el().attr({
  stroke: "#FFFFFF",
    "stroke-width": 4,
   fill: "none",
  id: "bezierCurve"
})

var reduce= 1;

path.add(['a',r*reduce,r*reduce, 0, 1, 1, 1, 1 ]);
path.render();



var text = g.append('text')
.attr({
  fill: "#8EE08E",
  stroke: "#005800",
  "stroke-width": 2,
  x : 0,
  y: 0,
  "font-size": 40,
  "font-family": "SF Movie Poster",
  "text-anchor": "middle",
  kerning: 4
})

.attr({
  transform: "translate("+[0,223]+")scale("+(1.056)+")",
  "class": "group",
  "class": "el"
});

//.style("text-shadow","2px 2px 5px #3D2B3D")

  
text.append('textPath')
  .attr('xlink:href','#bezierCurve')
  .attr("startOffset",38+"%")
  .attr("text-anchor","middle")
    .text("Live Coding environment - Tributarty")