aboutsummaryrefslogtreecommitdiff
path: root/bh20simplewebuploader/templates/home.html
blob: a880f81edb893997a44f31719fa15951fa7d6113 (plain)
1
2
3
4
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html>
  {% include 'header.html' %}
  {% include 'mapheader.html' %}
    <body>
      {% include 'banner.html' %}
      {% include 'menu.html' %}

      <section>
                <div class="intro">

                  <p>
                    COVID-19 PubSeq is a free and open online
                    bioinformatics public sequence resource with
                    on-the-fly analysis of
                    sequenced <a href="https://pubmed.ncbi.nlm.nih.gov/?term=sars-cov-2&sort=date">SARS-CoV-2</a>
                    samples that allows for a quick turnaround in
                    identification of new virus strains. PubSeq allows
                    anyone to upload sequence material in the form of
                    FASTA or FASTQ files with accompanying metadata
                    through the <a href="/upload">web interface</a>
                    or <a href="/apidoc">REST API</a>. For more
                    information see the <a href="/about">FAQ!</a>.
                  </p>

                  <section class="flex-container">
                      <div id="map_view" class="map">
                          <div id="mapid"></div>
                      </div>

                      <div id="feed">
                          <input name="feed-tabs" type="radio" id="tab-arxiv-articles" checked/>
                          <label for="tab-arxiv-articles">Arxiv</label>
                          <input name="feed-tabs" type="radio" id="tab-pubmed-articles"/>
                          <label for="tab-pubmed-articles">Pubmed</label>
                          <input name="feed-tabs" type="radio" id="tab-tweets"/>
                          <label for="tab-tweets">Tweets</label>
                          <input name="feed-tabs" type="radio" id="tab-commits"/>
                          <label for="tab-commits">Commits</label>
                          <ul class="tab content-arxiv-articles">
                              {% if arxiv_articles %}
                              {% for article in arxiv_articles|sort(reverse=true, attribute="score")%}
                              <li>
                                  <p><a href="{{article['url']}}">{{ article['title'] }}</a></p>
                                  <p><b>Authors:</b> {{ article['authors'] }}</p>
                                  <p><b>Abstract:</b> {{ article['abstract']}}...</p>
                                  <p><b>Submitted:</b> {{ article['submission']}}</p>
                              </li>
                              {% endfor %}
                              {% else %}

                              There are no articles to display :(

                              {% endif %}
                          </ul>
                          <ul class="tab content-pubmed-articles">
                              {% if pubmed_articles %}
                              {% for article in pubmed_articles|sort(reverse=true, attribute="score")%}
                              <li>
                                  <p><a href="https://pubmed.ncbi.nlm.nih.gov/{{article['docsum-pmid']}}"><b>Summary:</b> {{ article['summary'] }}</a></p>
                                  <p><b>Full Authors:</b> {{ article['full-authors'] }}</p>
                                  <p><b>Short Authors:</b> {{ article['short-authors'] }}</p>
                                  <p><b>Citation:</b> {{ article['citation'] }}</p>
                                  <p><b>Short Journal Citation:</b> {{ article['short-journal-citation'] }}</p>
                              </li>
                              {% endfor %}
                              {% else %}

                              There are no articles to display :(

                              {% endif %}
                          </ul>
                          <ul class="tab content-tweets">
                              {% if tweets %}
                              {% for tweet in tweets|sort(reverse=true, attribute="score")%}
                              <li>
                                  <p class="tweet">
                                      {{ tweet.tweet|urlize(40, target="_blank") }} <br/>
                                      by {{ tweet.author }}
                                  </p>
                                  <small class="timeposted">
                                      {{ tweet.timeposted }}
                                  </small>
                              </li>
                              {% endfor %}

                              {% else %}

                              There are no tweets to display :(

                              {% endif %}
                          </ul>
                          <ul class="tab content-commits">
                              {% if commits %}                              
                              {% for commit in commits|sort(reverse=true, attribute="score")%}
                              <li>
                                  <p class="commit">
                                      <a href="{{commit.url}}" target="_blank">
                                          {{ commit.hash.split(":")[-1][:7] }}:{{ commit.content}}
                                      </a>
                                      
                                  </p>
                                  <small class="timeposted">
                                      <a href="{{ commit['repository-url']}}" target="_blank">{{ commit.author }}/{{ commit.repository }}</a>
                                       on {{ commit.timeposted}}
                                  </small>
                              </li>
                              {% endfor %}
                              {% else %}
                              There are no commits to be displayed.
                              {%  endif %}
                          </ul>
                      </div>
                  </section>

                  <a href="https://projectredcap.org/"><img class="img-right" src="static/image/REDCap.png" /></a>
                  <p>
                    Make your sequence
                    data <a href="https://en.wikipedia.org/wiki/FAIR_data">FAIR</a>. Upload
                    your SARS-CoV-2 sequence (FASTA or FASTQ formats)
                    with simple metadata (JSONLD) to
                    the <a href="/about">public sequence
                    resource</a>. The upload will trigger a recompute
                    with all available sequences into a Pangenome
                    available for
                    <a href="/download">download</a>!
                  </p>
                  <p>
                    Your uploaded sequence will automatically be
                    processed and incorporated into the public
                    pangenome with metadata using worklows from the
                    High Performance Open Biology Lab
                    defined <a href="https://github.com/hpobio-lab/viral-analysis/tree/master/cwl/pangenome-generate">here</a>. All
                    data is published under
                    a <a href="https://creativecommons.org/licenses/by/4.0/">Creative
                    Commons license</a> You can take the published
                    (GFA/RDF/FASTA) data and store it in a triple
                    store for further processing.
                    Clinical data can
                    be stored securely
                    at <a href="https://redcap-covid19.elixir-luxembourg.org/redcap/">REDCap</a>.
                  </p>
                  <a href="https://nanoporetech.com/"><img class="img-right" src="static/image/oxford-nanopore2.jpg" /></a>
                  <p>
                    Data can be uploaded from any sequencing platform
                    in FASTA format. We give special attention to
                    workflows for
                    the <a href="https://nanoporetech.com/">Oxford
                    Nanopore</a> - see
                    also <a href="https://pubmed.ncbi.nlm.nih.gov/?term=sars-cov-2+nanopore&sort=date">pubmed</a>
                    - because it offers an affordable platform that is
                    great for SARS-CoV-2 sequencing and
                    identification. In New Zealand the Oxford Nanopore
                    is used for all
                    <a href="https://www.esr.cri.nz/home/about-esr/media-releases/esr-performs-first-new-zealand-genome-sequencing-on-covid-19-sample/">tracing</a>.
                  </p>
                  <p>
                    Note that form fields contain
                    web <a href="https://en.wikipedia.org/wiki/Web_Ontology_Language">ontology
                    URI's</a>
                    for <a href="https://en.wikipedia.org/wiki/Wikipedia:Disambiguation">disambiguation</a>
                    and machine readable metadata. For examples of
                    use, see the <a href="/blog">docs</a>.
                  </p>
                </div>
              </section>


      {% include 'footer.html' %}


      <script type="text/javascript">
        let scriptRoot = {{ request.script_root|tojson|safe }}; // examples

        drawMap()

      </script>

   </body>
</html>