You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

36 lines
2.1 KiB

  1. <!DOCTYPE html>
  2. <!-- -
  3. - "Decidement les temps comme les oeufs sont durs et la betise n'a pas de limite !"
  4. - Ken -
  5. - -->
  6. <html lang="fr">
  7. <head>
  8. <meta charset="utf-8">
  9. <title>[index] Simple Drawing Program</title>
  10. <meta name="description" content="Online pure HTML/CSS pixel art editor">
  11. <meta name="author" content="Iglou.eu">
  12. <link rel="shortcut icon" href="favicon.ico">
  13. <style media="screen">
  14. body {text-align:center;color: gray}
  15. small {display: block;font-size: .6em;font-style: italic}
  16. ul {padding: 0;list-style: none}
  17. p{max-width: 50em;margin: 2em auto;text-align: justify}
  18. p.sl {text-align: center}
  19. </style>
  20. </head>
  21. <body>
  22. <h1>Simple Drawing Program<small>Draw pixel art wich html/css only</small></h1>
  23. <p class="sl">Select a drawing canvas :</p>
  24. <ul>
  25. [=index]
  26. </ul>
  27. <h2>FAQ</h2>
  28. <p><b>How it work ?</b><br />The grid is constituted by X cells. Each cell are a stack of 6 colored pixel (Black, White, Red, Green, Blue + Border). This pixel is a label linked to a unique checkbox. If the checkbox of a cell is checked, the cell apear.</p>
  29. <p><b>Why select a color can auto change color of some pixel ?</b><br />Because of non using programming language, i can't check what color is last active, or i can't replace the existing color. This is a stacking problem. On non 'mixing color', a selected color take a z-index+1 but if more of 1 color is selected the z-index is equal so, the html priority is applie.</p>
  30. <p><b>Why a 'Mixing color' option ?</b><br />We can use the 'stacking problem' for mixing color and use more than 5 'color'. This is not perfect, but it's working.</p>
  31. <p><b>Use js canva is more efficient and don't have all this limitation. Why did you make this dumb project ?</b><br />This is a research project, a concept, this is not for a real and practical usage.</p>
  32. <hr>
  33. <p>Simple projet from <a href="https://iglou.eu">iglou.eu</a> source code on <a href="https://git.iglou.eu/Laboratory/SDP">git.iglou.eu</a></p>
  34. <p>Under MIT License</p>
  35. </body>
  36. </html>