mirror of
https://github.com/ysoftdevs/pf2015.git
synced 2026-01-14 15:53:56 +01:00
94 lines
3.2 KiB
HTML
94 lines
3.2 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 src="js/angular-local-storage.min.js"></script>
|
|
|
|
<script type="text/javascript" src="js/level-selector-controller.js"></script>
|
|
<link rel="stylesheet" href="css/level-selector.css" type="text/css" />
|
|
|
|
<script type="text/javascript" src="js/level-complete-controller.js"></script>
|
|
|
|
<link rel="stylesheet" href="css/flippy.css" />
|
|
<script type="text/javascript" src="js/flippy.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Level Selector -->
|
|
<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>
|
|
|
|
<!-- Game board -->
|
|
<div ng-controller="PexesoController" ng-show="isLevelVisible">
|
|
<div id="navigationBar">
|
|
<div>
|
|
<a class="navigationButton" ng-click="cancelLevel()">
|
|
<i class="fa fa-arrow-left" ></i></a>
|
|
<span id="levelTitle">Level {{currentLevel.levelName}}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="mainContent" ng-style="containerStyle">
|
|
|
|
<flippy ng-repeat="card in board"
|
|
class="fancy"
|
|
ng-class="card.flipState"
|
|
ng-click="selectCard(card)"
|
|
ng-style="cardStyle"
|
|
flip-duration="800"
|
|
timing-function="ease-in-out">
|
|
|
|
<flippy-front>
|
|
<span class="cardHelper"></span><img ng-src="img/cards/question.png">
|
|
</flippy-front>
|
|
|
|
<flippy-back>
|
|
<span class="cardHelper"></span><img ng-src="img/cards/{{card.cardId}}.png" ng-show="card.cardType == 'picture'">
|
|
<div ng-hide="card.cardType == 'picture'">{{card.card['en-US']}}</div>
|
|
</flippy-back>
|
|
|
|
|
|
</flippy>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Level complete panel -->
|
|
<div id="levelCompleteContent" ng-controller="LevelCompleteController" ng-show="isLevelCompleteVisible">
|
|
<div id="congratulation">Congratulations!</div>
|
|
<div>
|
|
<a class="levelButton" id="replayButton" ng-click="restartLevel()"><i class="fa fa-repeat"></i>Play again</a>
|
|
<a class="levelButton" id="nextButton" ng-click="nextLevel()" ng-hide="isFinalScreenVisible"><i class="fa fa-arrow-right" ></i>Next level</a>
|
|
</div>
|
|
<div>
|
|
<a class="levelButton" id="webButton" ng-click="openUrl(constellation.wiki)" ng-show="isFinalScreenVisible">
|
|
<i class="fa fa-thumbs-up" ></i>Visit PF 2015 website</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|