added png results, to make it easy to include in reports

report/velocity/page.vm

@@ -5,7 +5,7 @@
 		<h2>
 			Page
 			<a href="$document.getRootElement().getChild("u").getValue()" target="_blank">$document.getRootElement().getChild("u").getValue()</a>
- 			(score: $document.getRootElement().getChild("o").getValue())
+			(score: $document.getRootElement().getChild("o").getValue())
 		</h2>
 
 		<h3>Scores below 100</h3>

report/velocity/pages.vm

@@ -6,6 +6,9 @@
             <h2>
                 Pages ($document.getRootElement().getChildren().size()) - $document.getRootElement().getAttribute("url").getValue()
             </h2>
+            <p>
+            Test performed: $document.getRootElement().getAttribute("date").getValue()
+            </p>
 
             <table class="table table-hover table-condensed table-striped table-bordered" id="pagesTable" >
                 <thead>

sitespeed.io

@@ -131,7 +131,7 @@ echo '</document>'>> "$REPORT_DATA_DIR/result.xml"
 echo 'Create the pages.html'
 java -Xmx1024m -Xms1024m -jar dependencies/xml-velocity-1.0-full.jar $REPORT_DATA_DIR/result.xml report/velocity/pages.vm report/properties/pages.properties $REPORT_DIR/pages.html || exit 1
 
-echo 'Create the summary: index.html'
+echo 'Create the summary index.html'
 java -Xmx1024m -Xms1024m -jar dependencies/xml-velocity-1.0-full.jar $REPORT_DATA_DIR/result.xml report/velocity/summary.vm report/properties/summary.properties $REPORT_DIR/index.html || exit 1
 
 #copy the rest of the files
@@ -143,5 +143,11 @@ cp report/css/* $REPORT_DIR/css
 cp report/js/* $REPORT_DIR/js
 cp report/img/* $REPORT_DIR/img
 
+echo 'Create summary png:s'
+# create images, easy to use in reports etc
+phantomjs dependencies/rasterize.js $REPORT_DIR/index.html $REPORT_DIR/summary.png
+phantomjs dependencies/rasterize.js $REPORT_DIR/pages.html $REPORT_DIR/pages.png
+
+
 echo "Finished, see the report $REPORT_DIR/index.html"
 exit 0