Rest of cosmetic changes -- simpler, black theme with easier-to-touch buttons and...
[zxing.git] / android / assets / html / scanning.html
index ca444e4..1f6a549 100644 (file)
@@ -1,21 +1,23 @@
 <html>
-<title>How To Scan</title>
+<head>
+<title>How to scan</title>
+<link rel="stylesheet" href="style.css" type="text/css"/>
+</head>
 <body>
-<link rel="StyleSheet" href="style.css" type="text/css">
-<h3><center>How To Scan</center></h3>
-<p>Scanning a barcode is fast and easy. <b>Barcode Scanner</b> continuously scans the viewfinder
-  rectangle, so there's no need to press the shutter button. Just move the phone until the barcode
-  is completely inside:</p>
-<center><p>
-  <img src="../images/demo-yes.png">&nbsp;&nbsp;&nbsp;<img src="../images/demo-no.png">
-</p></center>
-<p>If you're having trouble, make sure to hold the phone steady. If the camera is unable to focus,
-  try moving further back from the barcode.</p>
-<p>When a barcode is found, the phone will beep and take you to the results screen, which describes
-  what you found, and offers a choice of actions. Learn more:</p>
-<ul>
-  <li><a href="about1d.html">About 1D Barcodes</a></li>
-  <li><a href="about2d.html">About 2D Barcodes</a></li>
+<p>Barcode Scanner continuously scans a square region shown on your screen &mdash; just line up the
+  phone so the barcode is completely inside the viewfinder rectangle:</p>
+<p style="text-align:center">
+  <img src="../images/demo-yes.png" alt="Yes"/>&nbsp;&nbsp;&nbsp;<img src="../images/demo-no.png" alt="No"/>
+</p>
+<p><b>IMPORTANT:</b> 1D barcodes like those found on products require a phone with autofocus.
+  Without it, only QR Codes will be scannable.</p>
+<p>When a barcode is read, a beep sound will play and you'll see the results of the scan, a
+  description of what the barcode contains, and options to take action on the contents.</p>
+<p>If you're having trouble scanning, make sure to hold the phone steady. If the camera is unable to
+  focus, try moving the phone further or closer from the barcode.</p>
+<ul class="touchable">
+  <li><a href="about1d.html">About 1D barcodes</a></li>
+  <li><a href="about2d.html">About 2D barcodes</a></li>
 </ul>
 </body>
 </html>
\ No newline at end of file