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 demo site</title> 16 17<style type="text/css"> 18 19html, body { margin: 0px; padding: 0px; } 20 21body 22{ color: black; background: white; font-family: sans-serif; padding: 1.75em; padding-bottom: 4em; overflow-x: hidden; } 23 24a 25{ color: black; text-decoration: none; } 26 27.linkhead, 28a.linklist, 29a.linkselected 30{ font-size: 80%; color: black; text-decoration: none; word-spacing: normal; white-space: nowrap; } 31 32a.linkhead:hover, 33a.linklist:hover, 34a.linkselected 35{ color: red; } 36 37</style> 38 39<link rel="icon" sizes="16x16" href="pawn.ico" /> 40 41<script type="text/javascript"> 42"use strict"; 43 44function gup(name) { 45 name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); 46 var regexS = "[\\?&]"+name+"=([^&#]*)"; 47 regexS = regexS+"(?!.*"+regexS+")"; // matches the LAST occurrence 48 var regex = new RegExp( regexS, "i" ); 49 var results = regex.exec( window.location.href ); 50 if (results === null) { return ""; } 51 else { return decodeURIComponent(results[1]); } 52} 53 54var pgn4webTestWin = null; 55function openPgn4webTest(url) { 56 if (pgn4webTestWin && !pgn4webTestWin.closed) { pgn4webTestWin.close(); } 57 pgn4webTestWin = window.open(url, "pgn4webTest"); 58 if (window.focus) { pgn4webTestWin.focus(); } 59 return false; 60} 61 62</script> 63 64</head><body> 65 66<h1 style="margin-top:0px; padding-top:0px; text-align:right;"> 67<span style="float:left; color:red;"> 68pgn4web demo site 69</span> 70<a href="." onfocus="this.blur();" style="width:49px; height:29px; background:url(pawns.png) -47px -15px; vertical-align:baseline; display:inline-block;"></a> 71</h1> 72 73<div style="height:1em;"></div> 74 75<table style="font-size: 100%; font-weight: bold; text-align: left; line-height: 1.5em; word-spacing: 1em"> 76<tbody><tr valign="top"><td> 77 78<a class="linkhead" style="font-weight: normal; white-space: nowrap; margin-right: 1em;" onclick="return openPgn4webTest(this.href);" onfocus="this.blur();" href="http://pgn4web-test.casaschi.net">platform integration tests:</a> 79 80</td><td> 81 82<a class="linklist" href="http://pgn4web-test.casaschi.net/blogger/" onclick="return openPgn4webTest(this.href);">blogger</a> 83<a class="linklist" href="http://pgn4web-test.casaschi.net/drupal/" onclick="return openPgn4webTest(this.href);">drupal</a> 84<a class="linklist" href="http://pgn4web-test.casaschi.net/googlesites/" onclick="return openPgn4webTest(this.href);">google sites</a> 85<a class="linklist" href="http://pgn4web-test.casaschi.net/joomla/" onclick="return openPgn4webTest(this.href);">joomla</a> 86<a class="linklist" href="http://pgn4web-test.casaschi.net/mediawiki/" onclick="return openPgn4webTest(this.href);">mediawiki</a> 87<a class="linklist" href="http://pgn4web-test.casaschi.net/phpbb/" onclick="return openPgn4webTest(this.href);">phpbb</a> 88<a class="linklist" href="http://pgn4web-test.casaschi.net/wordpress/" onclick="return openPgn4webTest(this.href);">wordpress.org</a> 89 90</td></tr></tbody></table> 91 92<table style="font-size: 100%; font-weight: bold; text-align: left; line-height: 1.5em; word-spacing: 1em"> 93<tbody><tr valign="top"><td> 94 95<a class="linkhead" style="font-weight: normal; margin-right: 1em;" onclick="select_frame(random_frame());" onfocus="this.blur();" href="javascript:void(0);">html demos:</a> 96 97</td><td> 98 99<a class="linklist" id="chess960" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="chess960wch06.html">chess960</a> 100 101<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> 102 103<a class="linklist" id="euroteams" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="live-results.html?headlessPage=true&showLastMoves=true&pgnData=euroteams2011.pgn&refreshMinutes=0">euroteams</a> 104 105<a class="linklist" id="huebner" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="analysis.html?ewdab=t&ig=3&iv=3&ih=32&pd=chess-informant-sample.pgn">huebner</a> 106 107<a class="linklist" id="kk" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="mini.html">kk</a> 108 109<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&ee=t&pd=demoGames.pgn">kramnik</a> 110 111<a class="linklist" id="london" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="lon09r5.html">london</a> 112 113<a class="linklist" id="morphy" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="widget.html">morphy</a> 114 115<a class="linklist" id="olympiad_live" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="live-mosaic.html?barePadding=0&pgnData=oly14r11.pgn&boardTool=stone&flipBoards=even&hideFinishedGamesClocks=true&displayGame=1&maxBoards=8&refreshMinutes=0.1&refreshDemo=true&demoPly=1,1,1,1,1,1,1,1,1,1,1,1">olympiad live</a> 116 117<a class="linklist" id="pgn_collection" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="collection-example.html">pgn collection</a> 118 119<a class="linklist" id="pgn_form" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="inputform.html">pgn form</a> 120 121<a class="linklist" id="puzzles" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="tactics.html">puzzles</a> 122 123<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> 124 125<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> 126 127<a class="linklist" id="tallinn_live_mosaic" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="live-mosaic.html?pgnData=demoLiveGames.pgn&refreshMinutes=0.25&refreshDemo=true&demoPly=0,1,2,3&maxBoards=4&barePadding=40px">tallinn live mosaic</a> 128 129<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&ee=t&pd=demoLiveGames.pgn&rm=0.25&rd=t">tallinn live widget</a> 130 131<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> 132 133<a class="linklist" id="tilburg_replay" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="tilb98r2.html">tilburg replay</a> 134 135<a class="linklist" id="twic" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="twic944.html">twic</a> 136 137<a class="linklist" id="video" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="video.html?headerDisplay=false&pgnData=carlsensvidler.pgn&videoUrl=http://go.casaschi.net/pgn4web-demo-video-ogg-file&videoWidth=480&videoHeight=270&videoLoop=true">video</a> 138 139</td></tr></tbody></table> 140 141<div> </div> 142<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> 143 144<p></p> 145<center> 146<iframe id="pgnframe" name="pgnframe" style="height:0; width:0; border:none;" scrolling="no">your browser does not support the required iframe functionality</iframe> 147</center> 148 149<script type="text/javascript"> 150"use strict"; 151 152var selected_object = null; 153function select_frame(new_frame) { 154 155 var new_object = document.getElementById(new_frame); 156 if (new_object !== null) { 157 158 if (selected_object !== null) { 159 if (new_object == selected_object) { return false; } 160 selected_object.className = "linklist"; 161 } 162 selected_object = new_object; 163 frames['pgnframe'].location.href = selected_object.href; 164 165 var new_frame_width = "100%"; 166 var new_frame_height = "1000px"; 167 var new_frame_border = "none"; 168 var new_frame_borderRadius = ""; 169 var new_frame_boxShadow = ""; 170 var new_frame_scrolling = "no"; 171 172 switch (new_frame) { 173 case "euroteams": 174 new_frame_width = "1100px"; 175 new_frame_height = "550px"; 176 new_frame_border = "inset 2px #EFF4EC"; 177 new_frame_boxShadow = "0px 0px 2px 1px #C6CEC3"; 178 new_frame_scrolling = "auto"; 179 break; 180 case "huebner": 181 new_frame_height = "622px"; 182 break; 183 case "kramnik": 184 new_frame_height = "556px"; 185 break; 186 case "kk": 187 new_frame_height = "450px"; 188 break; 189 case "olympiad_live": 190 new_frame_width = "1184px"; // (256 + 40) * 4 191 new_frame_height = "691px"; // (318 + 20) * 2 + 15 192 break; 193 case "pgn_collection": 194 new_frame_height = "2000px"; 195 break; 196 case "pgn_form": 197 new_frame_width = "753px"; 198 break; 199 case "puzzles": 200 new_frame_width = "508px"; 201 new_frame_height = "246px"; 202 new_frame_border = "solid 50px transparent"; 203 new_frame_borderRadius = "3px"; 204 new_frame_boxShadow = "0px 0px 15px #C9AD6F"; 205 break; 206 case "tallinn_live_dynamic": 207 if (Math.random() > 0.33) { 208 new_frame_width = "800px"; 209 new_frame_height = "400px"; 210 } else { 211 new_frame_width = "328px"; 212 new_frame_height = "592px"; 213 } 214 new_frame_border = "double 8px #80B0E0"; 215 new_frame_borderRadius = "4px"; 216 new_frame_boxShadow = "0px 0px 10px #80B0E0"; 217 break; 218 case "tallinn_live_mosaic": 219 new_frame_width = "672px"; // ((256 + 40) * 2) + 40 * 2 220 new_frame_height = "747px"; // ((306 + 20) * 2 + 15) + 40 * 2 221 new_frame_boxShadow = "0px 0px 10px #E4E4E4"; 222 break; 223 case "tallinn_live_widget": 224 new_frame_height = "515px"; 225 new_frame_width = "330px"; 226 new_frame_border = "solid 10px #EDE8D5"; 227 new_frame_borderRadius = "10px"; 228 new_frame_boxShadow = "0px 0px 20px #663300"; 229 break; 230 case "tilburg_live": 231 new_frame_width = "480px"; 232 new_frame_height = "363px"; 233 new_frame_border = "solid 30px #EDE8D5"; 234 new_frame_borderRadius = "15px"; 235 new_frame_boxShadow = "0px 0px 20px #663300"; 236 break; 237 case "twic": 238 new_frame_height = "1200px"; 239 break; 240 default: 241 break; 242 } 243 document.getElementById("pgnframe").style.width = new_frame_width; 244 document.getElementById("pgnframe").style.height = new_frame_height; 245 document.getElementById("pgnframe").style.border = new_frame_border; 246 document.getElementById("pgnframe").style.borderRadius = new_frame_borderRadius; 247 document.getElementById("pgnframe").style.boxShadow = new_frame_boxShadow; 248 document.getElementById("pgnframe").scrolling = new_frame_scrolling; 249 250 selected_object.className = "linkselected"; 251 252 } else { 253 select_frame("kk"); 254 } 255 return false; 256} 257 258function random_frame() { 259 var random_selection = ["chess960", "chess960", "huebner", "huebner", "huebner", "huebner", "euroteams", "euroteams", "kk", "kk", "kk", "kk", "kramnik", "kramnik", "london", "london", "morphy", "morphy", "olympiad_live", "olympiad_live", "olympiad_live", "olympiad_live", "puzzles", "puzzles", "tallinn_live_dynamic", "tallinn_live_dynamic", "tallinn_live_dynamic", "tallinn_live_dynamic", "tallinn_live_mosaic", "tallinn_live_mosaic", "tallinn_live_widget", "tallinn_live_widget", "tilburg_replay", "tilburg_replay", "tilburg_live", "tilburg_live", "video", "video"]; 260 return random_selection[Math.floor(random_selection.length * Math.random())]; 261} 262 263var initial_frame = gup("frame"); 264if (initial_frame === "") { initial_frame = "random"; } 265if (initial_frame == "random") { initial_frame = random_frame(); } 266select_frame(initial_frame); 267 268</script> 269 270</body> 271 272</html> 273