1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3 * Copyright (c) 2012, Intel Corporation.
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
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');
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>
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>
40 <div id="help_dialog" class="helpdialog">
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.
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.
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.
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
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>
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>
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>
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>
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>
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>