diff options
| author | Jules Laplace <jules@okfoc.us> | 2017-04-23 22:17:43 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2017-04-23 22:17:43 -0400 |
| commit | ed62a07b37e666d1a5e972847460dee7f90b3987 (patch) | |
| tree | 0ea651522ba3d46f58585b3847c175b8221b7e91 /index.html | |
triangle interval map
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..581e279 --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ +<html> +<head> +<title>triangle</title> +<style> +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + color: white; + text-shadow: 0 0 2px #000; + transition: background-color 100ms; + user-select: none; + overflow: hidden; +} +div { + position: absolute; + cursor: pointer; +} +body > div { + width: 51px; + height: 51px; + border-left: 1px solid #888; + border-bottom: 1px solid #888; +} +div > div { width: 20px; } +div > div:nth-child(1) { text-align: right; top: 5px; left: 3px; } +div > div:nth-child(2) { text-align: center; top: 15px; left: 16px; opacity: 0.8; transform: rotate(20deg); } +div > div:nth-child(3) { text-align: left; top: 29px; left: 28px; } +</style> +</head> +<body> +</body> +<script src='bundle.js'></script> +</html> |