Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8" />
- <title>{% block title %}PoisenGaming | Gaming Platform{% endblock %}</title>
- {% block stylesheets %}{% endblock %}
- <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
- <link href="{{ asset('bundles/othellogame/css/style.css') }}" rel="stylesheet">
- <link href="{{ asset('bundles/othellouser/css/index.css') }}" rel="stylesheet">
- <script src="http://zeptojs.com/zepto.min.js"></script>
- <script src="{{ asset('bundles/othellogame/js/UI.js') }}"></script>
- <script src="{{ asset('bundles/othellogame/js/Preferences.js') }}"></script>
- <script src="{{ asset('bundles/othellogame/js/Sounds.js') }}"></script>
- <script src="{{ asset('bundles/othellogame/js/Board.js') }}"></script>
- <script src="{{ asset('bundles/othellogame/js/Cell.js') }}"></script>
- <script src="{{ asset('bundles/othellogame/js/Player.js') }}"></script>
- <script src="{{ asset('bundles/othellogame/js/PlayerLearned.js') }}"></script>
- <script src="{{ asset('bundles/othellogame/js/PlayerLearning.js') }}"></script>
- <script src="{{ asset('bundles/othellogame/js/draw.js') }}"></script>
- </head>
- <body>
- <header>
- <div id="container" class="container">
- <a href="{{ path('homepage') }}"><img src="{{ asset('bundles/othellouser/images/logo.ico') }}" alt="" /></a>
- {{ knp_menu_render('OthelloUserBundle:MenuBuilder:mainMenu') }}
- <div class="profile">{{ knp_menu_render('OthelloUserBundle:MenuBuilder:interfaceMenu') }}</div>
- <div id="form_container">
- <div class="form">
- <div id="login_form">
- {% render controller("FOSUserBundle:Security:login") %}
- <div class="line"></div>
- <p class="">Dont have any account? <span class="join link">JOIN HERE</span></p>
- </div>
- <div id="register_form">
- {% render controller("FOSUserBundle:Registration:register") %}
- <div class="line"></div>
- <p class="">Already have an account? <span class="sign link">SIGN IN<span></p>
- </div>
- </div>
- </div>
- {% if is_granted("ROLE_USER") %}
- <div class="user">{{ 'layout.logged_in_as'|trans({'%username%': app.user.username}, 'FOSUserBundle') }} |
- <a class="link" href="{{ path('fos_user_security_logout') }}">
- {{ 'layout.logout'|trans({}, 'FOSUserBundle') }}
- </a>
- </div>
- {% endif %}
- </div>
- </header>
- <div id="wrapper" onload="javascript:ui.showMenu()">
- <a id="game-title" href="javascript:ui.showMenu()">Othello</a>
- <div id="menu" class="no-game" style="display: none;">
- <a id="resume-game" href="javascript:ui.resumeGame()" style="display: none;" class="button">Continuer</a>
- <a id="start-game" href="javascript:ui.startGame()" class="button">Commencer</a>
- <!--<a id="start-campaign" href="javascript:ui.startCampaign()" class="button">Campagne</a>-->
- <a id="show-best-scores" href="javascript:ui.showBestScores()" class="button">Meilleurs scores</a>
- <a id="show-preferences" href="javascript:ui.showPreferences()" class="button">Preferences</a>
- </div>
- <!--<div id="campaign-level" class="button game"></div>-->
- <div id="board" class="game">
- <canvas id="board-canvas" width="400" height="400"></canvas>
- <a id="menu-link" href="javascript:ui.showMenu()" title="Open menu" class="button"><i class="fa fa-bars"></i></a>
- </div>
- <div id="players-info" class="game">
- <div id="player0" class="player">
- <div class="name"></div>
- <div class="player0-score score"></div>
- </div>
- <div id="player1" class="player">
- <div class="name"></div>
- <div class="player1-score score"></div>
- </div>
- </div>
- <div id="game-is-over" class="dialog">
- <div id="game-is-over-winner">
- <h1>Vous avez gagné !</h1>
- </div>
- <div id="game-is-over-loser">
- <p>Vous avez perdu !</p>
- </div>
- <div class="score">
- <span class="player0-score">0</span>-<span class="player1-score">0</span>
- </div>
- <p><span id="timer"></span> secondes</p>
- <a href="javascript:ui.startCampaign()" class="continue-campaign button">Continuer la campagne</a>
- <a href="javascript:ui.startGame()" class="button">Rejouer</a>
- <a href="javascript:ui.showMenu()" class="button">Retour</a>
- </div>
- <div id="best-scores" class="dialog">
- <div class="dialog-inner">
- <div class="dialog-title">
- <h1>Meilleurs scores</h1>
- </div>
- <div class="dialog-body">
- <div class="best-scores-empty">Aucun score enregistré !</div>
- <table class="best-scores-table">
- </table>
- </div>
- <div class="dialog-footer">
- <a href="javascript:ui.hideBestScores()" class="button">Annuler</a>
- </div>
- </div>
- </div>
- <div id="preferences" class="dialog">
- <div class="dialog-inner">
- <div class="preferences-title dialog-title">
- <h1>Préférences</h1>
- </div>
- <div class="preferences-settings dialog-body">
- <p>
- <label for="preferences-color">Couleur :</label>
- <select id="preferences-color">
- <option value="white" selected>Blanc</option>
- <option value="black">Noir</option>
- </select>
- </p>
- <p>
- <label for="preferences-start">Qui commence ?</label>
- <select id="preferences-start">
- <option value="me" selected>Moi</option>
- <option value="opponent">Adversaire</option>
- </select>
- </p>
- <p><span class="label">Taille :</span>
- <input type='number' id='preferences-cellRows' min='4' /> x
- <input type='number' id='preferences-cellColumns' min='4' />
- </p>
- <p>
- <label>
- <input type="checkbox" id="different-starting-point" />Centrer au départ</label>
- <span id='preferences-startingPoint' class='hidden'><input type='number' id='preferences-startingPointX' min='0'/> x <input type='number' id='preferences-startingPointY' min='0'/></span>
- </p>
- <fieldset>
- <legend>Apparence</legend>
- <p>
- <label for="preferences-table-color">Couleur du plateau</label>
- <input id="preferences-table-color" type="color" />
- </p>
- <p>
- <label for="preferences-table-border-color">Couleur de la bordure du plateau :</label>
- <input id="preferences-table-border-color" type="color" />
- </p>
- </fieldset>
- </div>
- <div class="preferences-controls dialog-footer">
- <a href="javascript:ui.hidePreferences()" class="button">Quitter</a>
- <a href="javascript:ui.savePreferences()" class="button">Sauvegarder</a>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement