1 <!-- This Source Code Form is subject to the terms of the Mozilla Public
2 - License, v. 2.0. If a copy of the MPL was not distributed with this file,
3 - You can obtain one at http://mozilla.org/MPL/2.0/. -->
6 <html manifest="manifest.appcache">
8 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
9 <!-- try to counts default scaling on mobile, see
10 https://developer.mozilla.org/en/Mobile/Viewport_meta_tag -->
11 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=.6667, maximum-scale=.6667">
12 <title>KaiRo.at Mandelbrot Web</title>
13 <script src="js/mandelbrot.js"></script>
14 <link rel="stylesheet" href="style/mandelbrot.css">
15 <link rel="shortcut icon" href="style/mandelbrotIcon16.png" type="image/png">
17 <body onload="Startup();">
18 <h1>KaiRo.at Mandelbrot Web</h1>
20 <div id="overlayArea">
21 <input type="button" id="drawButton" value="Draw Image"
22 onclick="drawImage();">
23 <input type="button" id="backButton" value="Back"
24 onclick="goBack();" disabled="true">
25 <input type="button" id="settingsButton" value="Settings"
26 onclick="toggleSettings();">
27 <fieldset id="settings"><legend>Image data</legend>
30 Min: <input id="Cr_min" value="-2.0" maxlength="6" size="6" type="text">
31 Max: <input id="Cr_max" value="1.0" maxlength="6" size="6" type="text">
33 Min: <input id="Ci_min" value="-1.5" maxlength="6" size="6" type="text">
34 Max: <input id="Ci_max" value="1.5" maxlength="6" size="6" type="text">
36 <br>Maximum of iterations:
38 <option value="50">50</option>
39 <option value="100">100</option>
40 <option value="500" selected="selected">500</option>
41 <option value="1000">1000</option>
42 <option value="5000">5000</option>
47 <option value="bw">Black & White</option>
48 <option value="kairo" selected="selected">KaiRo default</option>
49 <option value="rainbow-linear1">Rainbow-linear 1</option>
50 <option value="rainbow-squared1">Rainbow 1 Squared</option>
51 <option value="rainbow-linear2">Rainbow 2 Linear</option>
52 <option value="rainbow-squared2">Rainbow 2 Squared</option>
58 <canvas id="mbrotImage" width="300" height="300"
59 onclick="drawIfEmpty();"></canvas>
62 <p>Time taken for calculation: <span id="calcTime">none yet</span></p>