1

Add the game layout with a pgn4web chess board.

This commit is contained in:
vonavi
2014-02-18 16:45:54 +02:00
parent b7562b7ae9
commit 411f1704c1
6 changed files with 109 additions and 0 deletions

View File

@@ -13,6 +13,9 @@
<!-- Bootstrap core CSS -->
{% stylesheet bootstrap %}
<!-- Custom styles for this template -->
{% stylesheet theme %}
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
@@ -31,5 +34,8 @@
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
{% javascript bootstrap %}
{% javascript holder %}
<!-- Custom JavaScript based on Bootstrap and jQuery -->
{% javascript custom %}
</body>
</html>

41
_layouts/game.html Normal file
View File

@@ -0,0 +1,41 @@
---
layout: default
---
<div class="col-xs-12 col-sm-8 col-sm-offset-2">
<h1>{{ page.title }}</h1>
{{ content }}
</div>
<div class="col-xs-12">
<div id="GameWrapper" data-spy="affix">
<p></p>
<div id="GameSelector"></div>
<p></p>
<div id="GameBoard"></div>
<p></p>
<div id="GameButtons"></div>
</div>
<div id="TextWrapper">
<p></p>
<b><span id="GameWhite"></span>&nbsp;-&nbsp;<span id="GameBlack"></span>&nbsp;&nbsp;<span id="GameResult"></span></b>
<p></p>
<div id="GameText"></div>
<p></p>
</div>
</div>
<!-- pgn4web JavaScript -->
{% javascript pgn4web %}
<script type="text/javascript">
"use strict";
SetPgnUrl("{{ page.pgn }}");
SetImagePath("/assets/img/chesspieces/wikipedia");
SetImageType("png");
SetGameSelectorOptions("Выбрать партию ...", false, 0, 0, 0, 15, 15, 0, 10); // (head, num, chEvent, chSite, chRound, chWhite, chBlack, chResult, chDate);
SetCommentsOnSeparateLines(true);
SetShortcutKeysEnabled(true);
</script>