2020-11-12 12:44:48 +00:00
|
|
|
|
<!doctype html>
|
|
|
|
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
2020-11-26 08:46:10 +00:00
|
|
|
|
|
2020-12-14 16:22:02 +00:00
|
|
|
|
<!-- Basic Page Needs
|
2020-11-26 08:46:10 +00:00
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
2020-12-14 16:22:02 +00:00
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
|
|
<title>GeotiefExplore</title>
|
|
|
|
|
<!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> -->
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
|
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
|
|
|
<!-- <link href="content/img/favicon.ico" rel="shortcut icon" type="image/x-icon" /> -->
|
|
|
|
|
<meta name="description" content="3D viewer Geological Survey of Austria">
|
|
|
|
|
<meta name="author" content="Arno Kaimbacher">
|
|
|
|
|
|
|
|
|
|
<!-- Mobile Specific Metas
|
2020-11-26 08:46:10 +00:00
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
2020-12-14 16:22:02 +00:00
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
2020-11-26 08:46:10 +00:00
|
|
|
|
|
2020-12-14 16:22:02 +00:00
|
|
|
|
<!-- FONT
|
2020-11-26 08:46:10 +00:00
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
|
|
|
|
2020-12-14 16:22:02 +00:00
|
|
|
|
<!-- CSS
|
2020-11-26 08:46:10 +00:00
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
2020-12-14 16:22:02 +00:00
|
|
|
|
<!-- <link type="text/css" rel="stylesheet" href="normalize.css" /> -->
|
|
|
|
|
<!-- <link rel="stylesheet" href="src/css/page.css?v=1.0"> -->
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="dist/main.css" />
|
2020-11-12 12:44:48 +00:00
|
|
|
|
|
2020-12-14 16:22:02 +00:00
|
|
|
|
<!-- Favicon
|
2020-11-26 08:46:10 +00:00
|
|
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
2020-12-14 16:22:02 +00:00
|
|
|
|
<link rel="icon" type="image/png" href="images/favicon/favicon.ico" />
|
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
|
|
|
|
|
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
|
|
|
|
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
|
|
|
|
<link rel="manifest" href="images/favicon/site.webmanifest">
|
2020-11-26 08:46:10 +00:00
|
|
|
|
|
2020-11-12 12:44:48 +00:00
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2021-03-18 16:40:47 +00:00
|
|
|
|
<nav class="navbar has-shadow" role="navigation" aria-label="main navigation">
|
|
|
|
|
<div class="navbar-brand">
|
|
|
|
|
<a class="" href="http://www.europe-geology.eu/onshore-geology/geological-map/" target="_blank">
|
|
|
|
|
<!-- <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28"> -->
|
|
|
|
|
<img src="images/egdi_logo.svg" height="51">
|
2020-12-14 16:22:02 +00:00
|
|
|
|
</a>
|
2021-03-18 16:40:47 +00:00
|
|
|
|
<a role="button" id="menu-icon" class="navbar-burger" aria-label="menu" aria-expanded="false"
|
|
|
|
|
data-target="navbarBasicExample">
|
|
|
|
|
<span aria-hidden="true"></span>
|
|
|
|
|
<span aria-hidden="true"></span>
|
|
|
|
|
<span aria-hidden="true"></span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="navbarBasicExample" class="navbar-menu">
|
|
|
|
|
<div class="navbar-start">
|
|
|
|
|
<span id='map-title' class="navbar-item">
|
|
|
|
|
</span>
|
|
|
|
|
<a class="navbar-item">
|
|
|
|
|
Documentation
|
|
|
|
|
</a>
|
|
|
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
|
|
|
|
<a class="navbar-link">
|
|
|
|
|
More
|
2020-12-14 16:22:02 +00:00
|
|
|
|
</a>
|
2021-03-18 16:40:47 +00:00
|
|
|
|
<div class="navbar-dropdown">
|
|
|
|
|
<a id="menu-about-icon" class="navbar-item">
|
|
|
|
|
About
|
2021-02-10 11:20:43 +00:00
|
|
|
|
</a>
|
2021-03-18 16:40:47 +00:00
|
|
|
|
<a class="navbar-item">
|
|
|
|
|
Contact
|
2021-02-10 11:20:43 +00:00
|
|
|
|
</a>
|
2021-03-18 16:40:47 +00:00
|
|
|
|
<hr class="navbar-divider">
|
|
|
|
|
<a class="navbar-item">
|
|
|
|
|
Report an issue
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-12-14 16:22:02 +00:00
|
|
|
|
</div>
|
2021-03-18 16:40:47 +00:00
|
|
|
|
|
|
|
|
|
<div class="navbar-end">
|
|
|
|
|
<div class="navbar-item">
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
<!-- <a class="button is-primary">
|
|
|
|
|
<strong>Sign up</strong>
|
|
|
|
|
</a> -->
|
|
|
|
|
<a class="button is-light">
|
|
|
|
|
Log in
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
2020-12-14 16:22:02 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-03-18 16:40:47 +00:00
|
|
|
|
</nav>
|
2020-12-14 16:22:02 +00:00
|
|
|
|
|
2021-03-18 16:40:47 +00:00
|
|
|
|
<section id="app" class="hero">
|
|
|
|
|
<div class="hero-body">
|
|
|
|
|
<!-- <div class="container is-fluid"> -->
|
2020-12-14 16:22:02 +00:00
|
|
|
|
|
2021-03-18 16:40:47 +00:00
|
|
|
|
<div class="main columns">
|
2020-12-14 16:22:02 +00:00
|
|
|
|
|
2021-03-18 16:40:47 +00:00
|
|
|
|
<div class="canvas-area is-8 column">
|
|
|
|
|
<div id="div-map">
|
|
|
|
|
<div id="webgl" class="mapDesktop">
|
|
|
|
|
<!-- <canvas id="imgCanvas" class="img-canvas">
|
|
|
|
|
Canvas Not supported in your browser... Sorry!
|
|
|
|
|
</canvas> -->
|
2020-12-14 16:22:02 +00:00
|
|
|
|
</div>
|
2021-03-18 16:40:47 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-02-11 14:33:05 +00:00
|
|
|
|
|
2021-03-18 16:40:47 +00:00
|
|
|
|
<div class="input-area is-4 column">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="columns">
|
|
|
|
|
<div id="div-tabs" class="column">
|
|
|
|
|
|
|
|
|
|
<div class="tabs">
|
|
|
|
|
<ul class="tab-nav">
|
2021-03-23 11:26:43 +00:00
|
|
|
|
<li class="metadata-link is-active" name="#one">
|
|
|
|
|
<a>
|
2021-03-18 16:40:47 +00:00
|
|
|
|
<span class="icon is-small">
|
2021-03-23 11:26:43 +00:00
|
|
|
|
<i class="fas fa-hammer" aria-hidden="true"></i>
|
2021-03-18 16:40:47 +00:00
|
|
|
|
</span>
|
|
|
|
|
<span>Geology</span>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="file-link" name="#two">
|
|
|
|
|
<a>
|
|
|
|
|
<span class="icon is-small">
|
|
|
|
|
<i class="fa fa-tasks" aria-hidden="true"></i>
|
|
|
|
|
</span>
|
|
|
|
|
<span>Analysis</span>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
2021-03-23 11:26:43 +00:00
|
|
|
|
<li class="data-link" name="#three">
|
|
|
|
|
<a>
|
|
|
|
|
<span class="icon is-small">
|
|
|
|
|
<i class="fas fa-database" aria-hidden="true"></i>
|
|
|
|
|
</span>
|
|
|
|
|
<span>Data</span>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
2021-03-18 16:40:47 +00:00
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<div class="tab-content">
|
|
|
|
|
<div class="tab-pane content-metadata active" id="one">
|
|
|
|
|
<div id="layer-control-parent-id"></div>
|
|
|
|
|
</div>
|
2021-04-01 14:49:57 +00:00
|
|
|
|
|
2021-03-18 16:40:47 +00:00
|
|
|
|
<div class="tab-pane content-file" id="two">
|
|
|
|
|
<h5 class="section-heading">Download Map Image</h5>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="button is-light" type="submit" id="btnDownloadCanvasImage"
|
|
|
|
|
download="file.png">Download</a>
|
|
|
|
|
|
|
|
|
|
<div class="panel-section section-view">
|
|
|
|
|
<div class="feature-wrapper feature-slicer inline-block">
|
|
|
|
|
<div id="slicer-control"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2021-04-01 14:49:57 +00:00
|
|
|
|
<section class="panel-section section-functions section">
|
2021-03-18 16:40:47 +00:00
|
|
|
|
<h5>Functions</h5>
|
2021-04-01 14:49:57 +00:00
|
|
|
|
<div class="columns is-multiline">
|
|
|
|
|
<div class="column is-12">
|
|
|
|
|
<div class="field">
|
|
|
|
|
<div class="control">
|
|
|
|
|
<label class="checkbox">
|
|
|
|
|
<input type="checkbox" id="chkGrid" autocomplete="off"
|
|
|
|
|
checked>
|
|
|
|
|
coordinate grid
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="column is-12">
|
|
|
|
|
<div class="field">
|
|
|
|
|
<div class="control">
|
|
|
|
|
<label class="checkbox">
|
|
|
|
|
<input type="checkbox" id="chkSlicingBox"
|
|
|
|
|
autocomplete="off" checked>
|
|
|
|
|
slicing box
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
2021-03-18 16:40:47 +00:00
|
|
|
|
</div>
|
2021-04-01 14:49:57 +00:00
|
|
|
|
|
2021-03-23 11:26:43 +00:00
|
|
|
|
<div class="tab-pane content-data" id="three">
|
|
|
|
|
<div class="panel-section">
|
|
|
|
|
...coming soon
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-02-11 14:33:05 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2021-03-11 16:52:37 +00:00
|
|
|
|
|
2020-12-14 16:22:02 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-03-18 16:40:47 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-12-14 16:22:02 +00:00
|
|
|
|
|
2021-03-18 16:40:47 +00:00
|
|
|
|
<!-- </div> -->
|
|
|
|
|
</div>
|
2020-12-14 16:22:02 +00:00
|
|
|
|
</section>
|
|
|
|
|
|
2021-03-18 16:40:47 +00:00
|
|
|
|
|
|
|
|
|
|
2020-12-14 16:22:02 +00:00
|
|
|
|
<script src="dist/main.js"></script>
|
2020-11-12 12:44:48 +00:00
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|