Mercurial > repos > jankanis > blast2html
comparison blast_html.html.jinja @ 17:8e61627a87f1
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
16:db7e4ee3be03 | 17: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> |