Character: A

_.md

[ Launch: Triangle Pattern ] 4751294 by roundrobin
[ Launch: Triangle Pattern ] 4749241 by roundrobin
[ Launch: PathLib & Pattern ] 4749218 by roundrobin
[ Launch: Variable Stroke width ] 4735469 by roundrobin
[ Launch: SVG Path Test 1 ] 4721138 by roundrobin
[ Launch: SVG Path Element ] 4721053 by roundrobin
[ Launch: Bootstrap Trib ] 4711978 by roundrobin
[ Launch: Tributary inlet ] 4711690 by roundrobin

config.json

{"description":"Character: A","endpoint":"","display":"svg","public":true,"require":[{"name":"Helpers","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}},"fullscreen":false,"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,"thumbnail":"http://i.imgur.com/OlUUkPz.png"}

inlet.js

var width = 198;
var height = 203;
var strokeThickness = width/3;        
var offsetHairline = 23;
var x= 0,y= 0;

var svg = d3.select("svg");


//==================Char A=====================
svg.append('rect')
        .attr('height',height)
        .attr('x',x)
        .attr('y',y)
      .attr('width',width)
  	  .attr('fill','red');

var path = new Path(svg)
path.el().attr
({'stroke-width':3,
  'fill':'black',
  opacity: 1,
  transform: 'translate('+x+','+y+')'})
             
path.add(['m',width/2,0]);
path.add(['l',width/2,height]);
path.add(['l',-strokeThickness,0]);

path.add(['l',strokeThickness-width/2,-height+strokeThickness]);
path.add(['l',strokeThickness-width/2,height-strokeThickness]);
path.add(['l',-strokeThickness,0]);
path.add(['z']);

path.add(['m',-width/2 + strokeThickness,offsetHairline+height/2]);
path.add(['l',strokeThickness,0]);
path.add(['v', strokeThickness/2]);
path.add(['l',-strokeThickness,-0]);
path.add(['z']);

path.render();
path.hidePoints();

//==================Char B =====================
var x= 231,y= 0;

svg.append('rect')
        .attr('height',height)
        .attr('x',x)
        .attr('y',y)
      .attr('width',width)
  	  .attr('fill','red');

var path = new Path(svg)
path.el().attr
({'stroke-width':3,
  'fill':'none',
  opacity: 1,
  transform: 'translate('+x+','+y+')'})
             
path.add(['m',0,0]);
path.add(['l',strokeThickness,0]);
path.add(['q',width/1.38,height/19,width/4,height/2]);
path.add(['q',width/2,height/4,0,height/2]);


path.render();
path.hidePoints();