2 <html manifest="manifest.appcache">
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <title>KaiRo.at Mandelbrot Web</title>
6 <script src="js/mandelbrot.js"></script>
7 <link rel="stylesheet" href="style/mandelbrot.css">
10 <h1>KaiRo.at Mandelbrot Web</h1>
12 <div id="overlayArea">
13 <input type="button" id="drawButton" value="Draw Image"
14 onclick="drawImage();">
15 <input type="button" id="settingsButton" value="Settings"
16 onclick="toggleSettings();">
17 <fieldset id="settings"><legend>Image data</legend>
20 Min: <input id="Cr_min" value="-2.0" maxlength="6" size="6" type="text">
21 Max: <input id="Cr_max" value="1.0" maxlength="6" size="6" type="text">
23 Min: <input id="Ci_min" value="-1.5" maxlength="6" size="6" type="text">
24 Max: <input id="Ci_max" value="1.5" maxlength="6" size="6" type="text">
26 <br>Maximum of iterations:
28 <option value="50">50</option>
29 <option value="100">100</option>
30 <option value="500" selected="selected">500</option>
31 <option value="1000">1000</option>
32 <option value="5000">5000</option>
37 <option value="bw">Black & White</option>
38 <option value="kairo" selected="selected">KaiRo default</option>
39 <option value="rainbow-linear1">Rainbow-linear 1</option>
45 <canvas id="mbrotImage" width="300" height="300"></canvas>
48 <p>Time taken for calculation: <span id="calcTime">none yet</span></p>