-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
138 lines (98 loc) · 4.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="UTF-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="robots" content="noindex, nofollow" />
<meta property="og:type" content="website" />
<meta property="og:title" content="My title" />
<meta property="og:description" content="My description" />
<meta property="og:url" content="URL" />
<meta property="og:image" content="URL Image" />
<!-- Website Title -->
<title>WebGL Experiments</title>
<!-- CSS -->
<link type="text/css" rel="stylesheet" media="all" href="css/bootstrap.css" />
<link type="text/css" rel="stylesheet" media="all" href="css/styles.css" />
<!-- JavaScript fallback to provide HTML5 features in legacy browsers -->
<!-- [if IE]>
<script type="text/javascript" src="app/lib/fallback/html5shiv.min.js"></script>
<[endif] -->
</head>
<body>
<noscript>If you are reading this text is because your web browser does not allow JavaScript. In that case, the website will not be viewed perfect so please, try to enable it or just change to a better browser</noscript>
<header class="header navbar navbar-inverse min-width">
<div class="navbar-inner">
<div class="columns nine auto">
<h1 class="left title">Telefónica I+D Visualizator</h1>
<h2 class="right subtitle">WebGL Experiments with Three, CubicVR and Jax</h2>
<div class="clear"></div>
</div>
</div>
</header>
<div class="columns twelve tall min-width whitesmoke">
<aside class="three columns left tall aside whitesmoke">
<header class="padding">
<h2 class="title">Description</h2>
<p>This visualizator displays different types of basic scenarios implemented with Three, CubicVR and JAX frameworks</p>
</header>
<section>
<header id="framework-selection" class="columns ten auto">
<p id="framework" class="left">Select Framework</p>
<div class="btn-group right">
<button class="btn active">Three</button>
<button class="btn">CubicVR</button>
<button class="btn">Jax</button>
</div>
<div class="clear"></div>
</header>
<nav>
<ul class="nav nav-list">
<li class="item active">
<a href="#scene" data-description="">Basic Scene <i class="icon-chevron-right right"></i></a>
</li>
<li class="item">
<a href="#models-json" data-description="">Models imported (JSON) <i class="icon-chevron-right right"></i></a>
</li>
<li class="item">
<a href="#models-collada" data-description="">Models import (Collada) <i class="icon-chevron-right right"></i></a>
</li>
<li class="item">
<a href="#controls" data-description="">Controls <i class="icon-chevron-right right"></i></a>
</li>
<li class="item">
<a href="#lights" data-description="">Lights <i class="icon-chevron-right right"></i></a>
</li>
<!--
<li class="item">
<a href="#collision" data-description="">Collision Detection <i class="icon-chevron-right right"></i></a>
</li>
-->
</ul>
</nav>
</section>
<footer class="footer">
<p>© Telefonica Digital, 2012</p>
</footer>
</aside>
<article class="nine columns right tall visual">
<!--
<div class="alerts">
<div class="alert hidden">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>Warning!</strong> Please, select one of the 3 frameworks above
</div>
</div>
-->
<iframe src="html/iframe.html" class="fat tall"></iframe>
</article>
<div class="clear"></div>
</div>
<!-- JavaScript -->
<!-- Development Mode -->
<script type="text/javascript" src="js/lib/jquery-1.8.2.min.js"></script> <!-- DOM/Ajax Library -->
<script type="text/javascript" src="js/ViewController.js"></script>
</body>
</html>