<!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&d=3000&ss=36&ps=d&pf=d&lcs=YeiP&dcs=Qcij&bbcs=D91v&bscs=Lb2$&hm=n&hcs=Udiz&bd=h&hd=j&md=f&tm=0&fhcs=$$$$&fhs=16&fmcs=$$$$&fccs=v71$&hmcs=Qcij&fms=16&fcs=m&cd=n&bcs=____&fp=18&hl=t&fh=330&fw=660&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&iv=3&ih=32&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&d=3000&ih=18&ss=50&ps=d&pf=d&lcs=_XNo&dcs=O8AB&bbcs=r4fT&hm=b&hcs=r4fT&bd=s&cbcs=YeiP&ctcs=$$$$&hd=j&md=f&tm=25&fhcs=$$$$&fhs=23&fmcs=$$$$&fccs=v71$&hmcs=_XNo&fms=19&fcs=m&cd=i&bcs=____&fp=0&hl=t&fh=b&fw=p&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&d=1000&ss=50&ps=40&pf=u&lcs=Ut65&dcs=ObJH&bbcs=$$$$&hm=b&hcs=__X$&bd=h&hd=c&md=f&tm=50&fhcs=$$$$&fhs=16&fmcs=$$$$&fccs=_L$$&hmcs=__X$&fms=14&fcs=m&cd=i&bcs=____&fp=10&hl=f&fh=1000&fw=609&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&refreshMinutes=0.25&refreshDemo=true&initialGame=vovk&showColorFlag=true&pieceFont=random&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&refreshMinutes=0.25&refreshDemo=true&demoPly=0,1,2,3&maxBoards=4&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&d=1000&ig=vovk&ih=e&ss=36&ps=d&pf=d&lcs=Wtyk&dcs=OXJO&bbcs=OXJO&hm=b&hcs=C8B5&bd=c&cbcs=UJ2e&ctcs=nkYj&hd=l&md=h&tm=0&fhcs=nkYi&fhs=18&fmcs=nkYi&fccs=DoRa&hmcs=ZbNv&fms=18&fcs=m&cd=h&bcs=Wtyk&fp=18&hl=f&fh=515&fw=b&pd=demoLiveGames.pgn&rm=0.25&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&initialGame=2&refreshMinutes=0.25&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&videoWidth=480&videoHeight=270&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&videoUrl=http://go.casaschi.net/pgn4web-demo-video-ogg-file&videoWidth=480&videoHeight=270&videoLoop=true">video</a> </td></tr></tbody></table> <div> </div> <div style="text-align:center;"><a href="#top" onfocus="this.blur();" style="display:inline-block; width:20%;"> </a><span style="display:inline-block; width:20%;"></span><a name="demo" href="#demo" onfocus="this.blur();" style="display:inline-block; width:20%;"> </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>