aboutsummaryrefslogtreecommitdiff
path: root/wqflask
diff options
context:
space:
mode:
authorAlexander Kabui2022-01-25 23:04:47 +0300
committerBonfaceKilz2022-02-09 08:49:56 +0300
commitd5c596486bb88cc432f930dfcf0804f90fdb5bd7 (patch)
treeb8bc0e9f366bfcef9dd920fb842bf73f7a155d21 /wqflask
parent9e67bc7726d69b5669d6faee867f305f67e69b69 (diff)
downloadgenenetwork2-d5c596486bb88cc432f930dfcf0804f90fdb5bd7.tar.gz
styling for carousel
Diffstat (limited to 'wqflask')
-rw-r--r--wqflask/wqflask/templates/gn3_ctl_results.html30
1 files changed, 15 insertions, 15 deletions
diff --git a/wqflask/wqflask/templates/gn3_ctl_results.html b/wqflask/wqflask/templates/gn3_ctl_results.html
index 365ae2f1..d0090d51 100644
--- a/wqflask/wqflask/templates/gn3_ctl_results.html
+++ b/wqflask/wqflask/templates/gn3_ctl_results.html
@@ -17,20 +17,7 @@
</style>
<div style="margin-top:10px">
<div>
- <h3>CTL/QTL Plots for Individual Traits</h3>
- {% for ctl_plot in ctl_plots %}
- <img style="width:1000px;height: 600px;" src="data:image/jpeg;base64,{{ ctl_plot | safe }}">
- {% endfor %}
- </div>
- <h2 style="text-align:center">Significant CTL </h2>
- <table id="significance" width="80vw"></table>
- <div>
- <h2>Ctl line plot</h2>
- <img style="width:1000px;height: 600px;" src="data:image/jpeg;base64,{{ image_data | safe }}">
- </div>
- <div>
- <h3>Network figure</h3>
- </div>
+ <h3 style="text-align:center;">CTL/QTL Plots for Individual Traits</h3>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
@@ -39,7 +26,7 @@
<div class="item{% if loop.index == 1 %} active{% endif %}">
- <img style="width:1000px;height: 600px;" src="data:image/jpeg;base64,{{ ctl_plot | safe }}" alt="First slide">
+ <img style="width:1000px;height: 600px;" class="center-block" src="data:image/jpeg;base64,{{ ctl_plot | safe }}" alt="First slide">
</div>
{% endfor %}
@@ -58,6 +45,19 @@
</div>
+ </div>
+ <h2 style="text-align:center">Significant CTL </h2>
+ <table id="significance" width="80vw"></table>
+ <div>
+ <h2>Ctl line plot</h2>
+ <img style="width:1000px;height: 600px;" src="data:image/jpeg;base64,{{ image_data | safe }}">
+ </div>
+ <div>
+ <h3>Network figure</h3>
+ </div>
+
+
+
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>