Files
2021-08-04 21:30:59 +02:00

562 lines
20 KiB
HTML

<html>
<head>
<style>
body{
background: #ECE9E9;
padding: 30px;
}
.thumb{
background-size: 140px 140px;
width: 140px;
height: 140px;
border-radius: 5px;
border: 1px solid black;
box-shadow: 3px 3px 3px 0px #555;
margin: 0px;
float: left;
}
.thumb-label{
font-size: large;
text-align: center;
font-weight: bold;
color: #FFF;
text-shadow:black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px;
height: 100%;
}
.unhandled_container{
max-width: 1200px;
margin: auto;
margin-top: 50px;
}
.unhandled{
width: 30%;
padding-top:8px;
padding-bottom:8px;
padding-left: 10px;
float:left;
font-family: "Helvetica Neue", "Lucida Grande", Arial;
font-size: 13px;
border: 1px solid rgba(0, 0, 0, 0);
}
.unhandled:hover{
border: 1px solid rgba(200, 200, 200, 1);
border-radius: 4px;
background: white;
}
a{
color: #555555;
}
h1{
font-weight: 500;
color: rgb(51, 51, 51);
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#samples_container{
display: grid;
grid-template-columns: 70% 30%;
grid-gap: 10px;
grid-template-rows: auto auto;
max-width: 1300px;
margin: auto;
}
#thumb_container{
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
max-width: 1200px;
margin: auto;
margin-top: 20px
}
#external_container{
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: span 2;
margin-top: 20px
}
#showcase_container{
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 2;
grid-row-end: 2;
max-width: 1200px;
margin: auto;
margin-top: 20px;
}
</style>
</head>
<body>
<div id="samples_container">
<div id="thumb_container">
<h1>Examples</h1>
<a href="viewer.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/viewer.png'); ">
<div class="thumb-label">Basic Viewer</div>
</div>
</a>
<a href="oriented_images.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/oriented_images.jpg'); ">
<div class="thumb-label">Oriented Images</div>
</div>
</a>
<a href="360.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/360.jpg'); ">
<div class="thumb-label">360 images</div>
</div>
</a>
<a href="geopackage.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/geopackage.jpg'); ">
<div class="thumb-label">Geopackage</div>
</div>
</a>
<a href="classifications.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/classifications.jpg'); ">
<div class="thumb-label">Classifications</div>
</div>
</a>
<a href="camera_animation.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/camera_animation.jpg'); ">
<div class="thumb-label">Camera Animation</div>
</div>
</a>
<a href="load_project.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/load_project.jpg'); ">
<div class="thumb-label">Load Project</div>
</div>
</a>
<a href="toolbar.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/toolbar.jpg'); ">
<div class="thumb-label">Toolbar</div>
</div>
</a>
<a href="matcap.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/matcap.jpg'); ">
<div class="thumb-label">Matcap</div>
</div>
</a>
<a href="heidentor.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/heidentor.png'); ">
<div class="thumb-label">Heidentor</div>
</div>
</a>
<a href="lion.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/lion.png'); ">
<div class="thumb-label">Lion</div>
</div>
</a>
<a href="lion_las.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/lion_las.png'); ">
<div class="thumb-label">Lion LAS</div>
</div>
</a>
<a href="lion_laz.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/lion_las.png'); ">
<div class="thumb-label">Lion LAZ</div>
</div>
</a>
<a href="ept.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/lion.png'); ">
<div class="thumb-label">EPT</div>
</div>
</a>
<a href="ept_binary.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/lion_las.png'); ">
<div class="thumb-label">EPT Binary</div>
</div>
</a>
<a href="ept_zstandard.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/lion_las.png'); ">
<div class="thumb-label">EPT zstandard</div>
</div>
</a>
<a href="clipping_volume.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/clipping_volume.png'); ">
<div class="thumb-label">Clipping Volume</div>
</div>
</a>
<a href="ca13.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/ca13.png'); ">
<div class="thumb-label">CA13</div>
</div>
</a>
<a href="elevation_profile.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/elevation_profile.png'); ">
<div class="thumb-label">Elevation Profile</div>
</div>
</a>
<a href="measurements.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/measurements.png'); ">
<div class="thumb-label">Measurements</div>
</div>
</a>
<a href="meshes.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/meshes.png'); ">
<div class="thumb-label">Meshes</div>
</div>
</a>
<a href="multiple_pointclouds.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/multiple_point_clouds.png'); ">
<div class="thumb-label">Multiple Point Clouds</div>
</div>
</a>
<a href="features_sorvilier.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/features_sorvilier.png'); ">
<div class="thumb-label">Features (Sorvilier)</div>
</div>
</a>
<a href="features_ca13.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/features_ca13.png'); ">
<div class="thumb-label">Features (CA13)</div>
</div>
</a>
<a href="annotations.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/annotations.png'); ">
<div class="thumb-label">Annotations</div>
</div>
</a>
<a href="annotation_hierarchy.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/annotation_hierarchy.png'); ">
<div class="thumb-label">Hierarchical Annotations</div>
</div>
</a>
<a href="animation_paths.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/animation_paths.png'); ">
<div class="thumb-label">Animation Path</div>
</div>
</a>
<a href="shapefiles.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/shapefiles.png'); ">
<div class="thumb-label">Shapefiles</div>
</div>
</a>
<a href="cesium_ca13.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/cesium_ca13.png'); ">
<div class="thumb-label">Cesium CA13</div>
</div>
</a>
<a href="cesium_retz.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/cesium_retz.png'); ">
<div class="thumb-label">Cesium Retz</div>
</div>
</a>
<a href="cesium_sorvilier.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/cesium_sorvilier.png'); ">
<div class="thumb-label">Cesium Sorvilier</div>
</div>
</a>
<a href="custom_sidebar_section.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/custom_sidebar_section.png'); ">
<div class="thumb-label">Custom Sidebar Section</div>
</div>
</a>
<a href="embedded_iframe.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/embedded_iframe.png'); ">
<div class="thumb-label">Embedded Iframe</div>
</div>
</a>
<a href="gradient_colors.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/gradient_colors.png'); ">
<div class="thumb-label">Gradient Colors</div>
</div>
</a>
</div>
<div id="showcase_container">
<h1>Showcase</h1>
<a href="showcase/matterhorn.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/matterhorn.jpg'); ">
<div class="thumb-label">Matterhorn</div>
</div>
</a>
<a href="showcase/retz.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/retz.jpg'); ">
<div class="thumb-label">Retz</div>
</div>
</a>
<a href="showcase/lake_tahoe.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/lake_tahoe.jpg'); ">
<div class="thumb-label">Lake Tahoe</div>
</div>
</a>
<a href="showcase/sorvilier.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/vol_total.jpg'); ">
<div class="thumb-label">Sorvilier</div>
</div>
</a>
<a href="showcase/grab_15.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/grab_15.jpg'); ">
<div class="thumb-label">Grave</div>
</div>
</a>
<a href="showcase/tern_auscover_chowilla.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/chowilla.jpg'); ">
<div class="thumb-label">Chowilla</div>
</div>
</a>
<a href="showcase/chiller.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/chiller.jpg'); ">
<div class="thumb-label">Chiller</div>
</div>
</a>
<a href="showcase/cooler_tower.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/cooler_tower.jpg'); ">
<div class="thumb-label">Cooler</div>
</div>
</a>
<a href="showcase/dechen_cave.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/dechen_cave.jpg'); ">
<div class="thumb-label">Dechen Cave</div>
</div>
</a>
<a href="showcase/doverMillRuins.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/DoverMillRuins.jpg'); ">
<div class="thumb-label">Ruins</div>
</div>
</a>
<a href="showcase/eclepens.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/eclepens.jpg'); ">
<div class="thumb-label">Eclepens</div>
</div>
</a>
<a href="showcase/heidentor.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/heidentor.jpg'); ">
<div class="thumb-label">Heidentor</div>
</div>
</a>
<a href="showcase/land_building.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/land_building.jpg'); ">
<div class="thumb-label">Building</div>
</div>
</a>
<a href="showcase/LDHI_module.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/LDHI_module.jpg'); ">
<div class="thumb-label">LDHI</div>
</div>
</a>
<a href="showcase/lion_head_simone_garagnani.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/lion_head.jpg'); ">
<div class="thumb-label">Lion Head</div>
</div>
</a>
<a href="showcase/overpass.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/overpass.jpg'); ">
<div class="thumb-label">Overpass</div>
</div>
</a>
<a href="showcase/pielach.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/pielach.jpg'); ">
<div class="thumb-label">Pielach</div>
</div>
</a>
<a href="showcase/pompei.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/pompei.jpg'); ">
<div class="thumb-label">pompei</div>
</div>
</a>
<a href="showcase/santorini.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/santorini.jpg'); ">
<div class="thumb-label">Santorini</div>
</div>
</a>
<a href="showcase/skatepark.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/skatepark.jpg'); ">
<div class="thumb-label">Skatepark</div>
</div>
</a>
<a href="showcase/subsea_equipment.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/subsea_equipment.jpg'); ">
<div class="thumb-label">Subsea Eq.</div>
</div>
</a>
<a href="showcase/subsea_manifold.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/subseamanifold.jpg'); ">
<div class="thumb-label">Subsea Man.</div>
</div>
</a>
<a href="showcase/westend_palais.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/westend_palais.jpg'); ">
<div class="thumb-label">Westend Palais</div>
</div>
</a>
<a href="showcase/whitby.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('thumbnails/whitby.jpg'); ">
<div class="thumb-label">Whitby</div>
</div>
</a>
</div>
<div id="external_container">
<h1>Third Party</h1>
<a href="https://sitn.ne.ch/lidar/" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/sitn.jpg'); ">
<div class="thumb-label">SITN</div>
</div>
</a>
<a href="http://potree.entwine.io/" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/entwine.jpg'); ">
<div class="thumb-label">Entwine</div>
</div>
</a>
<a href="http://files.digitisation.unimelb.edu.au/potree/pointclouds/hakea_macrorrhyncha.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/hakea_macrorrhyncha.jpg'); ">
<div class="thumb-label"></div>
</div>
</a>
<a href="http://betaportal.icgc.cat/wordpress/sagrada_familia_eixample_3d/" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/icgc_barcelona.jpg'); ">
<div class="thumb-label">Barcelona</div>
</div>
</a>
<a href="https://www.linkedin.com/pulse/open-source-advent-21-partridge-potree-bj%C3%B8rn-ove-gr%C3%B8tan/?published=t" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/preikestolen.jpg'); ">
<div class="thumb-label"></div>
</div>
</a>
<a href="http://bermuda100.ucsd.edu/mary-celestia/index.php" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/bermuda100.jpg'); ">
<div class="thumb-label">Bermuda 100</div>
</div>
</a>
<a href="https://rapidlasso.com/laspublish/" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/laspublish.jpg'); ">
<div class="thumb-label">laspublish</div>
</div>
</a>
<a href="https://www.pointbox.xyz/" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/pointbox.jpg'); ">
<div class="thumb-label">Pointbox</div>
</div>
</a>
<a href="https://digital.ucd.ie/view/ucdlib:30462" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/dublin.jpg'); ">
<div class="thumb-label">Dublin</div>
</div>
</a>
<a href="http://ahn2.pointclouds.nl/" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/AHN2.jpg'); ">
<div class="thumb-label">AHN2</div>
</div>
</a>
<a href="https://www.phoenixlidar.com/sampledata/" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/phoenix_lidar.jpg'); ">
<div class="thumb-label">Phoenix Lidar</div>
</div>
</a>
<a href="http://www.kkapc.co.jp/potree-1.5RC/examples/apc_tatumi.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/tatsumi_dam.jpg'); ">
<div class="thumb-label">Tatsumi Dam</div>
</div>
</a>
<a href="http://www.airborneresearch.com.au/potree/ironbank1/examples/ironbank1.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/ara.jpg'); ">
<div class="thumb-label"></div>
</div>
</a>
<a href="https://digitalreality.ethz.ch/goldmine/" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/goldmine.jpg'); ">
<div class="thumb-label"></div>
</div>
</a>
<a href="http://files.digitisation.unimelb.edu.au/potree/pointclouds/ricketts-test2.html" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/ricketts_sanctuary.jpg'); ">
<div class="thumb-label"></div>
</div>
</a>
<a href="http://wesmapping.com/blog/3d-visualization-of-the-grand-canyon-with-potree/" target="_blank" style="display: inline-block">
<div class="thumb" style="background-image: url('third/wesmapping_grand_canyon.jpg'); ">
<div class="thumb-label">Wesmapping</div>
</div>
</a>
</div>
</div>
<div class="unhandled_container">
<h1>Other</h1>
<a href="arena4d.html" class="unhandled">arena4d.html</a>
<a href="deviceorientation.html" class="unhandled">deviceorientation.html</a>
<a href="github.html" class="unhandled">github.html</a>
<a href="light.html" class="unhandled">light.html</a>
<a href="light_animated.html" class="unhandled">light_animated.html</a>
<a href="lines.html" class="unhandled">lines.html</a>
<a href="vr_dechen_cave.html" class="unhandled">vr_dechen_cave.html</a>
<a href="vr_eclepens.html" class="unhandled">vr_eclepens.html</a>
<a href="vr_morro_bay.html" class="unhandled">vr_morro_bay.html</a>
</div>
</body>
</html>