-
Notifications
You must be signed in to change notification settings - Fork 0
/
robot.html
134 lines (120 loc) · 5.68 KB
/
robot.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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!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 Robot</title>
<!-- Bootstrap core CSS -->
<link href="http://getbootstrap.com/dist/css/bootstrap.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="starter-template">
<div class="letter" style="padding-top:48px;">
<span class="paperclip"></span>
<div align="center">
<img src="img/larry.png" alt="Larry the Robot" style="display: block;margin-left: auto;margin-right: auto;margin-bottom:20px;"/>
<p><a href="#gallery">Look at the gallery</a></p>
</div>
<h2>Design</h2>
<img id="polaroid-bot-1" class="img-thumbnail img-shaded" src="img/robot_blueprint.jpg" alt="Side View">
<img id="polaroid-bot-2" class="img-thumbnail img-shaded" src="img/robot_blueprint2.jpg" alt="Front View">
<p><strong>CHASSIS AND BODY</strong></p>
<p>Frame: Aluminum & Steel</p>
<p>Wheels: 2 x VEX Omni Wheels<br>
2 x BaneBots Wheels</p>
<br />
<p><strong>MAJOR COMPONENTS</strong></p>
<p>Motors: 1 x VEX 393 Motors <br>
2 x BaneBots Motors with 81:1 ratio </p>
<p>Movement: 2 x VEX Linear Motion </p>
<p>Drills: 2 x Makita Power Drills </p>
<p>Batteries: 1 x 7.2V VEX<br>
2 x 12V Drill <br>
</p>
<br />
<p><strong>LOGISTICS</strong></p>
<p>Main Processor: VEX Cortex Microcontroller</p>
<p>Program: RobotC </p>
<p>Controller: VEXnet Joystick</p>
<iframe height="350" width="500" frameborder="0" src="http://photosynth.net/preview/embed/39039f55-db60-44ee-921e-7df4f4c4fb74?delayload=false&autoplay=true" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<a href="tutorial.html" title="Eliminating Random Noise"><h1 class="dotted_area">Tutorial: Eliminating Random Noise</h1></a>
</div>
<h2 id="gallery">Gallery</h2>
<ul class="polaroids img-polaroid">
<li>
<a href="img/journal/dec21.jpg" class="cboxElement galleryPic" title="">
<img class="polaroids" alt="Robot" src="img/journal/dec21.jpg" />
</a>
</li>
<li>
<a href="img/robot/rob3.JPG" class="cboxElement galleryPic" title="">
<img class="polaroids" alt="Robot" style="width:300px;height:auto;" src="img/robot/rob3.JPG" />
</a>
</li>
<li>
<a href="img/robot/rob5.JPG" class="cboxElement galleryPic" title="">
<img class="polaroids" alt="Robot" style="width:300px;height:auto;" src="img/robot/rob5.JPG" />
</a>
</li>
<li>
<a href="img/robot/rob6.JPG" class="cboxElement galleryPic" title="">
<img class="polaroids" alt="Robot" style="width:300px;height:auto;" src="img/robot/rob6.JPG" />
</a>
</li>
<li>
<a href="img/robot/rob2.JPG" class="cboxElement galleryPic" title="">
<img class="polaroids" alt="Robot" style="width:300px;height:auto;" src="img/robot/rob2.JPG" />
</a>
</li>
</ul>
</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/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>