added images for the overview of EDAM contents

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 %}