5c40b845bb
- npm updates - full responsive design - LayerControl wit the option for defining a parent div
124 lines
5.0 KiB
HTML
124 lines
5.0 KiB
HTML
<!doctype html>
|
||
|
||
<html lang="en">
|
||
|
||
<head>
|
||
|
||
<!-- Basic Page Needs
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<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
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
|
||
<!-- FONT
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
|
||
<!-- CSS
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<!-- <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" />
|
||
|
||
<!-- Favicon
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<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">
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
|
||
<header class="header">
|
||
<nav class="navigation" role="navigation">
|
||
<a href="#" id="menu-icon" class="menu-icon active">
|
||
<i class="fa fa-bars"></i>
|
||
</a>
|
||
<div class="row">
|
||
<div class="logo three columns">
|
||
<a class="navbar-brand" href="/">
|
||
<img src="images/egdi_logo.svg" height="51">
|
||
</a>
|
||
</div>
|
||
<ul class="menu main-navigation nine columns">
|
||
<li><a href="#home">Home</a></li>
|
||
</ul>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
|
||
|
||
<section class='main u-full-width'>
|
||
|
||
|
||
|
||
<div class="canvas-area eight columns">
|
||
<div id="div-map">
|
||
<div id="webgl" class="mapDesktop">
|
||
<!-- <canvas id="imgCanvas" class="img-canvas">
|
||
Canvas Not supported in your browser... Sorry!
|
||
</canvas> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="input-area four columns">
|
||
|
||
<div class="row">
|
||
<div class="twelve columns">
|
||
|
||
<ul class="tab-nav">
|
||
<li class="metadata-link">
|
||
<span class="remove-check button active" name="#one">GEOLOGY</span>
|
||
</li>
|
||
<li class="file-link">
|
||
<span class="remove-check button" name="#two">ANALYSIS</span>
|
||
</li>
|
||
</ul>
|
||
|
||
<!-- HTML markup for tab content: Tab panes -->
|
||
<div class="tab-content">
|
||
<div class="tab-pane content-metadata active" id="one">
|
||
<div id="layer-control-parent-id"></div>
|
||
</div>
|
||
<div class="tab-pane content-file" id="two">
|
||
<h5 class="section-heading">Download Map Image</h5>
|
||
<!-- <label for="topText">Top Text:</label>
|
||
<input type="text" id="topText" class="form-control">
|
||
|
||
<label for="bottomText">Bottom Text:</label>
|
||
<input type="text" id="bottomText" class="form-control"> -->
|
||
|
||
|
||
<a class="button button-primary" type="submit" id="btnDownloadCanvasImage"
|
||
download="file.png">Download</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End of HTML markup for tab content: Tab panes -->
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</section>
|
||
|
||
<script src="dist/main.js"></script>
|
||
</body>
|
||
|
||
</html> |