changeset 111:7aa28753d7b3

create document-wide h1 header, put other headers one size down

--- a/blast2html.html.jinja	Wed Jul 09 15:04:37 2014 +0200
+++ b/blast2html.html.jinja	Wed Jul 09 15:17:14 2014 +0200
@@ -41,17 +41,24 @@
       }
 
       h1 {
+      font-size: 200%;
+      }
+
+      h2 {
+      font-size: 150%;
+      }
+      
+      h1, h2 {
       border-bottom: 1px solid #CCCCCC;
-      font-size: 150%;
       padding-bottom: 0.1em;
       }
 
-      h2 {
+      h3 {
       font-size: 120%;
       font-weight: bold;
       }
 
-      h4.darkHeader {
+      h5.darkHeader {
       color: #4D4D4D;
       letter-spacing: 0;
       font-weight: bold;
@@ -386,16 +393,6 @@
     
     <div id=content>
 
-      {% if not blast.BlastOutput_iterations.findall('Iteration') %}
-      <section class=nodata>
-        <h1>No data</h1>
-        <div class=grey>
-          No matches
-        </div>
-      </section>
-
-      {% else %}
-
       <section class=header>
 
         <h1>Nucleotide Blast results</h1>
@@ -408,9 +405,19 @@
 
       </section>
 
+      {% if not blast.BlastOutput_iterations.findall('Iteration') %}
+      <section class=nodata>
+        <h2>No data</h2>
+        <div class=grey>
+          No matches
+        </div>
+      </section>
+
+      {% else %}
+
       {% if blast.BlastOutput_iterations.findall('Iteration') | length > 1 %}
       <section class=index>
-        <h1>Queries</h1>
+        <h2>Queries</h2>
 
         {% for result in blast.BlastOutput_iterations.Iteration %}
         <div class=indexentry><a href="#match{{result|nodeid}}">
@@ -427,7 +434,7 @@
       
       <section class=match id=match{{result|nodeid}}>
       
-        <h1>Nucleotide Sequence ({{result|len}} letters)</h1>
+        <h2>Nucleotide Sequence ({{result|len}} letters)</h2>
 
         <section class=header>
 
@@ -442,7 +449,7 @@
         {% set hits = result|hits %}
         {% if not hits %}
         <section>
-          <h2>No Hits</h2>
+          <h3>No Hits</h3>
           <div class=grey>
             <table class=headerdata>
               <tr><td class=param>Message:</td><td>{{result.Iteration_message}}</td></tr>
@@ -452,17 +459,17 @@
         {% else %}
 
         <section class=graphics>
-          <h2>Graphic Summary</h2>
+          <h3>Graphic Summary</h3>
 
           <div class=grey>
-            <h3 class=centered>Distribution of {{result|length}} Blast Hits on the Query Sequence</h3>
+            <h4 class=centered>Distribution of {{result|length}} Blast Hits on the Query Sequence</h4>
 
             <div class=defline id=defline{{result|nodeid}}>
               Mouse-over to show defline and scores, click to show alignments
             </div>
 
             <div class=graphic>
-              <h4 class=darkHeader>Color key for alignment scores</h4>
+              <h5 class=darkHeader>Color key for alignment scores</h5>
               <div class=legend><div class=graphicrow>
                   <div class=graphicitem style="background-color: {{colors[0]}}">&lt;40</div>
                   <div class=graphicitem style="background-color: {{colors[1]}}">40–50</div>
@@ -516,10 +523,10 @@
 
 
         <section class=descriptions>
-          <h2>Descriptions</h2>
+          <h3>Descriptions</h3>
 
           <div class=grey><div class=white>
-              <h4 class=darkHeader>Sequences producing significant alignments:</h4>
+              <h5 class=darkHeader>Sequences producing significant alignments:</h5>
 
               <table class=descriptiontable>
                 <col/><col/><col/><col/><col/><col/><col/>
@@ -555,7 +562,7 @@
 
 
         <section class=alignments>
-          <h2>Alignments</h2>
+          <h3>Alignments</h3>
 
           <div class=grey><div class=white>
               {% for hit in hits %}