[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>
<h1>KaiRo.at Mandelbrot Web</h1>

<div id="overlayArea">
<input type="button" id="drawButton" value="Draw Image"
       onclick="drawImage();">
<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>
</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>
	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="settingsButton" value="Settings"
	16	onclick="toggleSettings();">
	17	<fieldset id="settings"><legend>Image data</legend>
	18	Image coordinates:
	19	<br>Real:
	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">
	22	<br>Imag:
	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">
	25
	26	<br>Maximum of iterations:
	27	<select id="iterMax">
	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>
	33	</select>
	34
	35	<br>Color palette:
	36	<select id="palette">
	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>
	40	</select>
	41	</fieldset>
	42	</div>
	43
	44	<div id="mainArea">
	45	<canvas id="mbrotImage" width="300" height="300"></canvas>
	46	</div>
	47
	48	<p>Time taken for calculation: <span id="calcTime">none yet</span></p>
	49
	50	</body></html>