single.html 1.91 KB
Newer Older
1
2
3
4
{{ define "main" }}
<div class="container">
  <h1>{{ .Title }}</h1>
  {{ .Content }}
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

  <nav class="nav nav-pills nav-fill" 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>
32
        {{ partial "genomics/host-sequences-table.html" . }}
33
34
35
36
37
38
39
40
      </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>
41
</div>
42
43
44
45
46
47
48
49
50
51

<script>
  $(function () {
    $('.nav-pills a').on('click', function (e) {
      e.preventDefault()
      $(this).tab('show')
    })
  })
</script>
{{ end }}