diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2018-08-12 15:16:16 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2018-08-12 15:16:16 +0200 |
| commit | 86213c887b101044ae2f3ea393fee927842dbde2 (patch) | |
| tree | 72e903084c6f19eb8f15640c1d354b9226dea591 /index.html | |
inequality sonification project
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..2db7e2f --- /dev/null +++ b/index.html @@ -0,0 +1,55 @@ +<html> +<head> +<title>cells</title> +<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> +<style> +body { + font-family: Helvetica, sans-serif; + font-weight: 300; + font-size: 13px; + transition: background-color 100ms; + background-image: url(./img/imBreak_1340193016_tumblr_m5vynpMYYg1qiluqao1_500_.png); + background-position: top right; + background-repeat: no-repeat; + background-attachment: fixed; +} +div { + display: inline-block; +} +.desktop body { + user-select: none; +} +.top { + display: block; + margin-top: 10px; + margin-bottom: 10px; +} +.tools { + position: fixed; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0); + width: 400px; + display: flex; + flex-direction: column; + justify-content: space-between; +} +</style> +</head> +<body> +<div> +<div class='tools'> + <div class="top"> + <canvas nx="number" label="tempo" id="tempo"></canvas><br> + <canvas nx="select" id="scale"></canvas> + </div> + <div> + </div> +</div> +</body> +<script> + var s = document.createElement('script'); + s.setAttribute('src','bundle.js?' + Date.now()); + document.body.appendChild(s) +</script> +</html> |