ecard/index.html at master · Zertuk/ecard · 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
<!DOCTYPE html>

<html>

<head>
	<title>E Card</title>

	<link href = "style.css" rel = "stylesheet">
	<link href='http://fonts.googleapis.com/css?family=Maven+Pro' rel='stylesheet' type='text/css'>

	<meta name="viewport" content="width=device-width, user-scalable=no">

</head>

<body>
<div id = "introScreen">
	<p>Each player has 5 cards, 4 Citizens and either Slave or Emperor.</p>
	<p>The Citizen card represents the common man, and cannot defeat the Emperor who sits at the top. It can, however, defeat the Slave, who resides at the very bottom of the system. Two citizen against each other results in a tie.</p>
	<p>The Emperor represents the one at the top of society. This card can defeat the citizen, but will lose to the Slave.</p>
	<p>The Slave is presented as the one at the very bottom of society. Seeing as how it has nothing to lose, it can overthrow the Emperor in one last attempt at revenge.</p>
	<p>Winning as the emperor grants you one point, while winning as the slave grants you three.</p>
	<p>There are 4 rounds, with each round lasting 3 turns.  This means each player will play 2 rounds, or 8 turns as both Slave and Emperor.</p>
</div>

<div id = "rules">Hide</div>

<div class = "wrapper">
	<p id = "endStats"></p>
	<p id = "gameText">Pick a Card!</p>
</div>

<div id = "gameWrapper">
	<div id = "play">Play</div>
	<div id = "cards">
		<img src = "img/slave.jpg" id = "slave">
		<img src = "img/emperor.jpg" id = "emperor">
		<img src = "img/citizen.jpg" class = "citizen">
		<img src = "img/citizen.jpg" class = "citizen">
		<img src = "img/citizen.jpg" class = "citizen">
		<img src = "img/citizen.jpg" class = "citizen">
	</div>
</div><!--gameWrapper-->

<div class = "wrapper">
	<div id = "endGameText">
	</div>
</div>

<footer>
	<div class = "wrapper">
		<p><a href="https://store.steampowered.com/app/820620/Spooky_Ghosts_Dot_Com/" rel="noopener" target="_blank">Checkout my new game, Spooky Ghosts Dot Com!</a> or <a href="https://github.com/Zertuk/ecard" rel="noopener" target="_blank">Checkout the ecard source code</a></p>
	</div>
</footer>

</body>

<script src="main.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-48873622-7', 'zertukis.com');
  ga('send', 'pageview');

</script>

</html>