montage
view montage/templates/background.html @ 30:5a3945882d04
improvements in background.html template
| author | Jeff Hammel <jhammel@mozilla.com> |
|---|---|
| date | Wed Jan 11 16:28:16 2012 -0800 (4 months ago) |
| parents | ee74cf1e444b |
| children |
line source
1 <!DOCTYPE html
2 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
3 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml"
5 xmlns:py="http://genshi.edgewall.org/"
6 xmlns:xi="http://www.w3.org/2001/XInclude">
7 <head py:with="background = request.GET.get('image', files[0]['link'])">
8 <xi:include href="head.html"/>
9 <style type="text/css">
10 body {
11 background-image: url('${background}');
12 background-repeat:no-repeat;
13 background-position: right;
14 background-attachment: fixed;
15 background-size: 100% 100%;
16 }
17 </style>
18 </head>
19 <body>
20 <xi:include py:if="include" href="${include}"/>
22 <div class="strip">
23 <py:for each="index, image in enumerate(files)">
24 <div class="image">
25 <a name="${image['name']}"></a>
26 <a href="${'?image=' + image['name']}#${image['name']}">
27 <img src="${image['path']}" width="${width or None}" height="${height or None}"/>
28 </a>
29 <br/>
30 ${image.get('title', image['description'])}
31 </div>
32 </py:for>
33 </div> <!-- strip -->
35 </body>
36 </html>