hdkv
/
lorchess.ru
1
Fork 0
Code Releases Activity
lorchess.ru/assets/vendor/pgn4web/demo.html

260 lines
14 KiB
HTML
Raw Blame History

<!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 demo site</title>
<style type="text/css">
html, body { margin: 0px; padding: 0px; }
body
{ color: black; background: white; font-family: sans-serif; padding: 1.75em; padding-bottom: 4em; overflow-x: hidden; }
a
{ color: black; text-decoration: none; }
.linkhead,
a.linklist,
a.linkselected
{ font-size: 80%; color: black; text-decoration: none; word-spacing: normal; white-space: nowrap; }
a.linkhead:hover,
a.linklist:hover,
a.linkselected
{ color: red; }
</style>
<link rel="shortcut icon" href="pawn.ico" />
<script type="text/javascript">
"use strict";
function gup(name) {
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regexS = "[\\?&]"+name+"=([^&#]*)";
regexS = regexS+"(?!.*"+regexS+")"; // matches the LAST occurrence
var regex = new RegExp( regexS, "i" );
var results = regex.exec( window.location.href );
if (results === null) { return ""; }
else { return decodeURIComponent(results[1]); }
}
var pgn4webTestWin = null;
function openPgn4webTest(url) {
if (pgn4webTestWin && !pgn4webTestWin.closed) { pgn4webTestWin.close(); }
pgn4webTestWin = window.open(url, "pgn4webTest");
if (window.focus) { pgn4webTestWin.focus(); }
return false;
}
</script>
</head><body>
<h1 style="margin-top:0px; padding-top:0px; text-align:right;">
<span style="float:left; color:red;">
pgn4web demo site
</span>
<a href="." onfocus="this.blur();" style="width:49px; height:29px; background:url(pawns.png) -47px -15px; vertical-align:baseline; display:inline-block;"></a>
</h1>
<div style="height:1em;"></div>
<table style="font-size: 100%; font-weight: bold; text-align: left; line-height: 1.5em; word-spacing: 1em">
<tbody><tr valign="top"><td>
<a class="linkhead" style="font-weight: normal; white-space: nowrap; margin-right: 1em;" href="http://pgn4web-test.casaschi.net" onclick="return openPgn4webTest(this.href);">platform integration tests:</a>
</td><td>
<a class="linklist" href="http://pgn4web-test.casaschi.net/blogger/" onclick="return openPgn4webTest(this.href);">blogger</a>
<a class="linklist" href="http://pgn4web-test.casaschi.net/drupal/" onclick="return openPgn4webTest(this.href);">drupal</a>
<a class="linklist" href="http://pgn4web-test.casaschi.net/googlesites/" onclick="return openPgn4webTest(this.href);">google sites</a>
<a class="linklist" href="http://pgn4web-test.casaschi.net/joomla/" onclick="return openPgn4webTest(this.href);">joomla</a>
<a class="linklist" href="http://pgn4web-test.casaschi.net/mediawiki/" onclick="return openPgn4webTest(this.href);">mediawiki</a>
<a class="linklist" href="http://pgn4web-test.casaschi.net/phpbb/" onclick="return openPgn4webTest(this.href);">phpbb</a>
<a class="linklist" href="http://pgn4web-test.casaschi.net/simplemachines/" onclick="return openPgn4webTest(this.href);">simplemachines</a>
<a class="linklist" href="http://pgn4web-test.casaschi.net/wordpress/" onclick="return openPgn4webTest(this.href);">wordpress.org</a>
</td></tr></tbody></table>
<table style="font-size: 100%; font-weight: bold; text-align: left; line-height: 1.5em; word-spacing: 1em">
<tbody><tr valign="top"><td>
<span class="linkhead" style="font-weight: normal; margin-right: 1em;">html demos:</span>
</td><td>
<a class="linklist" id="chess960" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="chess960wch06.html">chess960</a>
<a class="linklist" id="debug" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="board.html?am=l&amp;d=3000&amp;ss=36&amp;ps=d&amp;pf=d&amp;lcs=YeiP&amp;dcs=Qcij&amp;bbcs=D91v&amp;bscs=Lb2$&amp;hm=n&amp;hcs=Udiz&amp;bd=h&amp;hd=j&amp;md=f&amp;tm=0&amp;fhcs=$$$$&amp;fhs=16&amp;fmcs=$$$$&amp;fccs=v71$&amp;hmcs=Qcij&amp;fms=16&amp;fcs=m&amp;cd=n&amp;bcs=____&amp;fp=18&amp;hl=t&amp;fh=330&amp;fw=660&amp;pe=520$A_e0G3vgZt82XAeAsL4AVvs$ZZaxf5uL5kaKo0IxBHl3M0dgK1LKQNH3ueKCLtwmVLpw7HXh3HKeSvNFrlZqMzg9Pjt7_uIutuqw_BN_OTC_N9o0F0Plt7Z84KDu3avM0_4CxgW7yVPou8veUoK33Q4ca4zKUTcnz1eOM7HX5uqyZt2l8$ZZaxf5uL5kaKo0IxBHl3M0dgK3qPHaYrG06OWUX6DkZH5Dhae3waaOYTbFC4KBXo3hI46xeSWmSCRTuUHKXZ8_XxBfpvs4CxexgqV6M1TbfuMoTztN7ZI5mNn2Zl3M4ca4zKUTcnz1eOM7OEnp6YCLokd$OZ$NEsW7cHjQzHVl5viUkGcvUEkXRqIRWrOsJSqnqHqdcHmBcC5QVYtK5KmGOqDLiDfSn6XmdwRqftwh31BHl4ZJkvyUYXZ2P9_l2j84CxfAAUZX5kixSOtbx8lxyM6WYGWOWreXRmZu3_Zgi7cfdxOM6M7IY2Twr57eTHXheo3ulyaUb0_$0">debug</a>
<a class="linklist" id="huebner" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="analysis.html?ig=3&amp;iv=3&amp;ih=32&amp;pd=chess-informant-sample.pgn">huebner</a>
<a class="linklist" id="kk" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="mini.html">kk</a>
<a class="linklist" id="kramnik" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="board.html?am=n&amp;d=3000&amp;ih=18&amp;ss=50&amp;ps=d&amp;pf=d&amp;lcs=_XNo&amp;dcs=O8AB&amp;bbcs=r4fT&amp;hm=b&amp;hcs=r4fT&amp;bd=s&amp;cbcs=YeiP&amp;ctcs=$$$$&amp;hd=j&amp;md=f&amp;tm=25&amp;fhcs=$$$$&amp;fhs=23&amp;fmcs=$$$$&amp;fccs=v71$&amp;hmcs=_XNo&amp;fms=19&amp;fcs=m&amp;cd=i&amp;bcs=____&amp;fp=0&amp;hl=t&amp;fh=b&amp;fw=p&amp;pd=demoGames.pgn">kramnik</a>
<a class="linklist" id="london" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="lon09r5.html">london</a>
<a class="linklist" id="morphy" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="widget.html">morphy</a>
<a class="linklist" id="pgn_collection" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="collection-example.html">pgn collection</a>
<a class="linklist" id="pgn_form" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="inputform.html">pgn form</a>
<a class="linklist" id="puzzles" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="tactics.html">puzzles</a>
<a class="linklist" id="reykjavik" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href='board.html?am=g&amp;d=1000&amp;ss=50&amp;ps=40&amp;pf=u&amp;lcs=Ut65&amp;dcs=ObJH&amp;bbcs=$$$$&amp;hm=b&amp;hcs=__X$&amp;bd=h&amp;hd=c&amp;md=f&amp;tm=50&amp;fhcs=$$$$&amp;fhs=16&amp;fmcs=$$$$&amp;fccs=_L$$&amp;hmcs=__X$&amp;fms=14&amp;fcs=m&amp;cd=i&amp;bcs=____&amp;fp=10&amp;hl=f&amp;fh=1000&amp;fw=609&amp;pe=1227$zlax9RvmYXZNS4XYTucLSNGYTbS4coab2l8$JzaLr6WMr52wilheKl8$y2xz1BHASUtGJ05n9pNmXX5Hh0oyuOYZ64Tef4XZ2eMilh1NYfdvls2eVe3u0Vd_c3ul4coaE6V_9P1je54cnHb11nvoaz7$ij2qQ2$gK3qU5$fbzN3ZgD30jM$Om7T1$BBf3BjH90$OlPfJeaDr02O7YF0L7YxcQ8F29$yshpvqS7bn3ayNV0FpvN$fVg3dzrl5n10xnvoFKHfq$71GW32kYx2p06h5voGz5T1$IDyR7bj1$zYfYN2d$v8W308pwnnr13Xf3iz7j0$RXf4i37b16sDwSoj7f1dZRpdE3rw2$fAx$IVw5$fcijdPrl7P16pbvC7gL3me7vqoj790$RRgij7r0$OlDsEN32vfcKzdQSN59$vAsXv9I5a5502kpbwazbf13YfYkejbn13FEVwajbL1$zRgrzk2c$vnBKP2k8F5r0$khpwGhMwf7VzpdKdfML308ryO7nd06jHgU3nj04bf4lB7Ln3q9vatDLv3m8HyKBuAB5$xy7VYUNbn06mHfijnP1dK4uDJ8Nbr06h4uDJSNb4$yIhpyIpb_gwL3m87yI3uAB0L7J7paFW9yhv7VhJYuDJENc506sX_grPk5z$yJNKPmtU5B$yElPgRJPgG$7JGI3cnlpP16HgrQFcr02RDExc4$yKyfCkWjpr01u7tM5wL7i9wUzrj0$g1DVBU1Owvf3zU2N7Tv3mjg4QdgMv7WHPcb_gO$7JDN6yoDW6c$yImygsKjrT1aBzfAwoLD3sRqY4MbgML3sDpaIHyvT3sRqY4M3fjD1dPc1i79b1$FpyIjND9f1dQExdW9l4b06hn_grzp1H$vat7hg0uRt2eTDXgZ_pZXZS$_2qi8p9tkwDzq2eRZmxXir0AnaSNYY$_7P_2l81OUY2lmNr0ZmKWfPmD29KNeG0AjTY2XbeBZg7u3h7Z7Gfz6fNJfojz8eK2TCZxSPtwJBGvuzpwGWOWra$ZWCPjmKWu2TcBUcLeLQCDaSNYY4We2gKQKgUmr4WUtZwJZ7zgXglw6U_fDtb0'>reykjavik</a>
<a class="linklist" id="tallinn_live_dynamic" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="dynamic-frame.html?pgnData=demoLiveGames.pgn&amp;refreshMinutes=0.25&amp;refreshDemo=true&amp;initialGame=vovk&amp;showColorFlag=true&amp;pieceFont=random&amp;colorTheme=blue">tallinn live dynamic</a>
<a class="linklist" id="tallinn_live_mosaic" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="live-mosaic-viewer.html?pgnData=demoLiveGames.pgn&amp;refreshMinutes=0.25&amp;refreshDemo=true&amp;demoPly=0,1,2,3&amp;maxBoards=4&amp;barePadding=40px">tallinn live mosaic</a>
<a class="linklist" id="tallinn_live_widget" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="board.html?am=n&amp;d=1000&amp;ig=vovk&amp;ih=e&amp;ss=36&amp;ps=d&amp;pf=d&amp;lcs=Wtyk&amp;dcs=OXJO&amp;bbcs=OXJO&amp;hm=b&amp;hcs=C8B5&amp;bd=c&amp;cbcs=UJ2e&amp;ctcs=nkYj&amp;hd=l&amp;md=h&amp;tm=0&amp;fhcs=nkYi&amp;fhs=18&amp;fmcs=nkYi&amp;fccs=DoRa&amp;hmcs=ZbNv&amp;fms=18&amp;fcs=m&amp;cd=h&amp;bcs=Wtyk&amp;fp=18&amp;hl=f&amp;fh=515&amp;fw=b&amp;pd=demoLiveGames.pgn&amp;rm=0.25&amp;rd=t">tallinn live widget</a>
<a class="linklist" id="tilburg_live" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="live-compact.html?pgnData=tilb98r2.pgn&amp;initialGame=2&amp;refreshMinutes=0.25&amp;refreshDemo=true">tilburg live</a>
<a class="linklist" id="tilburg_replay" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="tilb98r2.html">tilburg replay</a>
<a class="linklist" id="twic" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="twic944.html">twic</a>
<a class="linklist" id="youtube" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="video.html?youtubeVideoid=rquK2U23WMU&amp;videoWidth=480&amp;videoHeight=270&amp;videoLoop=true">youtube</a>
<!-- ogg file backed up on the pgn4web wiki: http://pgn4web.googlecode.com/svn/wiki/video/KrushKosteniuk2010.ogv -->
<a class="linklist" id="video" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="video.html?pgnData=KrushKosteniuk2010.pgn&amp;videoUrl=http://go.casaschi.net/pgn4web-demo-video-ogg-file&amp;videoWidth=480&amp;videoHeight=270&amp;videoLoop=true">video</a>
</td></tr></tbody></table>
<div>&nbsp;</div>
<div style="text-align:center;"><a href="#top" onfocus="this.blur();" style="display:inline-block; width:20%;">&nbsp;</a><span style="display:inline-block; width:20%;"></span><a name="demo" href="#demo" onfocus="this.blur();" style="display:inline-block; width:20%;">&nbsp;</a></div>
<p></p>
<center>
<iframe id="pgnframe" name="pgnframe" frameborder='0' height="2000" width="100%" scrolling="no" marginheight="0" marginwidth="0">your browser does not support the required iframe functionality</iframe>
</center>
<script type="text/javascript">
"use strict";
var selected_object = null;
function select_frame(new_frame) {
var new_object = document.getElementById(new_frame);
if (new_object !== null) {
if (selected_object !== null) {
if (new_object == selected_object) { return false; }
selected_object.className = "linklist";
}
selected_object = new_object;
frames['pgnframe'].location.href = selected_object.href;
var new_frame_width = "100%";
var new_frame_height = "1000px";
var new_frame_border = "";
var new_frame_borderRadius = "";
var new_frame_boxShadow = "";
switch (new_frame) {
case "huebner":
new_frame_height = "664px";
break;
case "kramnik":
new_frame_height = "556px";
break;
case "kk":
new_frame_height = "450px";
break;
case "pgn_collection":
new_frame_height = "2000px";
break;
case "pgn_form":
new_frame_width = "753px";
break;
case "puzzles":
new_frame_width = "508px";
new_frame_height = "246px";
new_frame_border = "solid 50px transparent";
new_frame_borderRadius = "3px";
new_frame_boxShadow = "0px 0px 15px #C9AD6F";
break;
case "tallinn_live_dynamic":
if (Math.random() > 0.33) {
new_frame_width = "800px";
new_frame_height = "400px";
} else {
new_frame_width = "333px";
new_frame_height = "592px";
}
new_frame_border = "double 8px #80B0E0";
new_frame_borderRadius = "4px";
new_frame_boxShadow = "0px 0px 10px #80B0E0";
break;
case "tallinn_live_mosaic":
new_frame_width = "672px"; // ((256 + 40) * 2) + 40 * 2
new_frame_height = "747px"; // ((306 + 20) * 2 + 15) + 40 * 2
new_frame_boxShadow = "0px 0px 10px #E4E4E4";
break;
case "tallinn_live_widget":
new_frame_height = "515px";
new_frame_width = "330px";
new_frame_border = "solid 10px #EDE8D5";
new_frame_borderRadius = "10px";
new_frame_boxShadow = "0px 0px 20px #663300";
break;
case "tilburg_live":
new_frame_width = "480px";
new_frame_height = "360px";
new_frame_border = "solid 30px #EDE8D5";
new_frame_borderRadius = "15px";
new_frame_boxShadow = "0px 0px 20px #663300";
break;
case "twic":
new_frame_height = "1200px";
break;
default:
break;
}
document.getElementById("pgnframe").width = new_frame_width;
document.getElementById("pgnframe").height = new_frame_height;
document.getElementById("pgnframe").style.border = new_frame_border;
document.getElementById("pgnframe").style.borderRadius = new_frame_borderRadius;
document.getElementById("pgnframe").style.boxShadow = new_frame_boxShadow;
selected_object.className = "linkselected";
} else {
select_frame("kk");
}
return false;
}
function random_frame() {
var random_selection = ["chess960", "chess960", "huebner", "huebner", "kramnik", "kramnik", "kk", "kk", "kk", "kk", "kk", "london", "london", "morphy", "morphy", "puzzles", "puzzles", "tallinn_live_dynamic", "tallinn_live_dynamic", "tallinn_live_dynamic", "tallinn_live_mosaic", "tallinn_live_mosaic", "tallinn_live_mosaic", "tallinn_live_widget", "tilburg_replay", "tilburg_replay", "tilburg_live", "video", "youtube", "youtube"];
return random_selection[Math.floor(random_selection.length * Math.random())];
}
var initial_frame = gup("frame");
if (initial_frame === "") { initial_frame = "random"; }
if (initial_frame == "random") { initial_frame = random_frame(); }
select_frame(initial_frame);
</script>
</body>
</html>
View Git Blame Copy Permalink