diff --git a/public/scripts/functions.js b/public/scripts/functions.js index 1becbe0..11f1f1d 100644 --- a/public/scripts/functions.js +++ b/public/scripts/functions.js @@ -18,7 +18,7 @@ function populateHoneycomb( honeyCells , index){ // var cellWidth = ( height/honeyCells.height )*Math.sqrt(3); // if( width/honeyCells.width < height/honeyCells.height ){ - var cellWidth = (width - honeyCells.width)/(honeyCells.width+0.5); + var cellWidth = (width - honeyCells.width)/(honeyCells.width+1); // } @@ -40,6 +40,8 @@ function populateHoneycomb( honeyCells , index){ renderedHoneyComb.innerHTML=""; honeyComb.innerHTML = "
"+index+"
"; + honeyComb.innerHTML += "
"+honeyCells.score+"
"; + for (var i = honeyCells.height - 1; i >= 0; i--) { var even = (i%2 == 0) ? "even" : ""; diff --git a/public/style/style.less b/public/style/style.less index f77a624..a4c2014 100644 --- a/public/style/style.less +++ b/public/style/style.less @@ -59,6 +59,8 @@ audio{ right: -400px; color: #333; opacity: .2; + z-index: 999; + h1, h2, p{ padding-left: 10px; } @@ -105,6 +107,11 @@ audio{ z-index: 999; +} +.honeycombScore:extend(.honeycombIndex){ + top: 120px; + background-color: rgba(175, 0, 198, 0.29); + } .hex { float: left;