don't display h1, add a viewport tag, paint an initial image with explanations of...
[mandelbrot-web.git] / index.html
index 32648f7cfd1f98cf48aaa899122866144ba90d3e..2614c7c690c1b4751eaa21ecc3237c4e2fd85dcb 100644 (file)
@@ -1,17 +1,27 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this file,
+   - You can obtain one at http://mozilla.org/MPL/2.0/.  -->
+
 <!DOCTYPE html>
 <html manifest="manifest.appcache">
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <!-- try to counts default scaling on mobile, see 
+       https://developer.mozilla.org/en/Mobile/Viewport_meta_tag -->
+  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=.6667, maximum-scale=.6667">
   <title>KaiRo.at Mandelbrot Web</title>
   <script src="js/mandelbrot.js"></script>
   <link rel="stylesheet" href="style/mandelbrot.css">
+  <link rel="shortcut icon" href="style/mandelbrotIcon16.png" type="image/png">
 </head>
-<body>
+<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();" disabled="true">
 <input type="button" id="settingsButton" value="Settings"
        onclick="toggleSettings();">
 <fieldset id="settings"><legend>Image data</legend>
@@ -37,12 +47,16 @@ Max: <input id="Ci_max" value="1.5" maxlength="6" size="6" type="text">
 <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>
+<canvas id="mbrotImage" width="300" height="300"
+        onclick="drawIfEmpty();"></canvas>
 </div>
 
 <p>Time taken for calculation: <span id="calcTime">none yet</span></p>