satra/index.html at master · tripatheea/satra · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">
<head>
	<meta content="charset=utf-8">
	<title>Satra</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/cursor.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/jquery.fancybox.css" type="text/css" media="screen">

	<link rel="apple-touch-icon" href="images/cards.png">
	<link rel="shortcut icon" href="images/cards.png" type="image/png">
</head>
<body style="background-color: transparent !important;">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				&nbsp;
			</div><!--/col-md-12 -->
		</div><!--/.row -->
		<div class="row">
			<div class="col-md-12">
				&nbsp;
			</div><!--/col-md-12 -->
		</div><!--/.row -->
		<div class="row">
			<div class="col-md-12">
				&nbsp;
			</div><!--/col-md-12 -->
		</div><!--/.row -->

		<div class="row">
			<div class="col-md-1 user-score"></div><!--/.col-md-1 -->

			<div class="col-md-10 game-table" style="height: 50% !important;">
					<section class="computer">
						<img class="card card-back img-responsive" src="images/back.png">
					</section><!-- /.computer -->
					<div class="computer-notice">
						<div class="row">
							<div class="col-md-3 computer-msg">computer:~$ <div class="computer-cursor">&nbsp;</div></div>
							<div class="col-md-9 computer-time"></div>
						</div><!--/.row -->
					</div>

					<section class="player"></section><!-- /.player -->
					<div class="user-notice">
						<div class="row">
							<div class="col-md-2 user-msg">you:~$ <div class="user-cursor">&nbsp;</div></div>
							<div class="col-md-10 user-time"></div>
						</div><!--/.row -->
					</div>

			</div><!--/.col-md-10 -->

			<div class="col-md-1 computer-score">&nbsp;</div><!--/.col-md-1 -->

		</div><!--/.row -->
		<div class="row">
			<div class="col-md-1">&nbsp;</div>
			<div class="col-md-10 howto"><ul type="square"><li>Click on your card (shown) to draw a new card for yourself.</li><li>Click on the computer's card (turned upside down) to fold and force computer to play his cards.</li></ul></div>
			<div class="col-md-1">&nbsp;</div>
		</div><!--/.row -->
	</div><!--/.container -->

	<a class="instructions" href="#data" style="display: none;">&nbsp;</a>

	<div style="display:none;">
		<div id="data">
			<h3>Satra (Seventeen)</h3>
			<p>
				This is a simple card game where the aim is to get your cards as close to 17 as possible. The following describe the rules and instructions on how to play:
			</p>
			<ul type="square">
				<li>You'll be given two cards to start with.</li>
				<li>If you want more, click on any of your card. Your cards are shown while the computer's card is turned back.</li>
				<li>If the sum of ranks of your card reaches 17, you win. If it gets over 17, the computer wins.</li>
				<li>Go on adding cards till you're as close to 17 as possible.</li>
				<li>To fold, click on the computer's card. The computer's card is turned back.</li>
			</ul>
			<p>
				Click on the cross on top-right of the lightbox to close this and start playing.
			</p>
			<p>
				This instruction won't come up again.
			</p>
			<p>
				Have fun!
			</p>
		</div>
	</div>

<div class="container">
	<div class="row">
		<div class="col-md-1">&nbsp;</div>
		<div class="col-md-10 text-right">
			<a target="_blank" href="https://github.com/tripatheea/satra/">Source Code: https://github.com/tripatheea/satra/</a>
		</div>
		<div class="col-md-1">&nbsp;</div>
	</div>
</div>

	<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
	<script src="js/jquery.cookie.js"></script>
	<script src="js/script.js"></script>
	<script src="js/jquery.fancybox.pack.js"></script>
	<script src="js/script2.js"></script>

</body>
</html>