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

<!DOCTYPE html>
<!-- -
- "Decidement les temps comme les oeufs sont durs et la betise n'a pas de limite !"
- Ken -
- -->
<html lang="fr">
<head>
<meta charset="utf-8">
<title>[index] Simple Drawing Program</title>
<meta name="description" content="Online pure HTML/CSS pixel art editor">
<meta name="author" content="Iglou.eu">
<link rel="shortcut icon" href="favicon.ico">
<style media="screen">
body {text-align:center;color: gray}
small {display: block;font-size: .6em;font-style: italic}
ul {padding: 0;list-style: none}
p{max-width: 50em;margin: 2em auto;text-align: justify}
p.sl {text-align: center}
</style>
</head>
<body>
<h1>Simple Drawing Program<small>Draw pixel art wich html/css only</small></h1>
<p class="sl">Select a drawing canvas :</p>
<ul>
[=index]
</ul>
<h2>FAQ</h2>
<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>
<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>
<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>
<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>
<hr>
<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>
<p>Under MIT License</p>
</body>
</html>