infojunkie/.block

## .block
license: gpl-3.0
height: 300

## README.md

      
    Raw
  

              README.md
            
          
    Testing VexFlow publishing using Mike Bostock's Blocks system.
https://bl.ocks.org/infojunkie/e7843b812fe720b9e6025e55379d6b34

  
## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<div id="boo"></div>
<script src="//npmcdn.com/vexflow/releases/vexflow-debug.js"></script>
<script>
const VF = Vex.Flow;

// Create an SVG renderer and attach it to the DIV element named "boo".
var vf = new VF.Factory({renderer: {selector: 'boo'}});
var score = vf.EasyScore();
var system = vf.System();

system.addStave({
  voices: [score.voice(score.notes('C#5/q, B4, A4, G#4'))]
}).addClef('treble').addTimeSignature('4/4');

vf.draw();
</script>

## preview.png

      
    Raw
  

              preview.png
            
          
## thumbnail.jpg

      
    Raw
  

              thumbnail.jpg
	<!DOCTYPE html>
	<meta charset="utf-8">
	<div id="boo"></div>
	<script src="//npmcdn.com/vexflow/releases/vexflow-debug.js"></script>
	<script>
	const VF = Vex.Flow;

	// Create an SVG renderer and attach it to the DIV element named "boo".
	var vf = new VF.Factory({renderer: {selector: 'boo'}});
	var score = vf.EasyScore();
	var system = vf.System();

	system.addStave({
	voices: [score.voice(score.notes('C#5/q, B4, A4, G#4'))]
	}).addClef('treble').addTimeSignature('4/4');

	vf.draw();
	</script>