-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (92 loc) · 3.32 KB
/
index.html
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
<!DOCTYPE html>
<html lang=en>
<!-- Test Branch editting test -->
<head>
<meta charset=utf-8>
<meta name="title" content="Cups and balls, Super Mario" />
<meta name="description" content="Find where is Luigi" />
<link rel="image_src" href="images/screenshot.png" />
<title>Cups and balls - Find where is Luigi</title>
<link rel="stylesheet" href="css/mario.css" />
<link href='http://fonts.googleapis.com/css?family=Nunito:700|Changa+One|Lemon' rel='stylesheet' type='text/css'/>
</head>
<body>
<header>
<h1>Cups and balls, Super Mario - Where is Luigi</h1>
</header>
<section id="game">
<div id="characters">
<div class="character">
</div> <!-- .character -->
</div> <!-- #characters -->
<div id="items"></div> <!-- #items -->
<h2>
<div id="level">Level</div><div id="levelnum"></div>
</h2>
<h1>
<div id="select" class="disappear">Find! Where is Luigi?</div>
</h2>
<div id="block"></div>
<div id="bomb"></div>
<div id="sound"></div>
</section> <!-- #game -->
<br />
<ul>
<li><b>Direction</b></li>
<ul>
<li>Luigi will transform to Mario, then other Marios will be get into the ground.</li>
<li>All the characters will be jumbled together.</li>
<li>Each level you will have 2 chances to find who is Luigi.</li>
</ul>
<br />
<li><b>Tips</b></li>
<ul>
<li>If you clear one stage without any mistake, you can get one item</li>
<li>Bomb can blow out half of playground.</li>
<li>Eraser can remove one character who is not Luigi</li>
<li>Indicator will indicate 3 characters for a while (0.3 sec) including Luigi</li>
</ul>
<br />
<li><b>Image Source</b> - All the images were modified by photoshop</li>
<ul>
<li><a href='http://wingeraser.com/tutorial-animation/'>Wing Eraser</a></li>
<li><a href='http://www.jeux-mario.com/mario-hammer'>Jeux Mario</a></li>
<li><a href='http://www.ajet.net'>ajet.net</a></li>
<li><a href='http://siliconangle.com/blog/2012/10/26/how-to-get-a-bomb-on-board-a-plane-using-a-barcode-app/'>SilIconAngle</a></li>
</ul>
<br />
<li><b>Sound source</b></li>
<ul>
<li><a href='http://www.mariomayhem.com/downloads/sounds'>Mario Mayhem</a></li>
<li><a href='http://www.gamethemesongs.com/Super_Mario_Bros._-_Full.html'>Game Theme Songs</a></li>
<li><a href='http://www.soundjay.com/explosion-sound-effect.html'>Sound Jay</a></li>
</ul>
<br />
<!-- facebook like -->
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<li><div class="fb-like" data-href="http://studentweb.cencol.ca/wsim/mario/mario.html" data-layout="standard" data-action="like" data-show-faces="false" data-share="true"></div>
</li>
<!-- facebook like end -->
</ul>
<footer>
<h6>
©Copyright 2014 Wooseung Sim | Hello
<br />
Mail to me : <a href="mailto:[email protected]">wsim@my.ca</a>
</h6>
</footer>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/mario.js"></script>
</body>
</html>