index.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <!--
   3  * Copyright (c) 2012, Intel Corporation.
   4  *
   5  * This program is licensed under the terms and conditions of the
   6  * Apache License, version 2.0.  The full text of the Apache License is at
   7  * http://www.apache.org/licenses/LICENSE-2.0
   8  *
   9 -->
  10 <html>
  11   <head>
  12     <meta id="viewport_meta" name="viewport" content="" />
  13     <script type="text/javascript">
  14         var viewport_meta = document.getElementById('viewport_meta');
  15         var w = screen.availWidth;
  16         var h = screen.availHeight;
  17         viewport_meta.setAttribute('content','width='+w+', height='+h+',user-scalable=no');
  18     </script>
  19     <title>Go</title>
  20     <meta name="author" content="Xinchao He">
  21         <link rel="stylesheet" href="css/go.css"/>
  22         <link rel="stylesheet" type="text/css" href="css/license.css"></link>
  23         <script src="js/license.js"></script>
  24         <script type="text/javascript" src="lib/jquery-1.7.1.min.js"></script>
  25         <script type="text/javascript" src="js/sound.js"></script>
  26         <script type="text/javascript" src="js/go.js"></script>
  27   </head>
  28   <body onselectstart="return false" ondragstart="return false" style="overflow:hidden;">
  29     <div id="licensepage" style="display: none">
  30         <div id="licensetext"><div id="licensescroll"></div></div>
  31         <div id="licensebtnq" class="licensebtn">Back</div>
  32     </div>
  33         <div id="theworld" class="world">
  34           <div class="left_pit"></div>
  35           <div class="right_pit"></div>
  36           <div class="left_arrow" align="center">
  37                 <span id="playerone"></span><br>
  38                 <span style="font-size:22pt;"><span name="score"></span>:<span id="left_score">0000</span></span>
  39                 <img class="player_arrow_img" src="images/GO_PlayerArrow_010612_a.png" />
  40           </div>
  41           <div class="right_arrow" align="center">
  42                 <span id="playertwo"></span><br>
  43                 <span style="font-size:22pt;"><span name="score"></span>:<span id="right_score">0000</span></span>
  44                 <img class="player_arrow_img" src="images/GO_PlayerArrow_010612_a.png" />
  45           </div>
  46           <img class="left_time_arrow" src="images/GO_TimerArrow_022212_a.png" />
  47           <img class="right_time_arrow" src="images/GO_TimerArrow_022212_a.png" />
  48           <div class="left_timer">
  49                 <img src="images/GO_Timer_010612_a.png" />
  50                 <span>20:00</span>
  51           </div>
  52           <div class="right_timer">
  53                 <img src="images/GO_Timer_010612_a.png" />
  54                 <span>20:00</span>
  55           </div>
  56           <a class="left_skip skip_arrow">
  57           </a>
  58           <a class="right_skip skip_arrow">
  59           </a>
  60           <a onClick="javascript:Go.toggleSetting();" class="setting_icon"><img src="images/GO_SettingsIcon_010612_a.png" /></a>
  61           <a onClick="javascript:Go.undue('black');" class="undue_icon_left"><img src="images/GO_ReplayArrow_012012_b.png" /></a>
  62           <a onClick="javascript:Go.undue('white');" class="undue_icon_right"><img src="images/GO_ReplayArrow_012012_b.png" /></a>
  63           <a onClick="javascript:Go.start();" class="play_button display_none">
  64                 <div class="play_button_img">
  65                   <span class="play_button_text text_shadow"></span>
  66                 </div>
  67           </a>
  68           <div class="setting_panel text_shadow display_none">
  69                 <a onClick="javascript:Go.toggleHelp();" class="setting_help">?</a>
  70                 <a onClick="javascript:Go.toggleSetting();" class="setting_exit">X</a>
  71                 <div id="licensebtnl" style="top: 490px; left: 405px;"> i </div>
  72                 <div class="setting_arrow" align="center">
  73                   <span></span>
  74                   <img class="setting_arrow_img" src="images/GO_SettingsArrow_010612_a.png" />
  75                 </div>
  76                 <div class="setting_sound">
  77                   <span></span>
  78                   <a onClick="javascript:Go.toggleSound();"><img class="setting_sound_check" src="images/GO_Checkbox_010612_a.png" /></a>
  79                 </div>
  80                 <div class="setting_timer">
  81                   <span></span>
  82                   <a onClick="javascript:Go.toggleTimer();"><img class="setting_timer_check" src="images/GO_Checkbox_010612_a.png" /></a>
  83                 </div>
  84                 <div class="setting_restart">
  85                   <span></span>
  86                   <a onClick="javascript:Go.toggleRestart();"><img class="setting_restart_check" src="images/GO_Checkbox_010612_a.png" /></a>
  87                 </div>
  88                 <div class="setting_quit">
  89                   <span class="setting_quit_text"></span>
  90                   <a onClick="javascript:Go.toggleQuit();"><img class="setting_quit_check" src="images/GO_Checkbox_010612_a.png" /></a>
  91                 </div>
  92                 <a onClick="javascript:Go.toggleSetting();" class="setting_resume setting_resume_inactive" align="center">
  93                 </a>
  94           </div>
  95           <div class="help_panel display_none">
  96                 <a onClick="javascript:Go.toggleHelp();" class="help_exit text_shadow">X</a>
  97                 <div class="help_title text_shadow" ></div>
  98                 <div class="help_text" >
  99                   &nbsp;&nbsp;&nbsp;&nbsp;Take turns placing a stone on a vacant intersections (points) of the grid on a Go board. Black moves first.
 100                   Once placed, a stone may not be moved, and can be removed only if captured. If a player believes he has no useful moves, he may skip his move (pass).<br>
 101                   &nbsp;&nbsp;&nbsp;&nbsp;Vertically and horizontally adjacent stones of the same color form a chain (also called a string, or group) that shares liberties (adjacent, empty spaces) in common. These chains cannot
 102                   be divided, and in effect becomes a single larger stone. Chains may be expanded by placing additional stones on adjacent points, and can be connected by
 103                   placing a stone on a points adjacent to two or more chains of the same color.<br>
 104                   &nbsp;&nbsp;&nbsp;&nbsp;A chain of stones must have at least one liberty to remain
 105                   on the board. When a chain is surrounded by opposing stones so that it has no liberties, it is captured and removed from the board.<br>
 106                   &nbsp;&nbsp;&nbsp;&nbsp;The game ends when both players have passed
 107                   (clicked Skip) consecutively. The player who scores more points (the number of empty points, or intersections, surrounded by their pieces, plus the number of stones they've captured) wins.<br>
 108                 </div>
 109           </div>
 110           <div class="win_panel text_shadow display_none">
 111                 <a onClick="javascript:Go.disable('.win_panel');" class="win_exit">X</a>
 112                 <div class="win_arrow" align="center">
 113                   <span style="font-size:55pt;"><span name="player"></span><span id="win_player"></span></span><br>
 114                   <span style="font-size:70pt;" id="win_result"></span>
 115                   <img class="win_arrow_img" src="images/GO_WinArrow_012012_a.png" />
 116                 </div>
 117                 <a onClick="javascript:Go.start();" class="replay">
 118                 </a>
 119           </div>
 120           <div class="board"></div>
 121         </div>
 122         <audio id="dida" preload="auto">
 123           <source src="sounds/ClockTicking_Loop.wav" />
 124         </audio>
 125   </body>
 126 </html>