Mercurial > repos > jankanis > blast2html
comparison blast_html.html.jinja @ 19:8e61627a87f1 draft
make html more semantic
| author | Jan Kanis <jan.code@jankanis.nl> |
|---|---|
| date | Tue, 13 May 2014 12:54:03 +0200 |
| parents | db7e4ee3be03 |
| children | 67ddcb807b7d |
comparison
equal
deleted
inserted
replaced
| 18:db7e4ee3be03 | 19:8e61627a87f1 |
|---|---|
| 180 } | 180 } |
| 181 div.matchrow, div.matchitem { | 181 div.matchrow, div.matchitem { |
| 182 height: 4px; | 182 height: 4px; |
| 183 } | 183 } |
| 184 | 184 |
| 185 | |
| 186 | |
| 187 div#descriptions { | |
| 188 } | |
| 189 | 185 |
| 190 table.descriptiontable { | 186 table.descriptiontable { |
| 191 font-size: 85%; | 187 font-size: 85%; |
| 192 border: 1px solid #97b0c8; | 188 border: 1px solid #97b0c8; |
| 193 border-spacing: 0; | 189 border-spacing: 0; |
| 223 text-align: left; | 219 text-align: left; |
| 224 } | 220 } |
| 225 | 221 |
| 226 | 222 |
| 227 | 223 |
| 228 #alignments .white { | 224 .alignments .white { |
| 229 padding: 1.5em 1em; | 225 padding: 1.5em 1em; |
| 230 } | 226 } |
| 231 | 227 |
| 232 .alignment { | 228 .alignment { |
| 233 border-top: 1px solid black; | 229 border-top: 1px solid black; |
| 342 | 338 |
| 343 <body> | 339 <body> |
| 344 <div id=content> | 340 <div id=content> |
| 345 <h1>Nucleotide Sequence ({{length}} letters)</h1> | 341 <h1>Nucleotide Sequence ({{length}} letters)</h1> |
| 346 | 342 |
| 347 <div class=header> | 343 <section class=header> |
| 348 | 344 |
| 349 <table class=headerdata> | 345 <table class=headerdata> |
| 350 {% for param, value in params %} | 346 {% for param, value in params %} |
| 351 <tr><td class=param>{{param}}:</td><td>{{value}}</td></tr> | 347 <tr><td class=param>{{param}}:</td><td>{{value}}</td></tr> |
| 352 {% endfor %} | 348 {% endfor %} |
| 353 </table> | 349 </table> |
| 354 | 350 |
| 355 </div> | 351 </section> |
| 356 | 352 |
| 357 {% if not (blast.BlastOutput_iterations.findall('Iteration') and | 353 {% if not (blast.BlastOutput_iterations.findall('Iteration') and |
| 358 blast.BlastOutput_iterations.Iteration.Iteration_hits.findall('Hit')) %} | 354 blast.BlastOutput_iterations.Iteration.Iteration_hits.findall('Hit')) %} |
| 359 <div class=nodata> | 355 <section class=nodata> |
| 360 <h2>No Results</h2> | 356 <h2>No Results</h2> |
| 361 <div class=grey> | 357 <div class=grey> |
| 362 No Matches | 358 No Matches |
| 363 </div> | 359 </div> |
| 364 </div> | 360 </section> |
| 365 {% else %} | 361 {% else %} |
| 366 | 362 |
| 367 | 363 |
| 368 | 364 |
| 369 <div class=graphics> | 365 <section class=graphics> |
| 370 <h2>Graphic Summary</h2> | 366 <h2>Graphic Summary</h2> |
| 371 | 367 |
| 372 <div class=grey> | 368 <div class=grey> |
| 373 <h3 class=centered>Distribution of {{hits|length}} Blast Hits on the Query Sequence</h3> | 369 <h3 class=centered>Distribution of {{hits|length}} Blast Hits on the Query Sequence</h3> |
| 374 | 370 |
| 415 | 411 |
| 416 {% endfor %} | 412 {% endfor %} |
| 417 </div> | 413 </div> |
| 418 </div> | 414 </div> |
| 419 </div> | 415 </div> |
| 420 </div> | 416 </section> |
| 421 | 417 |
| 422 | 418 |
| 423 | 419 |
| 424 <div id=descriptions> | 420 <section class=descriptions> |
| 425 <h2>Descriptions</h2> | 421 <h2>Descriptions</h2> |
| 426 | 422 |
| 427 <div class=grey><div class=white> | 423 <div class=grey><div class=white> |
| 428 <h4 class=darkHeader>Sequences producing significant alignments:</h4> | 424 <h4 class=darkHeader>Sequences producing significant alignments:</h4> |
| 429 | 425 |
| 454 </tr> | 450 </tr> |
| 455 {% endfor %} | 451 {% endfor %} |
| 456 </table> | 452 </table> |
| 457 | 453 |
| 458 </div></div> | 454 </div></div> |
| 459 </div> | 455 </section> |
| 460 | 456 |
| 461 | 457 |
| 462 | 458 |
| 463 <div id=alignments> | 459 <section class=alignments> |
| 464 <h2>Alignments</h2> | 460 <h2>Alignments</h2> |
| 465 | 461 |
| 466 <div class=grey><div class=white> | 462 <div class=grey><div class=white> |
| 467 {% for hit in hits %} | 463 {% for hit in hits %} |
| 468 <div class=alignment id=hit{{hit.Hit_num}}> | 464 <div class=alignment id=hit{{hit.Hit_num}}> |
| 528 | 524 |
| 529 </div> | 525 </div> |
| 530 | 526 |
| 531 {% endfor %} | 527 {% endfor %} |
| 532 </div></div> | 528 </div></div> |
| 533 </div> | 529 </section> |
| 534 | 530 |
| 535 {% endif %} | 531 {% endif %} |
| 536 </div> | 532 </div> |
| 537 </body> | 533 </body> |
| 538 </html> | 534 </html> |