example.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2     "http://www.w3.org/TR/html4/loose.dtd">
   3 <html>
   4 <head>
   5     <title>EidoGo Simple Example</title>
   6
   7     <!--
   8         Optional config - defaults given
   9     -->
  10     <script type="text/javascript">
  11     eidogoConfig = {
  12         theme:          "compact", // "standard" or "compact"
  13         showComments:   true,
  14         showPlayerInfo: false,
  15         showGameInfo:   false,
  16         showTools:      false,
  17         showOptions:    false,
  18         markCurrent:    true,
  19         markVariations: true,
  20         markNext:       false,
  21         problemMode:    false
  22     };
  23     </script>
  24
  25     <!--
  26         Necessary script
  27     -->
  28     <script type="text/javascript" src="player/js/all.compressed.js"></script>
  29
  30 </head>
  31 <body>
  32
  33     <h1>EidoGo Player Simple Example</h1>
  34
  35     <p>Example 1: Load an SGF from a URL within the same domain</p>
  36     <div class="eidogo-player-auto" sgf="sgf/blood_vomit.sgf"></div>
  37
  38     <p>Example 2: Load raw SGF data</p>
  39     <div class="eidogo-player-auto">
  40         (;FF[4]PB[Hinaya Rippo]HA[5]PW[Honinbo Dosaku]KM[0]RE[W+R]
  41         AB[dd][dp][jj][pd][pp];W[qf];B[mc];W[qn];B[ql];W[on];B[rp];W[cn]
  42         ;B[gq];W[cf];B[ch];W[ef];B[bd];W[cj];B[bf];W[ce];B[be];W[cg]
  43         ;B[bg];W[cd];B[cc];W[dc];B[ed];W[ec];B[fc];W[cb];B[bc];W[fd]
  44         ;B[fe];W[gd];B[ee];W[gc];B[fb];W[eb];B[dh];W[ge];B[ff];W[eg]
  45         ;B[gf];W[eh];B[he];W[gb];B[ei];W[gh];B[fi];W[gg];B[if];W[jh]
  46         ;B[hj];W[hg];B[hf];W[kg];B[ke];W[bi];B[bh];W[dj];B[bb];W[kj]
  47         ;B[kk];W[lj];B[lk];W[jk];B[jl];W[ik];B[ij];W[il];B[ki];W[li]
  48         ;B[kh];W[lh];B[ji];W[jg];B[lg];W[lf];B[mg];W[je];B[jf];W[kf]
  49         ;B[jd];W[kd];B[le];W[ng];B[mh];W[ni];B[nh];W[oh];B[og];W[ld]
  50         ;B[nf];W[me];B[nj];W[jm];B[qd];W[qj];B[np];W[ro];B[qp];W[pg]
  51         ;B[pk];W[oj];B[ok];W[mi];B[pj];W[oi];B[qi];W[pi];B[qh];W[ph]
  52         ;B[mn];W[mk];B[nm];W[nl];B[qk];W[fk];B[ek];W[fl];B[ej];W[cp]
  53         ;B[hi];W[hh];B[cl];W[bl];B[dn];W[dm];B[el];W[do];B[en];W[eo]
  54         ;B[fn];W[cm];B[hl];W[hk];B[gk];W[kl];B[im];W[ll];B[gl];W[gp]
  55         ;B[fo];W[fp];B[ep];W[co];B[fq];W[hp];B[hq];W[ip];B[jq];W[om]
  56         ;B[ol];W[mo])
  57     </div>
  58
  59 </body>
  60 </html>