first commit

articles/20171031/content.html

@@ -0,0 +1,24 @@
+<style>
+.fond {
+margin:auto;
+top:0;
+}
+  
+.texte {
+color:black;
+margin:auto;
+position:absolute;
+z-index:2;
+top:0;
+width:100%;
+}
+</style>
+<div class="container-fluid" id="BlocksBrowser"></div>
+
+<div class="container-fluid bg-grey">
+  <div class="row">
+    <div class="col-sm-12 text-center">
+      Drawing the splines
+    </div>
+  </div>
+</div>

articles/20171031/header.html

@@ -0,0 +1,34 @@
+<div class="container-fluid bg-grey">
+  <div class="row">
+    <div class="col-sm-4">
+      <br><img id="logo_ARTICLE" src="images/full_block_image.php?methode=full_treemap" width="100%; height: auto"></img>
+      <br><p>ARTICLE</p>
+    </div>
+    <div class="col-sm-8">
+      <h2>Draw the "Full" Block</h2>
+      <h4>Use the drawing methods from below, but drawing each part of the block : inputs, outputs, fees and reward</h4>
+      <p>You can choose an alternative drawing method.
+        <select id="selectMethod_ARTICLE" onchange="javascript:DrawLastFullBlock_ARTICLE()">
+          <option value="full_treemap">Treemap</option>
+          <option value="full_spline">Spline</option>
+          <option value="full_treemap_fuzzy">Fuzzy</option>
+        </select>
+      </p>
+      ####BUTTON####
+    </div>
+  </div>
+</div>
+
+<script>
+function DrawLastFullBlock_ARTICLE()
+{
+  var methode = $("#selectMethod_ARTICLE").val();
+  var downloadingImage = new Image();
+  downloadingImage.onload = function(){
+    $('#logo_ARTICLE').attr('src', this.src);   
+  };
+  $('#logo_ARTICLE').attr('src','images/loading.gif');
+  downloadingImage.src = 'images/full_block_image.php?methode='+methode;
+  return true;
+}
+</script>