// Generated by CoffeeScript 1.10.0
(function() {
  var height, svg, width;

  svg = d3.select('svg');

  width = svg.node().getBoundingClientRect().width;

  height = svg.node().getBoundingClientRect().height;

  svg.attr({
    viewBox: (-width / 2) + " " + (-height / 2) + " " + width + " " + height
  });

  d3.range(4).forEach(function(i) {
    svg.append('text').text('This halo is made with two texts.').attr({
      "class": 'halo',
      x: -width / 4,
      y: i * (height / 6) - height / 4,
      dy: '0.35em'
    }).style({
      'font-size': (i + 1) * 6 + 'px'
    });
    svg.append('text').text('This halo is made with two texts.').attr({
      x: -width / 4,
      y: i * (height / 6) - height / 4,
      dy: '0.35em'
    }).style({
      'font-size': (i + 1) * 6 + 'px'
    });
    return svg.append('text').text('This halo is made with CSS.').attr({
      "class": 'texthalo',
      x: width / 4,
      y: i * (height / 6) - height / 4,
      dy: '0.35em'
    }).style({
      'font-size': (i + 1) * 6 + 'px'
    });
  });

}).call(this);