title: displaying a div only on tumblr blog homepage?
body: <p>I have a fairly novice understanding of CSS and HTML, and I'm trying to do something that I think should be relatively simple (in a custom tumblr theme I'm creating), but I can't find a straightforward answer. I have a feeling there might be a super easy way to do what I want in JavaScript.</p>
  
  <p>I'd like to display a <code>DIV</code> <em>only</em> on the main index page (i.e. homepage) of the tumblr blog.  It seems the documentation tumblr provides allows you to do this to some extent (through the {Block:IndexPage} variable), but the problem is the code within this element displays on <em>all</em> index pages (i.e. instead of just showing up at the root level on /page/1, it will show up on subsequent "index" pages like /page/2, etc.</p>
  
  <p>Here's the code I have, which successfully does not show the div on permalink pages:</p>
  
  <pre><code>{block:IndexPage}
      &lt;div class="mid2"&gt;
          &lt;div class="midLeft2"&gt;  
              &lt;p&gt;test&lt;/p&gt;
          &lt;/div&gt;   
      &lt;/div&gt;
  {/block:IndexPage}  
  </code></pre>
  
  <p>Any ideas? Any help is much appreciated!</p>