just another inlet to tributary

inlet.js

var shape_group = g.append('g')
					.attr('transform','translate('+[0,0]+')')

var shape_width = 155;
var shape_height = 15;
var background  = shape_group.append('rect')
    				.attr('width',shape_width)
        			.attr('height',d3.select('svg').attr('height'))
                    .attr('fill',"#96C7B3")

 
var arrow_up = shape_group.append('g')
	but1  = arrow_up.append('rect')
    				.attr('width',shape_width)
        			.attr('height',shape_height)
                    .attr('fill',"#5C746A")
      
   	arrow  = arrow_up.append('path')
                    .attr('fill',"#A8A29E")
      				.attr('d','m 0,0 l10,10 l-20,0Z')
					.attr('transform','translate('+[shape_width/2,2]+')')
      
var arrow_down = shape_group.append('g').attr('transform','translate('+[0,d3.select('svg').attr('height')-15]+')')
	
   	but1  = arrow_down.append('rect')
    				.attr('width',shape_width)
        			.attr('height',shape_height)
                    .attr('fill',"#5C746A")
      
   	arrow  = arrow_down.append('path')
                    .attr('fill',"#A8A29E")
      				.attr('d','m 0,0 l-10,-10 l20,0Z')
					.attr('transform','translate('+[shape_width/2,12]+')')