[mandelbrot-web.git] / index.html

<!DOCTYPE html>
<html manifest="manifest.appcache">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>KaiRo.at Mandelbrot Web</title>
  <script src="js/mandelbrot.js"></script>
  <link rel="stylesheet" href="style/mandelbrot.css">
</head>
<body onload="Startup();">
<h1>KaiRo.at Mandelbrot Web</h1>

<div id="overlayArea">
<input type="button" id="drawButton" value="Draw Image"
       onclick="drawImage();">
<input type="button" id="backButton" value="Back"
       onclick="goBack();">
<input type="button" id="settingsButton" value="Settings"
       onclick="toggleSettings();">
<fieldset id="settings"><legend>Image data</legend>
Image coordinates:
<br>Real:
Min: <input id="Cr_min" value="-2.0" maxlength="6" size="6" type="text">
Max: <input id="Cr_max" value="1.0" maxlength="6" size="6" type="text">
<br>Imag:
Min: <input id="Ci_min" value="-1.5" maxlength="6" size="6" type="text">
Max: <input id="Ci_max" value="1.5" maxlength="6" size="6" type="text">

<br>Maximum of iterations:
<select id="iterMax">
<option value="50">50</option>
<option value="100">100</option>
<option value="500" selected="selected">500</option>
<option value="1000">1000</option>
<option value="5000">5000</option>
</select>

<br>Color palette:
<select id="palette">
<option value="bw">Black &amp; White</option>
<option value="kairo" selected="selected">KaiRo default</option>
<option value="rainbow-linear1">Rainbow-linear 1</option>
<option value="rainbow-squared1">Rainbow 1 Squared</option>
<option value="rainbow-linear2">Rainbow 2 Linear</option>
<option value="rainbow-squared2">Rainbow 2 Squared</option>
</select>
</fieldset>
</div>

<div id="mainArea">
<canvas id="mbrotImage" width="300" height="300"></canvas>
</div>

<p>Time taken for calculation: <span id="calcTime">none yet</span></p>

</body></html>
Commit	Line	Data
	1	<!DOCTYPE html>
	2	<html manifest="manifest.appcache">
	3	<head>
	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">
	8	</head>
	9	<body onload="Startup();">
	10	<h1>KaiRo.at Mandelbrot Web</h1>
	11
	12	<div id="overlayArea">
	13	<input type="button" id="drawButton" value="Draw Image"
	14	onclick="drawImage();">
	15	<input type="button" id="backButton" value="Back"
	16	onclick="goBack();">
	17	<input type="button" id="settingsButton" value="Settings"
	18	onclick="toggleSettings();">
	19	<fieldset id="settings"><legend>Image data</legend>
	20	Image coordinates:
	21	<br>Real:
	22	Min: <input id="Cr_min" value="-2.0" maxlength="6" size="6" type="text">
	23	Max: <input id="Cr_max" value="1.0" maxlength="6" size="6" type="text">
	24	<br>Imag:
	25	Min: <input id="Ci_min" value="-1.5" maxlength="6" size="6" type="text">
	26	Max: <input id="Ci_max" value="1.5" maxlength="6" size="6" type="text">
	27
	28	<br>Maximum of iterations:
	29	<select id="iterMax">
	30	<option value="50">50</option>
	31	<option value="100">100</option>
	32	<option value="500" selected="selected">500</option>
	33	<option value="1000">1000</option>
	34	<option value="5000">5000</option>
	35	</select>
	36
	37	<br>Color palette:
	38	<select id="palette">
	39	<option value="bw">Black & White</option>
	40	<option value="kairo" selected="selected">KaiRo default</option>
	41	<option value="rainbow-linear1">Rainbow-linear 1</option>
	42	<option value="rainbow-squared1">Rainbow 1 Squared</option>
	43	<option value="rainbow-linear2">Rainbow 2 Linear</option>
	44	<option value="rainbow-squared2">Rainbow 2 Squared</option>
	45	</select>
	46	</fieldset>
	47	</div>
	48
	49	<div id="mainArea">
	50	<canvas id="mbrotImage" width="300" height="300"></canvas>
	51	</div>
	52
	53	<p>Time taken for calculation: <span id="calcTime">none yet</span></p>
	54
	55	</body></html>