-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
298 lines (264 loc) · 11.5 KB
/
Copy pathindex.html
File metadata and controls
298 lines (264 loc) · 11.5 KB
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Guanda's HomePage</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/fontAwesome.css">
<link rel="stylesheet" href="css/light-box.css">
<link rel="stylesheet" href="css/owl-carousel.css">
<link rel="stylesheet" href="css/templatemo-style.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
<header class="nav-down responsive-nav hidden-lg hidden-md">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--/.navbar-header-->
<div id="main-nav" class="collapse navbar-collapse">
<nav>
<ul class="nav navbar-nav">
<li><a href="#robomaster">Robomaster</a></li>
<li><a href="#snakerobot">Snake Robot</a></li>
<li><a href="#tracked_vehicle">Tracked Vehicle</a></li>
<li><a href="#GPT">GPT</a></li>
<li><a href="#others">Others</a></li>
</ul>
</nav>
</div>
</header>
<div class="sidebar-navigation hidde-sm hidden-xs">
<div class="logo">
<a href="#">Wel<em>come</em></a>
</div>
<nav>
<ul>
<li>
<a href="#robomaster">
<span class="rect"></span>
<span class="circle"></span>
Robomaster
</a>
</li>
<li>
<a href="#snakerobot">
<span class="rect"></span>
<span class="circle"></span>
Snake Robot
</a>
</li>
<li>
<a href="#tracked_vehicle">
<span class="rect"></span>
<span class="circle"></span>
Tracked Vehicle
</a>
</li>
<li>
<a href="#GPT">
<span class="rect"></span>
<span class="circle"></span>
GPT
</a>
</li>
<li>
<a href="#others">
<span class="rect"></span>
<span class="circle"></span>
Others
</a>
</li>
</ul>
</nav>
</div>
<div class="page-content">
<section id="robomaster" class="content-section">
<div class="section-heading">
<h1>Robo<em>master</em></h1>
<p>RoboMaster is the most famous robot competition in china now.
<br>Every universties need to design six different kinds robots to fight with other teams.
<br>Standard and Sentry of my team are showed in this page. </p>
</div>
<div class="section-content">
<div class="item">
<div class="text-content">
<h4>Robomaster Standard</h4>
<span>SRM_4_1_Pink</span>
<p>As the pawn in the chess, standard robot is the basic element in the competition. It can offer steady-going firepower to the enemies.<br>The standard robot consist by Shooting Mechanism, Mecanum Wheel Chassis, Pan-Tilt, Control System, Automatic Aiming System and Referee System.</p>
</div>
<div class="image">
<img style="margin-bottom: 5%" src="materials/robomaster/Standard robot/3.png" alt="">
<img src="materials/robomaster/Standard robot/2.gif" alt="">
</div>
<div class="image">
<img style="margin-bottom: 5%" src="materials/robomaster/Standard robot/1.gif" alt="">
<img src="materials/robomaster/Standard robot/1.png" alt="">
</div>
<div style="margin-left: 2.5%">
<iframe width=95% height="200" src="https://www.youtube.com/embed/WxpHAhmvAyU?rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<!--
<div class="video">
<iframe src="https://www.youtube.com/embed/WxpHAhmvAyU?ecver=2" ></iframe>
</div>-->
</div>
<div class="item">
<div class="text-content">
<h4>RoboMaster Sentry</h4>
<span>SRM_4_6</span>
<p>Sentry needs to move in the track offered by official. It's fully automatic robot and should have independent decision-making ability about attacking or avoiding enemies. </p>
</div>
<div style="clear: both"></div>
<div class="image" style="margin-bottom:0%" >
<img src="materials/robomaster/Sentry/1.gif" alt="">
</div>
<div class="image" style="margin-bottom:0%" >
<img src="materials/robomaster/Sentry/2.gif" alt="">
</div>
</div>
</div>
</section>
<section id="snakerobot" class="content-section">
<div class="section-heading">
<h1>Snake<em> Robot</em></h1>
<p>This snake robot is based on McKibben pneumatic muscle. As the following gif, it can move in one direction on the ground. To make the robot moving by more complex gaits, paying more time to find a solution is necessary which can make sure every joint be accurately controlled in very high response. </p>
</div>
<div class="section-content">
<div class="item">
<div class="image">
<img src="materials/snake_robot/snake.jpg" alt="">
</div>
<div class="image">
<img src="materials/snake_robot/1.gif" alt="">
</div>
</div>
</div>
</section>
<section id="tracked_vehicle" class="content-section">
<div class="section-heading">
<h1>Tracked<em> Vehicle</em></h1>
<p>The tracked vechicle can move in the water and ground. And by adding an ultrasonic sensor, it can avoid some simple obstacles. By the way, it is my first project and was made in grade two.</p>
</div>
<div class="section-content">
<div class="item">
<div class="image">
<img src="materials/tracked_vehicle/1.png" alt="">
</div>
<div class="image">
<img src="materials/tracked_vehicle/1.gif" alt="">
</div>
</div>
</div>
</section>
<section id="GPT" class="content-section">
<div class="section-heading">
<h1>GP<em>T</em></h1>
<p>GPT means gravity potential trolley. It is driven by pure mechanical energy which provided by 1kg standard weight with 400mm descending height. And asked by the rule, it must move along “8” character trajectories according to specified size. To run more circle, it needs very high accuracy and every links in the design need to be considered carefully.</p>
</div>
<div class="section-content">
<div class="item">
<div class="image">
<img src="materials/GPT/1.gif" alt="">
</div>
<div class="image">
<img src="materials/GPT/1.png" alt="">
</div>
</div>
</div>
</section>
<section id="others" class="content-section">
<div class="section-heading">
<h1>O<em>thers</em></h1>
</div>
<div class="section-content">
<div class="item">
<div class="image">
<img src="materials/others/Sterling.jpg" alt="">
</div>
<div class="text-content">
<h4>Sterling trolley<br> <p>Driven by micro sterling engine.</p></h4>
</div>
</div>
<div class="item">
<div class="image">
<img src="materials/others/basketball1.png" alt="">
</div>
<div class="text-content">
<h4>Bastetball robot<br> <p>Winned the first prize in china robocup.</p></h4>
</div>
</div>
<div class="item">
<div class="image">
<img src="materials/others/1.jpg" alt="">
</div>
<div class="text-content">
<h4>Two stage reduction gearbox.</h4>
</div>
</div>
<div class="item">
<div class="image">
<img src="materials/others/manipulator.jpg" alt="">
</div>
<div class="text-content">
<h4>The design of a manipulator with online weight and force measurements.
<br><p>Working with students from University of Notre Dame and Southern University of Science and Technology.</p></h4>
</div>
</div>
</div>
</section>
<section class="footer">
<p> E-mail: guanda333@gmail.com</p>
</section>
</div>
<script src="https://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script>
// Hide Header on on scroll down
var didScroll;
var lastScrollTop = 0;
var delta = 5;
var navbarHeight = $('header').outerHeight();
$(window).scroll(function(event){
didScroll = true;
});
setInterval(function() {
if (didScroll) {
hasScrolled();
didScroll = false;
}
}, 250);
function hasScrolled() {
var st = $(this).scrollTop();
// Make sure they scroll more than delta
if(Math.abs(lastScrollTop - st) <= delta)
return;
// If they scrolled down and are past the navbar, add class .nav-up.
// This is necessary so you never see what is "behind" the navbar.
if (st > lastScrollTop && st > navbarHeight){
// Scroll Down
$('header').removeClass('nav-down').addClass('nav-up');
} else {
// Scroll Up
if(st + $(window).height() < $(document).height()) {
$('header').removeClass('nav-up').addClass('nav-down');
}
}
lastScrollTop = st;
}
</script>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
</body>
</html>