Commit 1557e49c authored by Alejandro Asensio's avatar Alejandro Asensio
Browse files

feat(genomics): nextstrain widget

parent 29b8dcf6
.nextstrain-widget {
min-height: 375px;
min-width: 100%;
max-width: 100%;
}
baseURL: "https://www.covid19dataportal.es"
title: "COVID-19 Data Portal Spain"
dataDir: dataDir
dataDir: data
languages:
en:
languageName: English
......
......@@ -3,42 +3,18 @@
<div class="container">
<h1>{{ .Title }}</h1>
{{ .Content }}
<nav class="nav nav-pills nav-fill dp-nav-pills" role="tablist">
<a class="nav-item nav-link active ml-2 mb-2 dp-background-color--hero" id="viral-sequences"
href="#viral-sequences-content" data-bs-toggle="tab" role="tab"
aria-controls="viral-sequences-content" aria-selected="true">
<h6 class="m-0">Viral Sequences</h6>
</a>
<a class="nav-item nav-link ml-2 mb-2 dp-background-color--hero" id="host-sequences"
href="#host-sequences-content" data-bs-toggle="tab" role="tab"
aria-controls="host-sequences-content" aria-selected="false">
<h6 class="m-0">Host Sequences</h6>
</a>
<a class="nav-item nav-link ml-2 mb-2 dp-background-color--hero" id="genomic-resources"
href="#genomic-resources-content" data-bs-toggle="tab" role="tab"
aria-controls="genomic-resources-content" aria-selected="false">
<h6 class="m-0">Genomic resources</h6>
</a>
</nav>
<div class="tab-content mt-5">
<div class="tab-pane fade active show" id="viral-sequences-content" role="tabpanel" aria-labelledby="viral-sequences-tab">
<article>
{{ partial "genomics/viral-sequences-table.html" . }}
</article>
</div>
<div class="tab-pane fade" id="host-sequences-content" role="tabpanel" aria-labelledby="host-sequences-tab">
<article>
<div style="text-align:center"><img src="/images/banners/coming-soon-banner.png" style="margin-top: 2rem;" width="200"></div>
</article>
</div>
<div class="tab-pane fade" id="genomic-resources-content" role="tabpanel" aria-labelledby="genomic-resources-tab">
<article>
<div style="text-align:center"><img src="/images/banners/coming-soon-banner.png" style="margin-top: 2rem;" width="200"></div>
</article>
</div>
</div>
<article>
<h2>Viral sequences</h2>
{{ partial "genomics/viral-sequences-table.html" . }}
</article>
<article>
<h2>Host sequences</h2>
{{ partial "genomics/host-sequences-table.html" . }}
</article>
<article>
<h2>Genomic resources</h2>
{{ partial "genomics/nextstrain-iframe.html" }}
</article>
</div>
<script>
......
<div class="embed widget">
<iframe
type="text/html"
class="w-100"
frameborder="0"
allowfullscreen
allow-scripts
security.mixed_content.upgrade_display_content
strict-origin-when-cross-origin
width="500"
height="500"
id="SARS-COV-2bioinfo"
name="SARS-COV-2bioinfo"
src="http://nextstrain.clinbioinfosspa.es/SARS-COV-2-all?d=tree,map,entropy&onlyPanels=TRUE&sidebar=open&p=grid"
title="SARS-COV-2 outbreak"
>
</iframe>
</div>
<div class="embed widget">
<iframe class="nextstrain-widget" type="text/html" allowfullscreen frameborder="0"
src="http://nextstrain.clinbioinfosspa.es/andalucia-SARS-COV-2?d=tree&l=clock&p=full" >
</iframe>
</div>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment