Advertisement
Guest User

Untitled

a guest
Jul 3rd, 2015
179
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.91 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8" />
  5.         <title>{% block title %}PoisenGaming | Gaming Platform{% endblock %}</title>
  6.         {% block stylesheets %}{% endblock %}
  7.         <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  8.         <link href="{{ asset('bundles/othellogame/css/style.css') }}" rel="stylesheet">
  9.         <link href="{{ asset('bundles/othellouser/css/index.css') }}" rel="stylesheet">
  10.         <script src="http://zeptojs.com/zepto.min.js"></script>
  11.         <script src="{{ asset('bundles/othellogame/js/UI.js') }}"></script>
  12.         <script src="{{ asset('bundles/othellogame/js/Preferences.js') }}"></script>
  13.         <script src="{{ asset('bundles/othellogame/js/Sounds.js') }}"></script>
  14.         <script src="{{ asset('bundles/othellogame/js/Board.js') }}"></script>
  15.         <script src="{{ asset('bundles/othellogame/js/Cell.js') }}"></script>
  16.         <script src="{{ asset('bundles/othellogame/js/Player.js') }}"></script>
  17.         <script src="{{ asset('bundles/othellogame/js/PlayerLearned.js') }}"></script>
  18.         <script src="{{ asset('bundles/othellogame/js/PlayerLearning.js') }}"></script>
  19.         <script src="{{ asset('bundles/othellogame/js/draw.js') }}"></script>
  20.     </head>
  21.     <body>
  22.     <header>
  23.         <div id="container" class="container">
  24.             <a href="{{ path('homepage') }}"><img src="{{ asset('bundles/othellouser/images/logo.ico') }}" alt="" /></a>
  25.             {{ knp_menu_render('OthelloUserBundle:MenuBuilder:mainMenu') }}
  26.             <div class="profile">{{ knp_menu_render('OthelloUserBundle:MenuBuilder:interfaceMenu') }}</div>
  27.                 <div id="form_container">
  28.                     <div class="form">
  29.                         <div id="login_form">
  30.                             {% render controller("FOSUserBundle:Security:login") %}
  31.                             <div class="line"></div>
  32.                             <p class="">Dont have any account? <span class="join link">JOIN HERE</span></p>
  33.                         </div>
  34.                         <div id="register_form">
  35.                             {% render controller("FOSUserBundle:Registration:register") %}
  36.                             <div class="line"></div>
  37.                             <p class="">Already have an account? <span class="sign link">SIGN IN<span></p>
  38.                         </div>
  39.                     </div>
  40.                 </div>
  41.                  {% if is_granted("ROLE_USER") %}
  42.                 <div class="user">{{ 'layout.logged_in_as'|trans({'%username%': app.user.username}, 'FOSUserBundle') }} |
  43.                     <a class="link" href="{{ path('fos_user_security_logout') }}">
  44.                         {{ 'layout.logout'|trans({}, 'FOSUserBundle') }}
  45.                     </a>
  46.                 </div>
  47.             {% endif %}
  48.                
  49.         </div>
  50.     </header>
  51.         <div id="wrapper" onload="javascript:ui.showMenu()">
  52.         <a id="game-title" href="javascript:ui.showMenu()">Othello</a>
  53.         <div id="menu" class="no-game" style="display: none;">
  54.             <a id="resume-game" href="javascript:ui.resumeGame()" style="display: none;" class="button">Continuer</a>
  55.             <a id="start-game" href="javascript:ui.startGame()" class="button">Commencer</a>
  56.             <!--<a id="start-campaign" href="javascript:ui.startCampaign()" class="button">Campagne</a>-->
  57.             <a id="show-best-scores" href="javascript:ui.showBestScores()" class="button">Meilleurs scores</a>
  58.             <a id="show-preferences" href="javascript:ui.showPreferences()" class="button">Preferences</a>
  59.         </div>
  60.         <!--<div id="campaign-level" class="button game"></div>-->
  61.         <div id="board" class="game">
  62.             <canvas id="board-canvas" width="400" height="400"></canvas>
  63.             <a id="menu-link" href="javascript:ui.showMenu()" title="Open menu" class="button"><i class="fa fa-bars"></i></a>
  64.         </div>
  65.         <div id="players-info" class="game">
  66.             <div id="player0" class="player">
  67.                 <div class="name"></div>
  68.                 <div class="player0-score score"></div>
  69.             </div>
  70.             <div id="player1" class="player">
  71.                 <div class="name"></div>
  72.                 <div class="player1-score score"></div>
  73.             </div>
  74.         </div>
  75.         <div id="game-is-over" class="dialog">
  76.             <div id="game-is-over-winner">
  77.                 <h1>Vous avez gagné !</h1>
  78.             </div>
  79.             <div id="game-is-over-loser">
  80.                 <p>Vous avez perdu !</p>
  81.             </div>
  82.             <div class="score">
  83.                 <span class="player0-score">0</span>-<span class="player1-score">0</span>
  84.             </div>
  85.             <p><span id="timer"></span> secondes</p>
  86.             <a href="javascript:ui.startCampaign()" class="continue-campaign button">Continuer la campagne</a>
  87.             <a href="javascript:ui.startGame()" class="button">Rejouer</a>
  88.             <a href="javascript:ui.showMenu()" class="button">Retour</a>
  89.         </div>
  90.         <div id="best-scores" class="dialog">
  91.             <div class="dialog-inner">
  92.                 <div class="dialog-title">
  93.                     <h1>Meilleurs scores</h1>
  94.                 </div>
  95.                 <div class="dialog-body">
  96.                     <div class="best-scores-empty">Aucun score enregistré !</div>
  97.                     <table class="best-scores-table">
  98.                     </table>
  99.                 </div>
  100.                 <div class="dialog-footer">
  101.                     <a href="javascript:ui.hideBestScores()" class="button">Annuler</a>
  102.                 </div>
  103.             </div>
  104.         </div>
  105.         <div id="preferences" class="dialog">
  106.             <div class="dialog-inner">
  107.                 <div class="preferences-title dialog-title">
  108.                     <h1>Préférences</h1>
  109.                 </div>
  110.                 <div class="preferences-settings dialog-body">
  111.                     <p>
  112.                         <label for="preferences-color">Couleur :</label>
  113.                         <select id="preferences-color">
  114.                             <option value="white" selected>Blanc</option>
  115.                             <option value="black">Noir</option>
  116.                         </select>
  117.                     </p>
  118.                     <p>
  119.                         <label for="preferences-start">Qui commence ?</label>
  120.                         <select id="preferences-start">
  121.                             <option value="me" selected>Moi</option>
  122.                             <option value="opponent">Adversaire</option>
  123.                         </select>
  124.                     </p>
  125.                     <p><span class="label">Taille :</span>
  126.                         <input type='number' id='preferences-cellRows' min='4' /> x
  127.                         <input type='number' id='preferences-cellColumns' min='4' />
  128.                     </p>
  129.                     <p>
  130.                         <label>
  131.                             <input type="checkbox" id="different-starting-point" />Centrer au départ</label>
  132.                         <span id='preferences-startingPoint' class='hidden'><input type='number' id='preferences-startingPointX' min='0'/> x <input type='number' id='preferences-startingPointY' min='0'/></span>
  133.                     </p>
  134.                     <fieldset>
  135.                         <legend>Apparence</legend>
  136.                         <p>
  137.                             <label for="preferences-table-color">Couleur du plateau</label>
  138.                             <input id="preferences-table-color" type="color" />
  139.                         </p>
  140.                         <p>
  141.                             <label for="preferences-table-border-color">Couleur de la bordure du plateau :</label>
  142.                             <input id="preferences-table-border-color" type="color" />
  143.                         </p>
  144.                     </fieldset>
  145.                 </div>
  146.                 <div class="preferences-controls dialog-footer">
  147.                     <a href="javascript:ui.hidePreferences()" class="button">Quitter</a>
  148.                     <a href="javascript:ui.savePreferences()" class="button">Sauvegarder</a>
  149.                 </div>
  150.             </div>
  151.         </div>
  152.     </div>
  153.    
  154.     </body>
  155. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement