243 lines
8.4 KiB
HTML
243 lines
8.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="/assets/css/bootstrap.min.css"> <link rel="stylesheet" href="/assets/js/contour.css">
|
|
|
|
<link rel="stylesheet" href="/assets/js/base.css" />
|
|
<link rel="stylesheet" type="text/css" href="/assets/css/style.css" />
|
|
<title>Explore the 2M++ </title>
|
|
<!-- Matomo -->
|
|
<script type="text/javascript">
|
|
var _paq = window._paq || [];
|
|
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
|
_paq.push(['trackPageView']);
|
|
_paq.push(['enableLinkTracking']);
|
|
(function() {
|
|
var u="//cosmicflows.iap.fr/analytics/";
|
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
|
_paq.push(['setSiteId', '3']);
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
|
})();
|
|
</script>
|
|
<noscript><p><img src="//cosmicflows.iap.fr/analytics/matomo.php?idsite=3&rec=1" style="border:0;" alt="" /></p></noscript>
|
|
<!-- End Matomo Code -->
|
|
</head>
|
|
|
|
<body id="main_body">
|
|
<div id="body_block">
|
|
<div class="title_body">
|
|
<div class="the_title_outer">
|
|
<div class="the_title_middle">
|
|
<div class="the_title_inner">
|
|
Explore the 2M++
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box_bodies" id="main_body">
|
|
|
|
<div class="box_menu">
|
|
<div class="main_menu">
|
|
|
|
|
|
|
|
<div class="menu_item">
|
|
<a href="/_pages/about.html"></a>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="menu_item">
|
|
<a href="/">Home</a>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="menu_item">
|
|
<a href="/register/">Register</a>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="menu_item menu_selected" >
|
|
<a href="/contour/">Explore</a>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="menu_item">
|
|
<a href="/download/">Download</a>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="menu_item">
|
|
<a href="/lookup/">Lookup</a>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="menu_item">
|
|
<a href="/table_query/">Table query</a>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="menu_item">
|
|
<a href="/videos/">Videos</a>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
|
|
<div class="box_pad"><div class="container-fluid">
|
|
|
|
<div class="row">
|
|
<div class="col-md-12" style="text-align:center;position:relative;padding-bottom:56.25%">
|
|
<div id="placeholder" style="width:100%"></div>
|
|
<div data-bind="visible:progressBar"
|
|
id="progress_on_3d"
|
|
style="display:none;">
|
|
<div class="progress">
|
|
<div class="progress-bar" role="progressbar"
|
|
data-bind="style:{width:progressPct() + '%'}, attr:{'aria-valuenow':progressPct},
|
|
text:progressPct()+'%'"
|
|
aria-valuemin="0" aria-valuemax="100">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"><h3 class="panel-title">VR command</h3></div>
|
|
<button data-bind="visible: hasVr, click: vrMode">Enter VR</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"><h3 class="panel-title">View controller</h3></div>
|
|
<div class="panel-body">
|
|
<div class="col-md-6">
|
|
<table width="100%">
|
|
<tr>
|
|
<td width="50%">Isodensity value</td>
|
|
<td width="50%"><input type="range" data-bind="value:isoValue, attr: {min: minDataRange, max: maxDataRange, value:isoValue }" step="0.05" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Specular brightness</td>
|
|
<td><input type="range" data-bind="value:specBright" min="1.0" max="4.0" step="0.1" value="2" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Compute normals</td>
|
|
<td><input type="checkbox" data-bind="checked: useNormals" checked/></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Add specular</td>
|
|
<td><input type="checkbox" data-bind="checked: addSpecular" checked/></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<table style="display:inline-block" width="100%">
|
|
<tr>
|
|
<td width="20%">Surface base color</td>
|
|
<td>
|
|
<input class="surface_color form-control" type="text" data-bind="value: baseColor" value="#ff0000"/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"><h3 class="panel-title">Data controller</h3></div>
|
|
<div class="panel-body">
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="dataSelector" data-bind="checked: dataset" value="twompp_10.vtp"/>10 h<sup>-1</sup>Mpc
|
|
</label>
|
|
</div>
|
|
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="dataSelector" data-bind="checked: dataset" value="twompp.vtp" />4 h<sup>-1</sup>Mpc
|
|
</label>
|
|
</div>
|
|
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="dataSelector" data-bind="checked: dataset" value="borg_pm_2.vtp" />BORG-PM 2 h<sup>-1</sup>Mpc
|
|
</label>
|
|
</div>
|
|
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="dataSelector" data-bind="checked: dataset" value="borg_pm_4.vtp" />BORG-PM 4 h<sup>-1</sup>Mpc
|
|
</label>
|
|
</div>
|
|
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="dataSelector" data-bind="checked: dataset" value="borg_pm_10.vtp" />BORG-PM 10 h<sup>-1</sup>Mpc
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div id="signature">
|
|
© 2014-2020 Guilhem Lavaux, Michael J. Hudson, Jon Carrick & Stephen Turnbull
|
|
<script language="javascript">
|
|
s0 = "lavaux@iap.fr,";
|
|
s0 += "mjhudson@uwaterloo.ca";
|
|
document.write("<a href=\"mailto:"+s0+"\">contact us</a>");
|
|
</script>
|
|
<div id="mirror">
|
|
Please use closest mirror: <a href="http://cosmicflows.iap.fr">France</a> or <a href="http://cosmicflows.uwaterloo.ca">Canada</a>
|
|
</div>
|
|
<div id="last_updated">
|
|
Last updated: 2020-09-02 16:26:42 +0200
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="box_bodies" id="below_body">
|
|
<div class="box_pad">
|
|
<a href="http://www.iap.fr"><img src="/assets/images2/iap.jpg"/></a>
|
|
<a href="http://www.cnrs.fr"><img src="/assets/images2/cnrs.jpg"/></a>
|
|
<a href="http://www.uwaterloo.ca"><img src="/assets/images2/uwaterloo.png"/></a>
|
|
<a href="http://ilp.upmc.fr"><img src="/assets/images2/ilp.png"/></a>
|
|
<a href="http://www.upmc.fr"><img src="/assets/images2/UPMC.jpg"/></a>
|
|
<a href="http://www.agence-nationale-recherche.fr/"><img src="/assets/images2/logo1_ANR.jpg"/></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="/assets/js/manifest.js" charset="utf-8"></script>
|
|
<script type="text/javascript" src="/assets/js/commons.js" charset="utf-8"></script>
|
|
<script type="text/javascript" href="/assetsjs/base.bundle.js"></script>
|
|
|
|
<script type="text/javascript" src="/assets/js/contour.bundle.js"></script>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|