-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
211 lines (184 loc) · 7.56 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
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
<!DOCTYPE html>
<html>
<html lang="en" class="wf-tabletgothic-n3-active wf-tabletgothiccondensed-n9-active wf-tabletgothiccondensed-n2-active wf-tabletgothic-n4-active wf-active"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>The Robotics and Machine Intelligence Laboratory</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" media="screen" href="css/style.css">
<link rel="stylesheet" media="screen" href="css/gallery.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="romi-Lab">
<meta name="description" content="Teaching Resources prepared by the romi-lab.">
<meta name="robots" content="all">
<link rel="shortcut icon" type="image/jpg" href="image/romi.jpg?">
</head>
<body>
<div class="container-fluid">
<div class ="row" id="nav">
<div class="col" id="romi_icon">
<a href="https://www.romi-lab.org/"><img class="romi_icon_bar" src="image/romi_full.png"></a>
</div>
<div class="col-sm-12 d-flex align-items-center justify-content-center" id="romi_icon_center">
<a href="https://www.romi-lab.org/"><img class="romi_icon_bar" src="image/romi_full.png"></a>
</div>
</div><!--end of #nav-->
</div>
<div id='bgImageRes' class="backgroundImg">
<video autoplay muted loop id="bgVideo">
<source src="bg_video.mp4" type="video/mp4">
</video>
<div class="container" id="bg">
<div class="row" id="intro">
<div class="col col-sm-12" >
<h1>Teaching Resources</br></h1>
<h2>The Robotics and Machine Intelligence Laboratory</h2>
</div>
</div><!--end of #intro-->
</div><!--end of .container-->
</div>
<div class="container" id="tutorial">
<div class="row">
<div class="col-sm-12" >
<h2>Tutorials</h2></br>
<h3>Please click the links below to access each of the demos.</h3></br>
</div>
</div>
<div class="row">
<div class="card_wrapper col-md-4 d-flex align-items-stretch ">
<div class="card">
<img class="card-img-top" src="image/sim.jpg">
<div class="card-body">
<h4 class="card-title">Introduction to Simulation</h4>
<h5 class="card-text">Learning simulation and control theory in Matlab/Octave.</h5>
<div class="btnList mt-auto">
<a href="simulation/introduction/index.html" class="btn btn-primary">Beginner</a>
<a href="simulation/advanced/index.html" class="btn btn-primary">Advanced</a>
</div>
</div>
</div>
</div>
<div class="card_wrapper col-md-4 d-flex align-items-stretch ">
<div class="card">
<img class="card-img-top" src="image/lego.jpg">
<div class="card-body">
<h4 class="card-title">Mass-Spring-Damper System</h4>
<h5 class="card-text">Learning Mass-Spring-Damper and control theory with LEGO.</h5>
<div class="btnList mt-auto">
<a href="msds/index.html" class="btn btn-primary">Start Learning</a>
<!-- <a href="simulation/advanced/index.html" class="btn btn-primary">Advanced</a> -->
</div>
</div>
</div>
</div>
<!-- Start of New project tutorial -->
<div class="card_wrapper col-md-4 d-flex align-items-stretch ">
<div class="card">
<img class="card-img-top" src="Space-elevator/img/SE2.png">
<div class="card-body">
<h4 class="card-title">ME31002:Mass-Spring-Damper System</h4>
<h5 class="card-text">Learning Mass-Spring-Damper and control theory with LEGO.</h5>
<div class="btnList mt-auto">
<a href="Space-elevator/index.html" class="btn btn-primary">Start Learning</a>
<!-- <a href="simulation/advanced/indexv.html" class="btn btn-primary">Advanced</a> -->
</div>
</div>
</div>
</div>
<!-- End of New project tutorial -->
<!-- Add a new project tutorial-->
<div class="card_wrapper col-md-4 d-flex align-items-stretch ">
<div class="card">
<img class="card-img-top" src="image/python_opencv.png">
<div class="card-body">
<h4 class="card-title">Gentle Introduction to OpenCV</h4>
<h5 class="card-text">Learning OpenCV for image processing in Python.</h5>
<div class="btnList mt-auto">
<a href="python_opencv/index.html" class="btn btn-primary">Start Learning</a>
</div>
</div>
</div>
</div>
<!-- Add a new project tutorial-->
<div class="card_wrapper col-md-4 d-flex align-items-stretch ">
<div class="card">
<img class="card-img-top" src="image/open3d.jpg">
<div class="card-body">
<h4 class="card-title">Introduction to 3D point clouds processing</h4>
<h5 class="card-text">Learning Open3D for basic point clouds processing methods in Python.</h5>
<div class="btnList mt-auto">
<a href="https://colab.research.google.com/drive/1t5Y0lHsd2IT42FNedxtbOWz9UiSE4aUF?usp=sharing" target="_blank" class="btn btn-primary">Start Learning</a>
</div>
</div>
</div>
</div>
<div class="card_wrapper col-md-4 d-flex align-items-stretch ">
<div class="card">
<img class="card-img-top" src="image/virtualControlLab_crop.jpg">
<div class="card-body">
<h4 class="card-title">Is Everything under Control?</h4>
<h5 class="card-text">Practice physics and control theory in gaming.</h5>
<div class="btnList mt-auto">
<a href="is-everything-under-control/index.html" class="btn btn-primary">Start Learning</a>
<!-- <a href="simulation/advanced/index.html" class="btn btn-primary">Advanced</a> -->
</div>
</div>
</div>
</div>
<div class="card_wrapper col-md-4 d-flex align-items-stretch ">
<div class="card">
<img class="card-img-top" src="image/robot2.jpg">
<div class="card-body">
<h4 class="card-title">Perceptual Robotics</h5>
<h5 class="card-text">Learning image processing, sensors, and robot control in Python.</h5>
<div class="btnList mt-auto">
<a href="perceptual-robotics/index.html" class="btn btn-primary">Start Learning</a>
<!-- <a href="perceptual-robotics/Lab2.html" class="btn btn-primary">Advanced</a> -->
</div>
</div>
</div>
</div>
<div class="card_wrapper col-md-4 d-flex align-items-stretch">
<div class="card">
<img class="card-img-top" src="image/pop.jpg">
<div class="card-body">
<h4 class="card-title">Digital Robotics Laboratory</h4>
<h5 class="card-text">Learning system stability through online interactive simulations.</h5>
<div class="btnList mt-auto">
<a href="https://romi-lab.github.io/pop2023/" class="btn btn-primary">Start Learning</a>
</div>
</div>
</div>
</div>
</div>
</br>
</div><!--end of .container-->
<footer id="footer">
<div class="container">
<div class="row justify-content-center">
<div class="col col-sm-4 col-md-4">
<img id="romi_contact" src="image/romi_semi.png">
</div>
<div class="col-8 col-sm-8 col-md-8 link_div">
<h5>
<a href="mailto:[email protected]" target="_blank"><u>[email protected]</u></a>
FG 638, PolyU, Hung Hom, HK <br/>
(+852) 2766 7816
</h5>
</div>
</div>
<div class="row justify-content-center">
<div id="copyRight">
<p>© 2021 romi-lab</p>
</div>
</div>
</div>
</footer>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<!-- Animation JavaScript -->
<script src="js/animation.js"></script>
</body>
</html>