diff options
| author | Jules Laplace <jules@okfoc.us> | 2017-04-29 15:45:22 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2017-04-29 15:45:22 -0400 |
| commit | 7be840fdf1d4448fe2c2abf6cf037d5946015cf3 (patch) | |
| tree | fe3ba03966ef20be65bf359e03f8db1f9af781c7 /index.html | |
| parent | c27f800fa586b40d2b9baa648cb0c894fdc1e4ef (diff) | |
generate hexagons
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 14 |
1 files changed, 12 insertions, 2 deletions
@@ -3,17 +3,26 @@ <title>honeycomb</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <style> +html,body { margin: 0; padding: 0; width: 100%; height: 100%; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; background-color: #333; } -div { - display: inline-block; +#container { + position: absolute; top: 0; left: 0; + width: 100%; height: 100%; +} +.mobile #container { + transform-origin: 50% 50%; + transform: scale(0.6); } .desktop body { user-select: none; } +.hex { + transform: translate(-40px, -50px); +} @media only screen and (max-device-width: 800px) { html,body { margin: 0; @@ -23,6 +32,7 @@ div { </style> </head> <body> +<div id="container"></div> </body> <script> var s = document.createElement('script'); |