Merge pull request #37 from mathiasbynens/master

Clean up HTML template
gotwarlost · Mar 31, 2013 · 6e5be42 · 6e5be42
2 parents a24f339 + 10a5b22
commit 6e5be42
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 19 deletions.
diff --git a/lib/report/templates/foot.txt b/lib/report/templates/foot.txt
@@ -1,9 +1,8 @@
 
 </div>
-<div class='footer'>
+<div class="footer">
-    <div class='meta'>Generated by <a href='http://istanbul-js.org' target='_blank'>istanbul</a> at {{datetime}}</div>
+    <div class="meta">Generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at {{datetime}}</div>
 </div>
-</body>
 {{#if prettify}}
 <script src="{{prettify.js}}"></script>
 {{/if}}
@@ -99,4 +98,5 @@
         });
     });
 </script>
+</body>
 </html>
diff --git a/lib/report/templates/head.txt b/lib/report/templates/head.txt
@@ -1,18 +1,17 @@
 <!doctype html>
-<html>
+<html lang="en">
 <head>
     <title>Code coverage report for {{entity}}</title>
-    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="utf-8">
-    <meta http-equiv="content-language" content="en-gb">
+{{#if prettify}}
-    {{#if prettify}}
+    <link rel="stylesheet" href="{{prettify.css}}">
-        <link rel='stylesheet' href='{{prettify.css}}'>
+{{/if}}
-    {{/if}}
+    <style>
-    <style type='text/css'>
         body, html {
             margin:0; padding: 0;
         }
         body {
-            font-family: "Helvetic Neue", Helvetica,Arial;
+            font-family: Helvetica Neue, Helvetica,Arial;
             font-size: 10pt;
         }
         div.header, div.footer {
@@ -46,11 +45,14 @@
             font-size: 10pt;
         }
         pre {
-            font-family: consolas, menlo, monaco, monospace;
+            font-family: Consolas, Menlo, Monaco, monospace;
             margin: 0;
             padding: 0;
             line-height: 14px;
             font-size: 14px;
+            -moz-tab-size: 2;
+            -o-tab-size:  2;
+            tab-size: 2;
         }
 
         div.path { font-size: 110%; }
@@ -177,22 +179,22 @@
     </style>
 </head>
 <body>
-<div class='header {{reportClass}}'>
+<div class="header {{reportClass}}">
-    <h1>Code coverage report for <span class='entity'>{{entity}}</span></h1>
+    <h1>Code coverage report for <span class="entity">{{entity}}</span></h1>
     <h2>
         {{#with metrics.statements}}
-        Statements: <span class='metric'>{{pct}}% <small>({{covered}} / {{total}})</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
+        Statements: <span class="metric">{{pct}}% <small>({{covered}} / {{total}})</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
         {{/with}}
         {{#with metrics.branches}}
-        Branches: <span class='metric'>{{pct}}% <small>({{covered}} / {{total}})</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
+        Branches: <span class="metric">{{pct}}% <small>({{covered}} / {{total}})</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
         {{/with}}
         {{#with metrics.functions}}
-        Functions: <span class='metric'>{{pct}}% <small>({{covered}} / {{total}})</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
+        Functions: <span class="metric">{{pct}}% <small>({{covered}} / {{total}})</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
         {{/with}}
         {{#with metrics.lines}}
-        Lines: <span class='metric'>{{pct}}% <small>({{covered}} / {{total}})</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
+        Lines: <span class="metric">{{pct}}% <small>({{covered}} / {{total}})</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
         {{/with}}
     </h2>
     {{{pathHtml}}}
 </div>
-<div class='body'>
+<div class="body">