new: Add a thumbnail

website/web/static/tree.css

@@ -14,6 +14,26 @@
   stroke-width: 2px;
 }
 
+#screenshot {
+  position: fixed;
+  top: 5px;
+  right: 5px;
+  background: white;
+  border: 2px solid;
+}
+
+.thumbnail:hover {
+  position:relative;
+  width:100%;
+  height:auto;
+  display:block;
+  z-index:999;
+}
+
+.thumbnail {
+	overflow: hidden;
+}
+
 #lookyloo-icon {
   position: fixed;
   top: 5px;

website/web/templates/tree.html

@@ -14,6 +14,9 @@
 </script>
 
 <div id=lookyloo-icon></div>
+<div id=screenshot>
+    <img src="{{ url_for('image', tree_uuid=tree_uuid) }}" class="thumbnail" height="300" width="200" overflow="hidden"/>
+</div>
 <div id=legend>
     <img src="{{ url_for('static', filename='javascript.png') }}"
          alt="JavaScript" height="20" width="20"> Javascript </br>