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>