encode_completion color

_.md

[ Launch: encode_completion ] 8165170 by zeffii
[ Launch: zeffii default ] 8150664 by zeffii
[ Launch: zeffii default ] 5033869 by zeffii

config.json

{"description":"encode_completion color","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"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},"data2.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"util.js":{"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/nwV267Q.png"}

inlet.js

var file_names = [
"initialize.ck", 
"score.ck",
"sequencer.ck",
"Synth1.ck",
"BeatMaker.ck"];


d3.select("body").style("background-color", d3.rgb(245,245,245))

var svg = d3.select("svg");
var defs = svg.append("defs");
var group1 = svg.append("g").classed("group1", true);

group1.attr("transform", "translate(" + [37, 150] + ")")
.style({'fill':  "none", stroke: "#aeaeae"})


var g2 = svg.append("g").classed("group2", true)
.attr("transform", "translate(" + [37, 150] + ")")
var pwidth = 200;


// border
g2.append("rect")
.attr({height: 50, width: pwidth})
.style({ stroke: "#dedede", 
        "stroke-width": "0.8px",
         fill: "none"})

// indicator
g2.append("rect").classed("progressor", true)
.attr({height: 50, width: pwidth/3})
.style({ stroke: "none", 
        "stroke-width": "2px",
         fill: "#BBBBBB"})


var g3 = svg.append("g").classed("group3", true)
.attr("transform", "translate(" + [37, 230] + ")")

var line_height = 20;
var names = g3.selectAll("text").data(file_names).enter()
names.append("text")
.text(function(d){ return "" + d})
.attr("transform", function(d,i) { return "translate(" + [0, i*line_height] + ")"})
.style("fill", "#9B9B9B")
.style("font-family", 'Strait')  
  



var button = group1.append("rect")
	.attr({x: 20, y: 247, height: 40, width: 100})
	.style({fill: "#53A7D6", stroke: "none"})
    .attr("cursor", "pointer")
    .on("click", function(){
        update_progressbar(Math.random()*100)
	})

// helpers
function update_progressbar(percent){
  svg.selectAll("rect.progressor")
  .transition()
  .duration(900)
  .attr("width", (percent/100)*pwidth)
  }


WebFontConfig = {
    google: { families: [ 'Strait::latin'] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); 




/* EOF */

style.css

.cm-s-lesser-dark.CodeMirror { background: #1e2426; color: #696969;  }
.cm-s-lesser-dark div.CodeMirror-selected {background: #064968 !important;} /* 33322B*/
.cm-s-lesser-dark span.cm-variable { color:#22EFFF; }
.cm-s-lesser-dark span.cm-variable-2 { color: #FFCCB4; }
.cm-s-lesser-dark span.cm-variable-3 { color: white; }
.cm-s-lesser-dark span.cm-string { color: Chartreuse; }
.cm-s-lesser-dark span.cm-string-2 {color: Chartreuse;}
.cm-s-lesser-dark span.cm-def {color: #FFCCB4; opacity: 1.0}
.cm-s-lesser-dark span.cm-bracket { color: #EBEFE7; }
.cm-s-lesser-dark pre { color:#FFF; }
.cm-s-lesser-dark span.cm-comment { color: #AFB4B4;}
.cm-s-lesser-dark span.cm-property {color: #FDA676;}
.cm-s-lesser-dark span.cm-number { color: #FF92EE;}
.cm-s-lesser-dark span.cm-keyword { color: #FFFF18; }
.cm-s-lesser-dark .CodeMirror-cursor { border-left: 1px solid white !important; }
.cm-s-lesser-dark .CodeMirror-gutters {background: #505050;}
.cm-s-lesser-dark .CodeMirror-linenumber {color: #D3D3D3;}