mirror of
https://github.com/ysoftdevs/pf2015.git
synced 2026-01-15 08:14:07 +01:00
59 lines
1.7 KiB
HTML
59 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us" ng-app="app">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>PF2015</title>
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.7/angular.min.js"></script>
|
|
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
|
|
|
<script type="text/javascript" src="js/pexeso-controller.js"></script>
|
|
<link rel="stylesheet" href="css/pexeso.css" type="text/css" />
|
|
|
|
<script type="text/javascript" src="js/level-selector-controller.js"></script>
|
|
<link rel="stylesheet" href="css/level-selector.css" type="text/css" />
|
|
|
|
<link rel="stylesheet" href="css/flippy.css" />
|
|
<script type="text/javascript" src="js/flippy.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="levelSelector" ng-controller="LevelSelectorController" ng-show="isLevelSelectorVisible">
|
|
<h2>How to play:</h2>
|
|
<div id="infoGraphics">
|
|
<!--<img src="img/info.png"/>-->
|
|
</div>
|
|
<h2>Select level:</h2>
|
|
<div ng-repeat="level in levelLock" class="levelItem {{level.state}}">
|
|
<div ng-show="level.state == 'unlocked'" ng-click="startLevel($index)">{{level.text}}</div>
|
|
<div ng-show="level.state == 'locked'"><i class="fa fa-lock"></i></div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
|
|
|
|
<div id="mainContent" ng-controller="PexesoController" ng-show="isLevelVisible">
|
|
|
|
<flippy ng-repeat="card in board"
|
|
class="fancy"
|
|
ng-class="card.flipState"
|
|
ng-click="selectCard(card)"
|
|
|
|
flip-duration="800"
|
|
timing-function="ease-in-out">
|
|
|
|
<flippy-front>
|
|
?
|
|
</flippy-front>
|
|
|
|
<flippy-back>
|
|
{{card.cardId}}
|
|
</flippy-back>
|
|
|
|
</flippy>
|
|
|
|
|
|
</body>
|
|
</html>
|