view montage/templates/background.html @ 22:2126ff45bec2

add a template for displaying images in the background
author k0s <k0scist@gmail.com>
date Thu, 14 Jan 2010 00:59:02 -0500
parents
children ee74cf1e444b
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 py:with="background = request.GET.get('image', files[0]['link'])">
    <title>${title or path}</title>
    <link py:for="sheet in css" rel="stylesheet" type="text/css" href="${sheet}"/>
    <style type="text/css">
    body { background-image: url('${background}'); 
background-repeat:no-repeat;
background-position: right;
background-attachment: fixed;
}
    </style>
  </head>
  <body>
    <xi:include py:if="include" href="${include}"/>

    <div class="strip">
    <py:for each="index, image in enumerate(files)">
      <div class="image">
        <a href="${'?image=' + image['link']}">
          <img src="${image['path']}" width="${width or None}" height="${height or None}"/>
        </a>
        <br/>
        ${image.get('title', image['description'])}
      </div>
    </py:for>
    </div> <!-- strip -->

  </body>
</html>