finish embedding all resources. small style fixes.

Author: bukzor

libcpychecker_html/make_html.py

@@ -1,8 +1,12 @@
 #!/usr/bin/env python
 """Make our data into HTML!
-These reports should be usable as email attachments, so either inline or cdn *everything*.
+These reports should be usable as email attachments, offline.
+This means we need to embed *all* our assets.
+
+TODO: #11 optimize the filesize
 """
 from __future__ import print_function
+from __future__ import unicode_literals
 
 #   Copyright 2012 Buck Golemon <buck@yelp.com>
 #
@@ -35,6 +39,16 @@
 from copy import deepcopy
 from itertools import islice
 
+
+def open(filename, mode='r'):
+    """All files are treated as UTF-8, unless explicitly binary."""
+    from io import open
+    if 'b' in mode:
+        return open(filename, mode)
+    else:
+        return open(filename, mode, encoding='UTF-8')
+
+
 class HtmlPage(object):
     """Represent one html page."""
     def __init__(self, codefile, data):
@@ -57,31 +71,24 @@ def head(self):
             }),
             E.TITLE('%s -- GCC Python Plugin' % self.data['filename']),
         )
-        head.append(E.LINK(
-            rel='stylesheet', 
-            href='http://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css',
-            type='text/css'
-        ))
         head.extend(
             E.STYLE(
                 file_contents(css + '.css'),
                 media='screen',
                 type='text/css'
             )
-            for css in ('pygments_c', 'style')
+            for css in ('extlib/reset-20110126', 'pygments_c', 'style')
         )
         head.extend(
-            E.SCRIPT(src=js)
-            for js in (
-                'http://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js',
-                'http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js',
-            )
-        )
-        head.append(
             E.SCRIPT(
-                file_contents('script.js'),
+                file_contents(js + '.js'),
                 type='text/javascript',
             )
+            for js in (
+                'extlib/prefixfree-1.0.4.min',
+                'extlib/jquery-1.7.1.min',
+                'script'
+            )
         )
         return head
 
@@ -256,7 +263,8 @@ def body(self):
         )
 
 def data_uri(mimetype, filename):
-    data = open(join(HERE, filename)).read().encode('base64').replace('\n', '')
+    "represent a file as a data uri"
+    data = open(join(HERE, filename), 'rb').read().encode('base64').replace('\n', '')
     return 'data:%s;base64,%s' % (mimetype, data)
 
 def file_contents(filename):

libcpychecker_html/style.css

@@ -56,6 +56,7 @@ img {
 #reports {
     box-flex: 1;
     overflow-y: auto;
+    overflow-x: hidden;
 }
 
 
@@ -64,7 +65,7 @@ img {
     display: box;
     box-orient: horizontal;
     width: 100%;
-    padding: 1em;
+    padding: 0.5em;
     box-sizing: border-box;
     color: white;
 }
@@ -182,6 +183,8 @@ img {
     line-height: 1.33;
     min-width: 40em;
     box-flex: 3;
+    overflow-x: auto;
+    border-right: 1px solid hsl(0, 0%, 70%);
 }
 .source > header {
     display: box;
@@ -277,9 +280,10 @@ img {
     text-align: right;
     user-select: none;
     color: hsl(0, 0%, 60%);
+    vertical-align: middle;
 }
 .source .code {
-    white-space: pre-wrap;
+    white-space: pre;
 }
 
 
@@ -386,6 +390,9 @@ td.selected .flow-dot {
     min-width: 200px;
 }
 
+.note {
+    font-weight: bolder;
+}
 .note:first-of-type::before {
     /* content: url('images/exclamation.png');
      * to regenerate: