diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 7 |
1 files changed, 6 insertions, 1 deletions
@@ -8,10 +8,13 @@ body.grid div { border-top: 1px solid #444; border-left: 1px solid #444; } .ed { color: #fff; } .focused { text-shadow: 0 3px 3px #fff; border-color: #fff; } .tool.focused, .ed.focused { color: white; text-decoration: underline; } +body.loading { opacity: 0; } +body { transition: 0.1s linear; } body.grid .focused { box-shadow: inset 0 0 2px white, inset 0 0 2px white, inset 0 0 2px white; } +#shader_textarea { display: none; } </style> -<body class="grid"> +<body class="grid loading"> <div> <div id="canvas_rapper" class="rapper"></div> @@ -25,10 +28,12 @@ body.grid .focused { box-shadow: inset 0 0 2px white, inset 0 0 2px white, inset <span id="text_el" class="tool">text</span> <span id="clear_el" class="tool">clear</span> <span id="grid_el" class="tool">grid</span> + <span id="shader_el" class="tool">shader</span> brush size: <span id="width_el" class="ed">5</span> x <span id="height_el" class="ed">5</span> canvas size: <span id="canvas_width_el" class="ed">80</span> x <span id="canvas_height_el" class="ed">24</span> </div> +<textarea id="shader_textarea"></textarea> </div> </body> |