-
Notifications
You must be signed in to change notification settings - Fork 0
/
game.html
88 lines (74 loc) · 5.06 KB
/
game.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="img/robot.ico">
<title>Marianopolis Robotics: The Game</title>
<!-- Bootstrap core CSS -->
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="http://getbootstrap.com/examples/starter-template/starter-template.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/styles.css" media="screen"/>
</head>
<body class="">
<div class="env_box">
<img src="img/env.png" id="env" alt="" usemap="#Env">
<map name="Env" id="Env">
<area shape="rect" coords="526,60,613,159" href="https://www.facebook.com/crcteam006" alt="Facebook" />
<area shape="rect" coords="618,61,712,160" href="https://twitter.com/MariRobotics" alt="Twitter" />
<area shape="rect" coords="430,63,525,161" href="http://www.youtube.com/channel/UCvQLs4To1FbGwwaL3YcAi8w" alt="YouTube"/>
</map>
</div>
<div class="music_controller">
<p>Music on/off</p>
</div>
<div class="container">
<div class="map_box">
<img src="img/map.jpg" usemap="#Map" alt="Map" id="map">
<map name="Map" id="Map">
<area shape="rect" coords="407,298,494,372" href="team.htm" alt="The Team"/>
<area shape="rect" coords="200,139,279,211" href="journal.htm" alt="The Journal"/>
<area shape="rect" coords="584,386,677,475" href="indexen.htm" alt="Homepage"/>
<area shape="rect" coords="10,39,86,140" href="video.html" alt="The Video"/>
<area shape="rect" coords="370,177,468,283" href="game.html" alt="The Game" />
<area shape="rect" coords="335,35,417,137" href="college.html" alt="Marianopolis College" />
<area shape="rect" coords="422,401,509,498" href="robot.html" alt="Larry: The Robot" />
<area shape="rect" coords="586,7,685,49" href="indexfr.htm" alt="Francais" />
</map>
</div>
<div class="letter">
<span class="paperclip"></span>
<h1>Nemolition 2014</h1>
<a href="" class="polaroid-game-1 img-thumbnail img-shaded"><img src="img/playingfield.jpg" alt="">Game field</a>
<p>During Nemolition 2014, the main goal of each robot will be to stack different objects to gain points. There will be 5 teams on the playing field for every heat. We are required to stack foam prisms of three different sizes. These are found on the first level of the playing field worth 10 points each. Concrete filled buckets are on the second floor and are worth 20 points each. The beach balls on the third worth 40 points each. <br /> <br /> We may have to cooperate with another school to push a moveable ramp located at the top of the second level, to get to the third. Each piece added to the structure gains us an extra 10 points. If a piece is stacked over a beach ball, it will also merit the team 10 points as well. Each participant team is allowed a custom peace, its value begins at 20 points and its final value will double for the team’s robot. Each peace added to the stack must have a structural importance for it to count as a level. In other words, the structure should collapse if said piece is removed. The points of the stack is doubled on second level, and tripled on the third. However, each robot is only allowed to pile one stack per level</p>
<a href="" id="polaroid-game-2" class="img-thumbnail img-shaded"><img src="img/bukkit.jpg" alt="">Playing pieces</a>
<h2>Game Animation:</h2>
<iframe width="650" height="410" src="http://www.youtube.com/embed/k2U4-Nwbr1Q?wmode=opaque" frameborder="0" allowfullscreen></iframe>
<a href="http://www.robo-crc.ca/en/official-rulebook-nemolition-2014/" title="Rulebook"><h1 class="dotted_area">Rulebook</h1></a>
</div>
<div id="unsupported" style="visibility:hidden;">BROWSER UNSUPPORTED GO AWAY</div>
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./js/jquery-1.10.2.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/jquery.jrumble.1.3.min.js"></script>
<script src="./js/animations.js"></script>
<script src="./js/buzz.min.js"></script>
<script src="./js/jquery.colorbox-min.js"></script>
<script src="./js/animations.js"></script>
<script>
</script>
</body></html>