view montage/templates/grid.html @ 14:6a33dc59e4a6

fix layout of grid for uneven number of images
author k0s <k0scist@gmail.com>
date Sat, 26 Dec 2009 19:45:41 -0500
parents 33349e5178b3
children 17ccb1022656
line wrap: on
line source

<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://genshi.edgewall.org/"
      xmlns:xi="http://www.w3.org/2001/XInclude">
  <head>
    <title>${title or path}</title>
    <link py:for="sheet in stylesheets" rel="stylesheet" type="text/css" href="${sheet}"/>
  </head>
  <body>
    <xi:include py:if="include" href="${include}"/>

    <center>
    <table class="image">
      <tr py:for="row in range(len(files)/columns)">
        <td py:for="col in range(columns)" py:with="image = files[row*columns + col]">
          <center>
            <a href="${image['link']}">
               <img src="${image['path']}" width="${width or None}" height="${height or None}"/>
            </a>
          <br/>
            ${image.get('title', image['description'])}            
          </center>
        </td>
      </tr>
      <tr py:if="len(files) % columns" py:with="row = len(files) / columns">
        <td py:for="col in range(len(files) % columns)" py:with="image = files[row*columns + col]">
          <center>
            <a href="${image['link']}">
              <img src="${image['path']}" width="${width or None}" height="${height or None}"/>
              </a>
            <br/>
            ${image.get('title', image['description'])}            
          </center>
        </td>        
      </tr>
    </table>
    </center>
  </body>
</html>