From 852fb708f62a15d09705405cf7880d05f14c3929 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Vinot?= <raphael@vinot.info>
Date: Wed, 6 Feb 2019 18:01:17 +0100
Subject: [PATCH] new: Add a thumbnail

---
 website/web/static/tree.css     | 20 ++++++++++++++++++++
 website/web/templates/tree.html |  3 +++
 2 files changed, 23 insertions(+)

diff --git a/website/web/static/tree.css b/website/web/static/tree.css
index 1c2c7d23..2f790959 100644
--- a/website/web/static/tree.css
+++ b/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;
diff --git a/website/web/templates/tree.html b/website/web/templates/tree.html
index 7cfb3e48..0a72a6e8 100644
--- a/website/web/templates/tree.html
+++ b/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>