don't display h1, add a viewport tag, paint an initial image with explanations of...

[mandelbrot-web.git] / index.html
diff --git a/index.html b/index.html

index e77bb9e949f4d5c0e6df4a21f42794f7dd924b17..2614c7c690c1b4751eaa21ecc3237c4e2fd85dcb 100644 (file)
--- a/index.html
+++ b/index.html
@@ -1,10 +1,18 @@
+<!-- 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 onload="Startup();">
  <h1>KaiRo.at Mandelbrot Web</h1>
@@ -13,7 +21,7 @@
  <input type="button" id="drawButton" value="Draw Image"
         onclick="drawImage();">
  <input type="button" id="backButton" value="Back"
-       onclick="goBack();">
+       onclick="goBack();" disabled="true">
  <input type="button" id="settingsButton" value="Settings"
         onclick="toggleSettings();">
  <fieldset id="settings"><legend>Image data</legend>
@@ -47,7 +55,8 @@ Max: <input id="Ci_max" value="1.5" maxlength="6" size="6" type="text">
  </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>