add diagram overview

ippisite/ippidb/templates/targetcentric.html

@@ -26,6 +26,13 @@
             {% block breadcrumb %} <a href="{% url 'cavities' %}" class="breadNav-link">Query pockets</a> {% endblock %}
         </div>
     </nav>
+    <div class="row mb-3">
+        <div class="col-12">
+            <button type="button" class="btn btn-info btn-block" data-toggle="modal" data-target="#abstractModal">
+                Provide Protein Interaction Explorer Info
+            </button>
+        </div>
+    </div>
     <div class="row mb-3">
         <div class="col-6">
             <div class="card">
@@ -430,6 +437,20 @@ Comparison and druggability prediction of protein-ligand binding sites from phar
         </div>
     </div>
 
+    <div class="modal fade" id="abstractModal" tabindex="-1" role="dialog" aria-labelledby="abstractModalLabel"
+        aria-hidden="true">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-body">
+                    <img src="/static/images/Other/Overview_diagram.png" class="img-fluid" alt="diagram">
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <div class="modal fade" id="infoModal" tabindex="-1" role="dialog" aria-labelledby="infoModalLabel"
         aria-hidden="true">
         <div class="modal-dialog" role="document">