single.html 4.55 KB
Newer Older
1
{{ define "main" }}
2

3
<main class="container">
4
5
  <h1>{{ .Title }}</h1>
  {{ .Content }}
6
7
8
9
10
11
12
  <nav class="nav nav-pills nav-fill dp-nav-pills" role="tablist">
    <a class="nav-item nav-link ml-2 mb-2 dp-background-color--hero active" id="genomic-resources-tab"
      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>
    <a class="nav-item nav-link ml-2 mb-2 dp-background-color--hero" id="viral-sequences-tab"
13
14
15
16
17
18
19
20
21
22
23
24
      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-tab"
      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>
  </nav>

  <div class="tab-content mt-5">
25
26
27
28
29
30
31
32
    <div class="tab-pane fade active show" id='genomic-resources-content' role="tabpanel" aria-labelledby='genomic-resources-tab'>
      <article>
        <h2>Genomic resources</h2>
        <p>
          <h5><a target="_blank" href="https://nextstrain.org/groups/nextspain/ncov19-Spain">NextSpain COVID-19 interactive epidemiological map using Nextstrain.</a></h5>
          NextSpain COVID-19 shows the results obtained from the analysis of complete genome sequences of SARS-CoV-2 deposited in GISAID or other publicly accessible databases. The analyses are performed with the NextStrain engine to inform the scientific community and the general public about the genomic epidemiology of COVID-19 in Spain: <a target="_blank" href="http://seqcovid.csic.es">SeqCOVID Genomic epidemiology of COVID-19 in Spain</a>. The epidemiological map is built with this <a target="_blank" href="http://gitlab.com/fisabio-ngs/sars-cov2-mapping/-/tree/master/ncov19-Spain">code</a> and it is mantained by <a target="_blank" href="http://www.fisabio-ngs.com/en/">FISABIO Sequencing and Bioinformatics Service</a> and <a target="_blank" href="http://tgu.ibv.csic.es">Tuberculosis Genomics Unit (IBV-CSIC)</a>.
        </p>
        {{ partial "genomics/nextspain-iframe.html" }}
33
34
35
36
37
38
39
40
41
42
        <br>
        <br>
        <p>
          <h5><a target="_blank" href="http://nextstrain.clinbioinfosspa.es/SARS-COV-2-all">Interactive epidemiological map of SARS-CoV-2 in Andalusia using Nextstrain.</a></h5>
          This map is part of <a target="_blank" href="http://clinbioinfosspa.es/projects/covseq/indexEng.html">the project</a> "Sequencing of the SARS-CoV-2 virus genome for the monitoring and management of the COVID-19 epidemic in Andalusia and the rapid generation of prognostic and response to treatment biomarkers". The consortium is made up of 14 hospitals and 5 Health Research Institutes from the Andalusia region, the Technical Office for Information Management, the Regional Management of Public Health (Epidemiological Surveillance and Occupational Health Service) and the Fundación Progreso y Salud (FPS). The epidemilogical map has been developed and is maintained by the <a target="_blank" href="http://clinbioinfosspa.es">Clinical Bioinformatics Area</a> at the FPS.
        </p>
        <a target="_blank" href="http://nextstrain.clinbioinfosspa.es/SARS-COV-2-all" title="Click to explore the tool">
          <img src="/images/screenshots/covid-andalucia.png" alt="Widget screenshot of Andalusia CovSeq">
        </a>
        <!-- {{ partial "genomics/nextstrain-iframe.html" }} -->
43
44
45
46
47
48
49
50
51
        <div class="mt-5">
          <div class="alert alert-primary font-weight-bold border-0">
            <i class="bi bi-exclamation-circle-fill"></i>
            <span class="ml-2">This section will be periodically updated with new genomic resources when available.</span>
          </div>
        </div>
      </article>
    </div>
    <div class="tab-pane fade" id='viral-sequences-content' role="tabpanel" aria-labelledby='viral-sequences-tab'>
52
53
54
55
56
57
58
59
      <article>
        <h2>Viral sequences</h2>
        {{ 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>
        <h2>Host sequences</h2>
60
        {{ partial "genomics/host-sequences-table.html" . }}
61
62
63
64
      </article>
    </div>
  </div>
</main>
65
66
67
68

<script>
  $(function () {
    $('.nav-pills a').on('click', function (e) {
69
70
71
72
      e.preventDefault();
      $(this).tab('show');
    });
  });
73
74
</script>
{{ end }}