1<!DOCTYPE HTML>
2<html>
3
4<!--
5  pgn4web javascript chessboard
6  copyright (C) 2009-2016 Paolo Casaschi
7  see README file and http://pgn4web.casaschi.net
8  for credits, license and more details
9-->
10
11<head>
12
13<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
14
15<title>pgn4web</title>
16
17<script src="pgn4web-server-config.js" type="text/javascript"></script>
18<script src="pgn4web.js" type="text/javascript"></script>
19
20<style type="text/css">
21
22html, body {
23  margin: 0px;
24  padding: 0px;
25}
26
27body {
28  color: black;
29  background: white;
30  font-family: sans-serif;
31  padding: 1.75em;
32}
33
34a {
35  color: black;
36  text-decoration: none;
37}
38
39a:hover, a:active {
40  color: red;
41}
42
43.menu_heading {
44  font-weight: normal;
45  margin-left: 0px;
46  margin-right: 2em;
47  margin-top: 1.5em;
48  margin-bottom: 0px;
49  white-space: nowrap;
50}
51
52.menu_item {
53  font-weight: bold;
54  margin-left: 1.25em;
55  margin-right: 2em;
56  margin-top: 0.5em;
57  margin-bottom: 0px;
58  white-space: nowrap;
59}
60
61.menu_subitem {
62  display: none;
63  font-size: 0.8em;
64  margin-left: 1em;
65  margin-top: 0.5em;
66  white-space: nowrap;
67}
68
69.banner {
70  font-size: 1.5em;
71  letter-spacing: 0.1em;
72  word-spacing: 0.1em;
73  line-height: 1.4em;
74  margin-bottom: 0.1em;
75  white-space: nowrap;
76  text-align: center;
77}
78
79.iframe_area {
80  display: block;
81  margin: 0;
82  margin-right: 1em;
83  background-color: #EDE8D5;
84  box-shadow: 0px 0px 20px #663300;
85  border-style: solid;
86  border-color: #EDE8D5;
87  border-width: 13px;
88  border-radius: 10px;
89}
90
91.positionLink {
92  display:block;
93  width:708px;
94  height:0.5em;
95  margin-right:1em;
96}
97
98</style>
99
100<link rel="icon" sizes="16x16" href="pawn.ico" />
101
102
103<!-- DeploymentCheck: google analytics code -->
104
105<!-- end DeploymentCheck -->
106
107
108</head>
109
110<body>
111
112<table border="0" cellpadding="0" cellspacing="0" width="99.9%"><tbody>
113<tr>
114<td align="left" valign="top">
115
116<div class="menu_heading" style="display:inline-block; margin-top:0px;"><a title="read how to add the chess puzzler to your website or your blog" href="http://pgn4web-project.casaschi.net/wiki/Example_Puzzler/">chess&nbsp;puzzler</a></div>
117<h1 style="display:inline-block; margin:0px; padding:0px;">&nbsp;</h1>
118
119</td>
120<td align="center" valign="top">
121
122<h1 style="margin:0px; padding:0px; text-align:right;">
123<span style="float:left; color:red; padding-left:13%">
124pgn4web
125</span>
126<a href="." onfocus="this.blur();" style="width:49px; height:29px; background:url(pawns.png) -47px -15px; vertical-align:baseline; display:inline-block; padding-right:0.5em;"></a>
127</h1>
128
129</td>
130</tr>
131<tr>
132<td align="left" valign="top">
133
134<div class="menu_item" style="margin-left:0px;">
135<iframe height='218' width='194' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='puzzler.php?pgnData=tactics.pgn&amp;gameNum=&amp;pieceFont=hash&amp;squareSize=24&amp;lightColorHex=FFFFFF&amp;darkColorHex=EEEEEE&amp;controlBackgroundColorHex=FFFFFF&amp;controlTextColorHex=888888&amp;frameBorderColorHex=none'>
136iframe support required to display the chess puzzler
137</iframe>
138</div>
139
140</td>
141<td align="center" valign="middle">
142
143<div class="banner">javascript chess games viewer<br/>for websites, blogs and live broadcasts</div>
144
145</td>
146</tr>
147<tr>
148<td align="left" valign="top">
149
150<div class="menu_heading"><a href="http://pgn4web-project.casaschi.net/wiki/ServiceAvailability/">online&nbsp;services</a></div>
151<div class="menu_item"><a id="board_generator_link" title="online service adding an interactive chessboard to your website or your blog" href=".">board&nbsp;generator</a></div>
152<div class="menu_item"><a title="online service for viewing chess games from *.PGN files, from links to *.PGN URLs and from PGN text" href="viewer.php">games&nbsp;viewer</a></div>
153<div class="menu_item"><a id="live_link" title="online service broadcasting live games from current chess events" href="live.html" onclick="location.href = liveLinks[Math.floor(liveLinks.length * Math.random())]; return false;">live&nbsp;broadcast</a><a id="live_analysis_link" class="menu_subitem" title="live broadcast analysis view" href=".">analysis&nbsp;view</a><a id="live_fullscreen_link" class="menu_subitem" title="live broadcast fullscreen view" href=".">fullscreen&nbsp;view</a><a id="live_mosaic_link" class="menu_subitem" title="live broadcast mosaic view with multiple chessboards" href=".">mosaic&nbsp;view</a><a id="live_results_link" class="menu_subitem" title="live broadcast results view" href=".">results&nbsp;view</a><a id="live_games_web_app_link" class="menu_subitem" title="live games web app installation" href=".">web&nbsp;app</a></div>
154
155<div class="menu_heading"><a href="http://pgn4web-project.casaschi.net/">software</a></div>
156<div class="menu_item"><a href="demo.html">demo</a></div>
157<div class="menu_item"><a href="http://pgn4web-downloads.casaschi.net">downloads</a></div>
158<div class="menu_item"><a href="http://pgn4web-project.casaschi.net/wiki/">wiki</a></div>
159
160
161<!-- DeploymentCheck: contacts -->
162
163<!-- end DeploymentCheck -->
164
165
166</td>
167<td align="center" valign="top" width="100%">
168
169<iframe
170  class='iframe_area' height='354' width='708' frameborder='0' scrolling='no' marginheight='0' marginwidth='0'
171  src='board.html?am=l&amp;d=3000&amp;ih=1&amp;ss=41&amp;ps=33&amp;pf=r&amp;lcs=Wtyk&amp;dcs=OXJO&amp;bbcs=OXJO&amp;hm=n&amp;hcs=ZbNv&amp;bd=h&amp;hd=c&amp;md=f&amp;tm=17&amp;fhcs=nkYj&amp;fhs=14&amp;fmcs=nkYj&amp;fccs=nkYj&amp;hmcs=ZbNv&amp;fms=14&amp;fcs=m&amp;cd=h&amp;bcs=Wtyk&amp;fp=10&amp;hl=t&amp;fh=b&amp;fw=p&amp;ee=t&amp;pd=gotd.php'
172>
173  your web browser and/or your host do not support iframes as required to display the chessboard
174</iframe>
175
176</td>
177</tr>
178
179
180<!-- DeploymentCheck: blog entries -->
181
182<!-- end DeploymentCheck -->
183
184
185</tbody></table>
186
187<script type="text/javascript">
188"use strict";
189
190function activate_menu_subitem(theObject, link, addToLiveLinks) {
191  theObj.href = link;
192  theObj.style.display = "block";
193  if (addToLiveLinks) { liveLinks.push(link); }
194}
195
196var theObj;
197
198if (theObj = document.getElementById("board_generator_link")) { theObj.href = pgn4web_generator_url; }
199
200var liveLinks = new Array();
201if (theObj = document.getElementById("live_analysis_link")) { activate_menu_subitem(theObj, "live.html?m=a", true); }
202if (theObj = document.getElementById("live_fullscreen_link")) { activate_menu_subitem(theObj, pgn4web_live_pointer_url + "/live-fullscreen.html?scf=t", true); }
203if (theObj = document.getElementById("live_mosaic_link")) { activate_menu_subitem(theObj, pgn4web_live_pointer_url + "/live-mosaic.html", true); }
204if (theObj = document.getElementById("live_results_link")) { activate_menu_subitem(theObj, pgn4web_live_pointer_url + "/live-results.html", true); }
205
206
207<!-- DeploymentCheck: live games web app -->
208
209<!-- end DeploymentCheck -->
210
211
212if (theObj = document.getElementById("email_link")) { theObj.href = "mailto:" + pgn4web_project_email; }
213
214</script>
215
216</body>
217
218</html>
219