diff options
| author | elioat <elioat@tilde.institute> | 2024-08-22 21:34:43 -0400 |
|---|---|---|
| committer | elioat <elioat@tilde.institute> | 2024-08-22 21:34:43 -0400 |
| commit | a04981476d9f3d282f76969bd55f7f32d65dda06 (patch) | |
| tree | a7e819f519c79c04c91cfcd9566bbcd16fc6df94 /js/pixel-art/index.html | |
| parent | 219801d28401d7283bf2e133cc16f0dc80999b49 (diff) | |
| download | tour-a04981476d9f3d282f76969bd55f7f32d65dda06.tar.gz | |
*
Diffstat (limited to 'js/pixel-art/index.html')
| -rw-r--r-- | js/pixel-art/index.html | 27 |
1 files changed, 19 insertions, 8 deletions
diff --git a/js/pixel-art/index.html b/js/pixel-art/index.html index abae244..87f240e 100644 --- a/js/pixel-art/index.html +++ b/js/pixel-art/index.html @@ -6,19 +6,30 @@ <title>pixel art</title> <script type="text/javascript" src="app.js"></script> <style type="text/css"> - .editor { - max-width: 80em; - padding: 1em; + body { + padding: 1.75em 1em; margin: 0 auto; display: block; } </style> + <link rel="icon" href="apple-icon-180x180.png" type="image/x-icon"> </head> <body> -<div class="editor"></div> -<script> - document.querySelector("div") - .appendChild(startPixelEditor({})); -</script> + <!-- <input type="number" name="size" value="16" min="8" max="200"> --> + <div class="editor"></div> + <script> + document.querySelector("div") + .appendChild(startPixelEditor({})); + </script> + <p><a href="./pixel/index.html">Check out a more advanced pixel art tool that I made after this one.</a></p> + <p> + Gameboy colors: + <ul> + <li><span style="background-color: #071821;"> </span> <code>#071821</code></li> + <li><span style="background-color: #86c06c;"> </span> <code>#86c06c</code></li> + <li><span style="background-color: #e0f8cf;"> </span> <code>#e0f8cf</code></li> + <li><span style="background-color: #65ff00;"> </span> <code>#65ff00</code></li> + </ul> + </p> </body> </html> \ No newline at end of file |