<!DOCTYPE HTML>
<html>

<!--
  pgn4web javascript chessboard
  copyright (C) 2009-2014 Paolo Casaschi
  see README file and http://pgn4web.casaschi.net
  for credits, license and more details
-->

<head>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>pgn4web</title>

<script src="pgn4web-server-config.js" type="text/javascript"></script>

<style type="text/css">

html, body {
  margin: 0px;
  padding: 0px;
}

body {
  color: black;
  background: white;
  font-family: sans-serif;
  padding: 1.75em;
}

a {
  color: black;
  text-decoration: none;
}

a:hover, a:active {
  color: red;
}

.menu_heading {
  font-weight: normal;
  margin-left: 0px;
  margin-right: 2em;
  margin-top: 1.5em;
  margin-bottom: 0px;
  white-space: nowrap;
}

.menu_item {
  font-weight: bold;
  margin-left: 1.25em;
  margin-right: 2em;
  margin-top: 0.5em;
  margin-bottom: 0px;
  white-space: nowrap;
}

.menu_subitem {
  display: inline-block;
  font-size: 0.8em;
  margin-left: 1em;
  margin-top: 0.4em;
  white-space: nowrap;
}

.banner {
  font-size: 1.5em;
  letter-spacing: 0.1em;
  word-spacing: 0.1em;
  line-height: 1.4em;
  margin-bottom: 0.1em;
  white-space: nowrap;
  text-align: center;
}

.iframe_area {
  display: block;
  margin: 0;
  margin-right: 1em;
  background-color: #EDE8D5;
  box-shadow: 0px 0px 20px #663300;
  border-style: solid;
  border-color: #EDE8D5;
  border-width: 13px;
  border-radius: 10px;
}

.positionLink {
  display:block;
  width:708px;
  height:0.5em;
  margin-right:1em;
}

</style>

<link rel="shortcut icon" href="pawn.ico" />


<!-- DeploymentCheck: google analytics code -->

<!-- end DeploymentCheck -->


</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" width="99.9%"><tbody>
<tr>
<td align="left" valign="top">

<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://code.google.com/p/pgn4web/wiki/Example_Puzzler">chess&nbsp;puzzler</a></div>
<h1 style="display:inline-block; margin:0px; padding:0px;">&nbsp;</h1>

</td>
<td align="center" valign="top">

<h1 style="margin:0px; padding:0px; text-align:right;">
<span style="float:left; color:red; padding-left:13%">
pgn4web
</span>
<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>
</h1>

</td>
</tr>
<tr>
<td align="left" valign="top">

<div class="menu_item" style="margin-left:0px;">
<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'>
iframe support required to display the chess puzzler
</iframe>
</div>

</td>
<td align="center" valign="middle">

<div class="banner">javascript chess games viewer<br/>for websites, blogs and live broadcasts</div>

</td>
</tr>
<tr>
<td align="left" valign="top">

<div class="menu_heading"><a href="http://code.google.com/p/pgn4web/wiki/ServiceAvailability">online&nbsp;services</a></div>
<div class="menu_item"><a title="online service adding an interactive chessboard to your website or your blog" href="board-generator.html">board&nbsp;generator</a></div>
<div class="menu_item"><a id="viewer_link" title="online service for viewing chess games from *.PGN files, from links to *.PGN URLs and from PGN text" href=.>games&nbsp;viewer</a></div>
<div class="menu_item"><a title="online service broadcasting live games from current chess events" href="live/live.html">live&nbsp;broadcast</a><br/><a class="menu_subitem" title="live broadcast analysis view" href="live/live.html?m=a">analysis&nbsp;view</a><br/><a class="menu_subitem" title="live broadcast fullscreen view" href="live/live-fullscreen.html?scf=t">fullscreen&nbsp;view</a><br/><a class="menu_subitem" title="live broadcast mosaic view with multiple chessboards" href="live/live-mosaic.html">mosaic&nbsp;view</a><br/><a class="menu_subitem" title="live broadcast results view" href="live/live-results.html">results&nbsp;view</a></div>
<div class="menu_heading"><a href="http://code.google.com/p/pgn4web/">software</a></div>
<div class="menu_item"><a href="demo.html">demo</a></div>
<div class="menu_item"><a href="http://pgn4web-downloads.casaschi.net">downloads</a></div>
<div class="menu_item"><a href="http://code.google.com/p/pgn4web/wiki/Index?tm=6">wiki</a></div>
<div class="menu_heading"><a href="http://code.google.com/p/pgn4web/wiki/Credits_and_License">contacts</a></div>
<div class="menu_item"><a id="blog_link" href=.>blog</a></div>


<!-- DeploymentCheck: donations code -->

<!-- end DeploymentCheck -->


<div class="menu_item"><a id="email_link" href=.>email</a></div>

</td>
<td align="center" valign="top" width="100%">

<a name="board" href="#board" onfocus="this.blur();" class="positionLink" style="margin-bottom:1em;">&nbsp;</a>
<iframe
  class='iframe_area' height='354' width='708' frameborder='0' scrolling='no' marginheight='0' marginwidth='0'
  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;pd=gotd.php'
>
  your web browser and/or your host do not support iframes as required to display the chessboard
</iframe>
<a href="#top" onfocus="this.blur();" class="positionLink" style="margin-top:1em;">&nbsp;</a>

</td>
</tr>
<tr>
<td align="left" valign="top" colspan="2">


<!-- DeploymentCheck: news feed code -->

<!-- end DeploymentCheck -->


</td>
</tr>
</tbody></table>


<!-- DeploymentCheck: hostedBy code -->

<!-- end DeploymentCheck -->


<script type="text/javascript">
"use strict";

var theObj;
if (theObj = document.getElementById("viewer_link")) { theObj.href = pgn4web_viewer_url; }
if (theObj = document.getElementById("blog_link")) { theObj.href = pgn4web_project_blog; }
if (theObj = document.getElementById("email_link")) { theObj.href = "mailto:" + pgn4web_project_email; }

</script>

</body>

</html>