214 lines
6.2 KiB
HTML
214 lines
6.2 KiB
HTML
|
<!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 puzzler</a></div>
|
||
|
|
<h1 style="display:inline-block; margin:0px; padding:0px;"> </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&gameNum=&pieceFont=hash&squareSize=24&lightColorHex=FFFFFF&darkColorHex=EEEEEE&controlBackgroundColorHex=FFFFFF&controlTextColorHex=888888&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 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 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 viewer</a></div>
|
||
|
|
<div class="menu_item"><a title="online service broadcasting live games from current chess events" href="live/live.html">live broadcast</a><br/><a class="menu_subitem" title="live broadcast analysis view" href="live/live.html?m=a">analysis view</a><br/><a class="menu_subitem" title="live broadcast fullscreen view" href="live/live-fullscreen.html?scf=t">fullscreen view</a><br/><a class="menu_subitem" title="live broadcast mosaic view with multiple chessboards" href="live/live-mosaic.html">mosaic view</a><br/><a class="menu_subitem" title="live broadcast results view" href="live/live-results.html">results 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;"> </a>
|
||
|
|
<iframe
|
||
|
|
class='iframe_area' height='354' width='708' frameborder='0' scrolling='no' marginheight='0' marginwidth='0'
|
||
|
|
src='board.html?am=l&d=3000&ih=1&ss=41&ps=33&pf=r&lcs=Wtyk&dcs=OXJO&bbcs=OXJO&hm=n&hcs=ZbNv&bd=h&hd=c&md=f&tm=17&fhcs=nkYj&fhs=14&fmcs=nkYj&fccs=nkYj&hmcs=ZbNv&fms=14&fcs=m&cd=h&bcs=Wtyk&fp=10&hl=t&fh=b&fw=p&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;"> </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>
|