diff --git a/star.js/css/star.css b/star.js/css/star.css index 54765b1..c2fe64d 100644 --- a/star.js/css/star.css +++ b/star.js/css/star.css @@ -8,4 +8,4 @@ .gstar #blackboard .cube_selected{background-image:url(../themes/HP48/tex_cube_selected.png);color:red} .gstar #blackboard .gift{background-image:url(../themes/HP48/tex_gift.png);color:yellow} .gstar #blackboard .void{background-image:url(../themes/HP48/tex_empty.png);} - +.gstar aside{float:left;height:140px;padding:20px;background:#ddd} diff --git a/star.js/index.html b/star.js/index.html index 8a79eaa..9dbd02b 100644 --- a/star.js/index.html +++ b/star.js/index.html @@ -24,14 +24,12 @@
- Star5
- ©Gwh
diff --git a/star.js/js/star.js b/star.js/js/star.js index 572f9e1..a136030 100644 --- a/star.js/js/star.js +++ b/star.js/js/star.js @@ -128,6 +128,14 @@ function format_level( state, text ) { return myReplacer( state.board ); } +function format_infos( state ) { + var infos = "

Star5


"; + infos += "Level " + (state.level+1) + " of " + levels.length + "
"; + infos += count_gifts( state ) + " gifts left
"; + infos += state.distance_travelled + " meters travelled"; + return infos; +} + function load_level( levelset, nb ) { state.level = nb; state.board = levelset[ state.level ]; @@ -137,7 +145,7 @@ function load_level( levelset, nb ) { } function display_level( state, elt ) { - var starhtml = '

' + format_level( state, false ) + '

'; + var starhtml = '
' + format_level( state, false ) + '
' + format_infos( state ) + '
'; $( elt ).html( starhtml ); }