example/index.html
<html>
<head>
<title>data-gui</title>
</head>
<body>
<div id="test">
<canvas id="canvas"></canvas>
<pre><code class="js"></code></pre>
</div>
<div>
<div class="actions">
<a href="https://github.com/SolalDR/data-gui/blob/master/example/src/index.js">View source</a>
<a href="https://github.com/SolalDR/data-gui">Github</a>
<a href="https://www.npmjs.com/package/data-gui">NPM</a>
<a href="https://solaldr.github.io/data-gui/index.html">Docs</a>
</div>
</div>
<script src="./dist/index.js"></script>
</body>
<style>
body {
margin: 0;
padding: 0;
background-color: #EDEDED;
}
canvas {
background-color: white;
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.actions {
position: absolute;
bottom: 20px;
right: 20px;
text-decoration: none;
font-family: sans-serif;
letter-spacing: 1px;
font-size: 10px;
}
a {
text-decoration: none;
display: inline-block;
margin: 0 5px;
color: #006fbf;
}
</style>
</html>