add instructions how to play

This commit is contained in:
Juraj Michalek
2014-12-30 11:07:09 +00:00
parent ea2e6f4582
commit a3e159a6a9
2 changed files with 9 additions and 3 deletions

View File

@@ -33,6 +33,7 @@
#infoGraphics { #infoGraphics {
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: xx-large;
} }
@@ -44,3 +45,8 @@
right: 0px; right: 0px;
bottom: 0px; bottom: 0px;
} }
.instructionGreen {
color: darkgreen;
}

View File

@@ -37,11 +37,11 @@
ng-show="isLevelSelectorVisible" ng-show="isLevelSelectorVisible"
> >
<h2>How to play:</h2> <h2 class="levelSelectorTitle">How to play</h2>
<div id="infoGraphics"> <div id="infoGraphics">
<!--<img src="img/info.png"/>--> <div><i class="fa fa-picture-o instructionGreen"></i> + <i class="fa fa-picture-o instructionGreen"></i> = <i class="fa fa-check-square-o instructionGreen"></i></div>
</div> </div>
<h2>Select level:</h2> <h2 class="levelSelectorTitle">Select level</h2>
<div ng-repeat="level in levelLock" class="levelItem {{level.state}}" ng-click="startLevel(level.state, $index)"> <div ng-repeat="level in levelLock" class="levelItem {{level.state}}" ng-click="startLevel(level.state, $index)">
<div ng-show="level.state == 'unlocked'" >{{level.text}}</div> <div ng-show="level.state == 'unlocked'" >{{level.text}}</div>
<div ng-show="level.state == 'locked'"><i class="fa fa-lock"></i></div> <div ng-show="level.state == 'locked'"><i class="fa fa-lock"></i></div>