rays/nasa-hackathon
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add index2.html

Browse Source
This commit is contained in:
EC2 Default User
2013-11-13 04:35:28 +00:00
parent 4a9701e5ba
commit 7f3415ab39
1 changed files with 0 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
viz/templates/index1.html Normal file
View File

@@ -0,0 +1,102 @@
<html>
<head>
<script src="../js/prettify.min.js"></script>
<link rel="stylesheet" href="../css/prettify.min.css" type="text/css" />
<link rel="stylesheet" href="../css/sunburst.css" type="text/css" />
<script data-main="//cds.jpl.nasa.gov/widgets/plot/1.0/js/main.js" src="//cds.jpl.nasa.gov/widgets/plot/1.0/components/requirejs/require.js"></script>
<script src="http://cds.jpl.nasa.gov/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<style>
/*user defined styles. */
#riftWidget{
float:left;
width:100%;
height:100%;
position:fixed;
}
</style>
<script>
$(document).ready(function(){
$('#usage').hide();
//give it 10 seconds, then see if we have an oculus
setTimeout(function(){
if(typeof(vr) != "undefined"){
vr.State();
if(vr.hmd.present == false){
/*$('#usage').fadeIn();
$('.widgetRift').fadeOut();*/
$('#usage').fadeOut();
$('.widgetRift').fadeIn();
}
else{
$('#usage').fadeOut();
$('.widgetRift').fadeIn();
}
}
else{
//ok no VR whatsoever.
$('#usage').fadeIn();
$('.widgetRift').fadeOut();
}
},5000)
})
</script>
</head>
<body onload="prettyPrint();">
<div
data-viz-type="plot.xyz"
xdata="http://54.201.54.194/data/GRACE.CSR.LAND.RL05.DS.G200KM.nc/lon[]"
xmask="[100000002004087730000]"
xlabel="lon"
ydata="http://54.201.54.194/data/GRACE.CSR.LAND.RL05.DS.G200KM.nc/lat[]"
ylabel="lat"
zdata="http://54.201.54.194/data/GRACE.CSR.LAND.RL05.DS.G200KM.nc/lwe_thickness[0:1]"
zmask="[32767]"
zlabel="Fly Controls = up,down,left,right"
class="widgetRift"
colorbar="#0000f0,#0000e0,#0000d0,#0000c0,#0000b0,#0000a0,#000090,#000080,#000070,#000060,#000050"
format="spherical"
riftview="true"
rotating="true"
id="riftWidget"
></div>
<div id="usage">
<div id="failWhale">
<pre>
......................................__................................................
.............................,-~*`¯lllllll`*~,..........................................
.......................,-~*`lllllllllllllllllllllllllll¯`*-,....................................
..................,-~*llllllllllllllllllllllllllllllllllllllllllll*-,..................................
...............,-*llllllllllllllllllllllllllllllllllllllllllllllllllllll.\.......................... .......
.............;*`lllllllllllllllllllllllllll,-~*~-,llllllllllllllllllll\................................
..............\lllllllllllllllllllllllllll/.........\;;;;llllllllllll,-`~-,......................... ..
...............\lllllllllllllllllllll,-*...........`~-~-,...(.(¯`*,`,..........................
................\llllllllllll,-~*.....................)_-\..*`*;..)..........................
.................\,-*`¯,*`)............,-~*`~................/.....................
..................|/.../.../~,......-~*,-~*`;................/.\..................
................./.../.../.../..,-,..*~,.`*~*................*...\.................
................|.../.../.../.*`...\...........................)....)¯`~,..................
................|./.../..../.......)......,.)`*~-,............/....|..)...`~-,.............
..............././.../...,*`-,.....`-,...*`....,---......\..../...../..|.........¯```*~-,,,,
...............(..........)`*~-,....`*`.,-~*.,-*......|.../..../.../............\........
................*-,.......`*-,...`~,..``.,,,-*..........|.,*...,*...|..............\........
...................*,.........`-,...)-,..............,-*`...,-*....(`-,............\.......
......................f`-,.........`-,/...*-,___,,-~*....,-*......|...`-,..........\........
</pre>
</div>
In order to use the oculus rift demo, you need:
<ul>
<li>1. An Oculus Rift</li>
<li>2. An Open Source Google Chrome Plugin that you can download and install from github here (<a alt="Required vr.js plugin for oculus rift" href="https://github.com/benvanik/vr.js">https://github.com/benvanik/vr.js</a>)
</li>
</ul>
</div>
</body>
</html>