Country cleanup

barcode.coffee

@@ -26,8 +26,7 @@ class Barcode
     else if 30 <= code <= 39 then 'U.S. drugs (see U.S. National Drug Code)'
     else if 40 <= code <= 49 then 'Restricted distribution (MO defined)'
     else if 50 <= code <= 59 then 'Coupons'
-    else if 60 <= code <= 99 then 'U.S. and Canada'
-    else if 100 <= code <= 139 then 'U.S. (reserved for later use)'
+    else if 60 <= code <= 139 then 'U.S. and Canada'
     else if 200 <= code <= 299 then 'Restricted distribution (MO defined)'
     else if 300 <= code <= 379 then 'France and Monaco'
     else if code == 380 then 'Bulgaria'
@@ -143,7 +142,7 @@ class Barcode
     else if code == 958 then 'Macau'
     else if 960 <= code <= 969 then 'GS1 Global Office: GTIN-8 allocations'
     else if code == 977 then 'Serial publications (ISSN)'
-    else if 978 <= code <= 979 then 'Bookland (ISBN) - 979-0 used for sheet music'
+    else if 978 <= code <= 979 then 'Bookland (ISBN)' # TODO  - 979-0 used for sheet music
     else if code == 980 then 'Refund receipts'
     else if 981 <= code <= 983 then 'Common Currency Coupons'
     else if 990 <= code <= 999 then 'Coupons'

barcode.css

@@ -87,33 +87,6 @@ h1 {
 	display: none;
 }
 
-#results dl
-{
-	overflow: auto;
-}
-
-#results dl dt,
-#results dl dd
-{
-	float: left;
-	margin: 5px 0;
-}
-
-#results dl dt
-{
-	clear: left;
-	width: 250px;
-	color: #555;
-	text-align: right;
-	display: block;
-}
-
-#results dl dd
-{
-	padding-left: 10px;
-	width: 240px;
-}
-
 #links
 {
 	text-align: center;
@@ -152,6 +125,11 @@ h1 {
 	display: none;
 }
 
+#country {
+	font-size: 2.4rem;
+	text-align: center;
+}
+
 img {
 	display: block;
     margin-left: auto;

controller.coffee

@@ -28,6 +28,7 @@ barcode.onChange (value) ->
       $checksum.textContent = 'fix checksum'
       $checksum.href = '#' + barcode.withValidChecksum()
       $checksum.style.display = ''
+
     document.getElementById('country').textContent = barcode.country()
 
     if value == barcode.canonical

index.html

@@ -18,9 +18,7 @@ <h1>Barcode lookup</h1>
         <a id="checksum"></a>
     </p>
     <img src="" alt="" id="image"/>
-    <dl>
-        <dt>Country: </dt> <dd id="country"></dd>
-    </dl>
+    <p id="country"></p>
     <canvas id="canvas" width="360" height="250"></canvas>
 </div>