From a35ff7fc408b949fc4c39f9ec51c6f8e83448dd9 Mon Sep 17 00:00:00 2001
From: Claire Rioualen <rioualen@MacBook-Air-2.local>
Date: Tue, 21 May 2024 20:07:09 +0200
Subject: [PATCH] added images for the overview of EDAM contents

---
 src/webapp/templates/current.html | 53 +++++++++++++++++++++----------
 1 file changed, 37 insertions(+), 16 deletions(-)

diff --git a/src/webapp/templates/current.html b/src/webapp/templates/current.html
index 2e95f53..52236fd 100644
--- a/src/webapp/templates/current.html
+++ b/src/webapp/templates/current.html
@@ -53,30 +53,51 @@ <h2 class="subtitle">Number of terms available</h2>
     </nav>
 </section>
 
+
+<section class="section">
+
+    <h2 class="subtitle">Overview of the topics</h2>
+
+    <nav class="level is-mobile">
+
+                <div class="content">
+                    <figure>
+                        <img src="/static/img/topic_cloud_dev.png" alt="Wordcloud view of the topics in EDAM" width="600">
+                        <img src="/static/img/topic_tree_dev.png" alt="Treemap view of the topics in EDAM" width="1000">
+                    </figure>
+                </div>
+    </nav>
+</section>
+
 <section class="section">
 
-    <h2 class="subtitle">Global views of the EDAM landscape</h2>
+    <h2 class="subtitle">Overview of the operations</h2>
 
     <nav class="level is-mobile">
 
                 <div class="content">
-                    <p>Content ideas
-                        <ul>
-                          <li>Some sort of overview, maybe a network view of the first 2 or 3 layers of the ontology</li>
-                          <li>Number of children per topic</li>
-                          <li>Number of properties per topic</li>
-                          <li>Number of tools associated with topics</li>
-                        </ul>
-                    Views
-                        <ul>
-                          <li>Sunburst view</li>
-                          <li>Treemap</li>
-                          <li>Collapsible tree</li>
-                          <li>Histograms</li>
-                        </ul>
-                    </p>
+                    <figure>
+                        <img src="/static/img/operation_cloud_dev.png" alt="Wordcloud view of the operations in EDAM" width="600">
+                        <img src="/static/img/operation_tree_dev.png" alt="Treemap view of the operations in EDAM" width="1000">
+                    </figure>
                 </div>
     </nav>
 </section>
 
+<section class="section">
+
+    <h2 class="subtitle">Overview of the data types</h2>
+
+    <nav class="level is-mobile">
+
+                <div class="content">
+                    <figure>
+                        <img src="/static/img/data_cloud_dev.png" alt="Wordcloud view of the data in EDAM" width="600">
+                        <img src="/static/img/data_tree_dev.png" alt="Treemap view of the data in EDAM" width="1000">
+                    </figure>
+                </div>
+    </nav>
+</section>
+
+
 {% endblock %}
\ No newline at end of file