index.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.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
  20     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  21     <title>Sweet Spot</title>
  22     <link rel="stylesheet" type="text/css" href="css/main.css"></link>
  23     <link rel="stylesheet" type="text/css" href="css/license.css"></link>
  24     <link rel="stylesheet" type="text/css" href="css/help.css"></link>
  25     <script src="js/help.js"></script>
  26     <script src="js/license.js"></script>
  27     <script src="js/jquery-1.7.2.min.js"></script>
  28     <script src="js/main.js"></script>
  29 </head>
  30 <body>
  31     <div id="intro_page" class="game_page">
  32         <div id="intro_bg"></div>
  33         <div id="intro_candyblue"></div>
  34         <div id="intro_candygreen"></div>
  35         <div id="intro_candyred"></div>
  36         <div id="intro_candyorange"></div>
  37         <div id="intro_playbutton">Play</div>
  38         <div id="licensebtnl" style="top: 564px; left: 977px;"> i </div>
  39     </div>
  40     <div id="help_dialog" class="helpdialog">
  41          <div class="inner">
  42            <div id="help_close" class="close"> x </div>
  43            <div id="help_contents" class="contents">
  44                Try to be the first to get four of your candies in a row.
  45                <br><br>
  46                First, choose what color your candies will be. Then choose
  47                a single game, best two out of three, or best three out of five.
  48                <br><br>
  49                Take turns, with a friend, clicking to drop your candies down
  50                the column where you want your candy to go. The first to get
  51                four of their candies lined up in any direction (vertical,
  52                horizontal, or diagonal) wins! If the board fills up without
  53                anyone winning, everything is cleared off, and the game continues.
  54                <br><br>
  55                If you want to restart a game, click the X at the bottom-right
  56                of the screen, and click Yes and you’ll be taken back to the
  57                beginning. If you do this by mistake, click No, and your current
  58                game continues.
  59            </div>
  60          </div>
  61     </div>
  62     <div id="players_page" class="game_page" style="display: none">
  63         <div id="player_bg"></div>
  64         <div id="player_player1_static">Player 1</div>
  65         <div id="player_player1"><input type="text" id="player1name" size=13/></div>
  66         <div id="player_player2_static">Player 2</div>
  67         <div id="player_player2"><input type="text" id="player2name" size=13/></div>
  68         <div id="player_text_chooseyour">Choose Your</div>
  69         <div id="player_text_color">Color</div>
  70         <div id="player_player1red"><div class="pickred"></div></div>
  71         <div id="player_player1blue"><div class="pickblue"></div></div>
  72         <div id="player_player1green"><div class="pickgreen"></div></div>
  73         <div id="player_player1orange"><div class="pickorange"></div></div>
  74         <div id="player_player2red"><div class="pickred"></div></div>
  75         <div id="player_player2blue"><div class="pickblue"></div></div>
  76         <div id="player_player2green"><div class="pickgreen"></div></div>
  77         <div id="player_player2orange"><div class="pickorange"></div></div>
  78         <div id="player_nextbutton" class="inactive_button">Next</div>
  79     </div>
  80     <div id="type_page" class="game_page" style="display: none">
  81         <div id="type_bg"></div>
  82         <div id="type_onegame_text">1 Game</div>
  83         <div id="type_onegame"></div>
  84         <div id="type_bestofthree_text">Best 2 of 3</div>
  85         <div id="type_bestofthree"></div>
  86         <div id="type_bestoffive_text">Best 3 of 5</div>
  87         <div id="type_bestoffive"></div>
  88         <div id="type_startbutton" class="inactive_button">Start</div>
  89     </div>
  90     <div id="game_page" class="game_page" style="display: none">
  91         <div id="game_bg"></div>
  92         <div id="game_player1marquee"><div id="game_player1name"></div></div>
  93         <div id="game_player2marquee"><div id="game_player2name"></div></div>
  94         <div id="game_player1active"></div>
  95         <div id="game_player2active" style="display: none"></div>
  96         <div id="game_column_selector" style="display: none"></div>
  97         <div id="game_column_selector_candy" style="display: none"></div>
  98         <div id="game_grid"></div>
  99         <div id="game_column1"></div>
 100         <div id="game_column2"></div>
 101         <div id="game_column3"></div>
 102         <div id="game_column4"></div>
 103         <div id="game_column5"></div>
 104         <div id="game_column6"></div>
 105         <div id="game_column7"></div>
 106         <div id="game_player1_wins">0</div>
 107         <div id="game_player2_wins">0</div>
 108         <div id="game_quit"></div>
 109         <div id="quit_dlg" style="display: none">
 110             <div id="quit_dlg_bg"></div>
 111             <div id="quit_dlg_img">Start Over?</div>
 112             <div id="quit_dlg_no">No</div>
 113             <div id="quit_dlg_yes">Yes</div>
 114         </div>
 115     </div>
 116     <div id="main_help" class="helplaunch"> ? </div>
 117     <div id="licensepage" style="display: none">
 118         <div id="licensetext"><div id="licensescroll"></div></div>
 119         <div id="licensebtnq" class="licensebtn">Back</div>
 120     </div>
 121     <div id="win_page" class="game_page" style="display: none">
 122         <div id="win_bg"></div>
 123         <div id="win_banner">Winner</div>
 124         <div id="win_playername"></div>
 125         <div id="win_playagain"></div>
 126         <div id="win_startover"></div>
 127         <div id="win_playagain_text">Play Again</div>
 128         <div id="win_startover_text">Start Over</div>
 129     </div>
 130
 131     <audio class="gamepiece" preload="auto"><source src="audio/GamePiece.wav" type="audio/wav" /></audio>
 132     <audio class="menu" preload="auto"><source src="audio/MenuNavigation.wav" type="audio/wav" /></audio>
 133     <audio class="select" preload="auto"><source src="audio/Select.wav" type="audio/wav" /></audio>
 134     <audio class="win" preload="auto"><source src="audio/Winner.wav" type="audio/wav" /></audio>
 135 </body>
 136 </html>