-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgazebo.html
118 lines (104 loc) · 3.06 KB
/
gazebo.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
<!DOCTYPE HTML>
<html>
<head>
<title> </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial;
color: white;
}
.split {
height: 100%;
width: 50%;
position: fixed;
z-index: 1;
top: 0;
overflow-x: hidden;
padding-top: 20px;
}
.left {
left: 0;
background-color: #111;
}
.right {
right: 0;
background-color: #111;
}
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.centered iframe {
width: 960px;
height: 900px;
border-radius: 1%;
}
</style>
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/jquery.scrollgress.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/jquery.slidertron.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<script type="text/javascript" language="javascript">
$('.myIframe').css('height', $(window).height()+'px');
</script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
</noscript>
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>
<!-- Header -->
</head>
<body class="landing">
<i class="fab fa-github-square"></i>
<i class="fab fa-blender"></i>
<!-- Header -->
<header id="header" class="alt skel-layers-fixed">
<h1><a href="index.html">ML & Robotics <span>by Airbus Defense & Space</span></a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="" class="icon fa-angle-down">Tools</a>
<ul>
<li><a href="simulators.html">Robotic-Simulators</a></li>
<li><a href="cloud9.html">Cloud9-IDE</a></li>
<li><a href="jupyter.html">Jupyter-Notebook</a></li>
<li><a href="blender.html">Blender 3D</a></li>
<li><a href="rosgui.html">ROS GUI-Tools</a></li>
<li><a href="gitlab.html">Gitlab</a></li>
<li><a href="azure.html">Azure SDK</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<div class="split left">
<div class="centered">
<iframe src="http://192.168.99.100:8080"></iframe>
<p><a href="http://192.168.99.100:8080" target="_blank"> Expand</a></p>
</div>
</div>
<div class="split right">
<div class="centered">
<iframe src="http://192.168.99.100:8181/ide.html" csp="object-src 'none'"></iframe>
<p><a href="http://192.168.99.100:8181/ide.html" target="_blank"> Expand</a></p>
</div>
</div>
</body>
</html>