diff options
| author | Mitja Felicijan <mitja.felicijan@gmail.com> | 2018-09-19 01:53:20 +0200 |
|---|---|---|
| committer | Mitja Felicijan <mitja.felicijan@gmail.com> | 2018-09-19 01:53:20 +0200 |
| commit | a217ba8ae93591c5f1881425e9a3f2d6842e92de (patch) | |
| tree | bb29512626fc47ce492d14987099404766eae6f5 /tools/draw/index.html | |
| parent | 6a38bb139ba43e261f54808f9f72f5e44b4fce92 (diff) | |
| download | mitjafelicijan.com-a217ba8ae93591c5f1881425e9a3f2d6842e92de.tar.gz | |
content update
Diffstat (limited to 'tools/draw/index.html')
| -rw-r--r-- | tools/draw/index.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/tools/draw/index.html b/tools/draw/index.html new file mode 100644 index 0000000..12bead7 --- /dev/null +++ b/tools/draw/index.html | |||
| @@ -0,0 +1,38 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 2 | <html lang="en"> | ||
| 3 | |||
| 4 | <head> | ||
| 5 | <meta charset="UTF-8"> | ||
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| 7 | <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| 8 | <title>Draw</title> | ||
| 9 | <link rel="stylesheet" href="app.css"> | ||
| 10 | </head> | ||
| 11 | |||
| 12 | <body> | ||
| 13 | |||
| 14 | <section> | ||
| 15 | <canvas></canvas> | ||
| 16 | </section> | ||
| 17 | |||
| 18 | <nav> | ||
| 19 | <button data-method="color" data-value="limegreen">limegreen</button> | ||
| 20 | <button data-method="color" data-value="crimson">crimson</button> | ||
| 21 | <button data-method="color" data-value="purple">purple</button> | ||
| 22 | <button data-method="color" data-value="fuchsia">fuchsia</button> | ||
| 23 | <button data-method="color" data-value="blueviolet">blueviolet</button> | ||
| 24 | <button data-method="color" data-value="goldenrod">goldenrod</button> | ||
| 25 | <button data-method="color" data-value="royalblue">royalblue</button> | ||
| 26 | <br> | ||
| 27 | <button data-method="size" data-value="2">small</button> | ||
| 28 | <button data-method="size" data-value="4">normal</button> | ||
| 29 | <button data-method="size" data-value="10">big</button> | ||
| 30 | <br> | ||
| 31 | <button data-method="clear" data-value="">clear</button> | ||
| 32 | </nav> | ||
| 33 | |||
| 34 | <script src="app.js" defer></script> | ||
| 35 | |||
| 36 | </body> | ||
| 37 | |||
| 38 | </html> | ||