49 lines
1.3 KiB
HTML
49 lines
1.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Colorsquareproject</title>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
||
|
|
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
|
||
|
|
<script type="text/javascript" src="js/init.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Ein kleines Feld bunter Kästchen.</h1>
|
||
|
|
<h3>Was auch sonst?... na los, spiel schon damit. :-)</h3>
|
||
|
|
<div id="controlbox">
|
||
|
|
<h1>Tastenbefehle</h1>
|
||
|
|
<h2>Normaler Modus</h2>
|
||
|
|
<dl>
|
||
|
|
<dt>R</dt>
|
||
|
|
<dd>Schaltet Farbanimation ein/aus</dd>
|
||
|
|
<dt>Q</dt>
|
||
|
|
<dd>Lightness erhöhen</dd>
|
||
|
|
<dt>W</dt>
|
||
|
|
<dd>Lightness verringern</dd>
|
||
|
|
<dt>A</dt>
|
||
|
|
<dd>Saturation erhöhen</dd>
|
||
|
|
<dt>S</dt>
|
||
|
|
<dd>Saturation verringern</dd>
|
||
|
|
<dt>+</dt>
|
||
|
|
<dd>Animationsgeschwindigkeit +1</dd>
|
||
|
|
<dt>0 (null)</dt>
|
||
|
|
<dd>Animationsgeschwindigkeit = 1</dd>
|
||
|
|
<dt>-</dt>
|
||
|
|
<dd>Animationsgeschwindigkeit -1</dd>
|
||
|
|
<dt>Linksklick</dt>
|
||
|
|
<dd>Setzt Kästchen auf Rot</dd>
|
||
|
|
<dt>T</dt>
|
||
|
|
<dd>Zum "toggleInterval" Modus</dd>
|
||
|
|
</dl>
|
||
|
|
<hr />
|
||
|
|
<h2>"toggleInterval" Modus</h2>
|
||
|
|
<dl>
|
||
|
|
<dt>T</dt>
|
||
|
|
<dd>Zum normalen Modus</dd>
|
||
|
|
<dt>Linksklick</dt>
|
||
|
|
<dd>Schaltet Farbveränderung für dieses Kästchen ein (hell) oder aus (dunkel)</dd>
|
||
|
|
</dl>
|
||
|
|
</div>
|
||
|
|
<div id="squarecontainer"></div>
|
||
|
|
</body>
|
||
|
|
</html>
|