blob: a2126532f291bcc60fa7b47591467a46dda306d2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<%!
title = "Screenshots"
%>
<%inherit file="/page.mako" />
## content
<div style="position:relative">
% for (f,t,d),i in h.it.izip(h.getImages("static/images/screens/", "static/images/tmp/", (150,150)), h.it.count()):
<a href=${f} class="highslide" rel="highslide">
<img style='position: absolute; top: ${i / 3 * 180 + 20}px; left: ${ (i % 3) * 180 + 61.5 }px;' src=${t} title="${d if d else 'Portato Screenie'}" alt ="Screenshot" />
</a>
% endfor
<div style = 'height: ${i / 3 * 180 + 180}px;'><!-- Occupy some space --></div>
</div>
## functions
<%def name="style()">
${parent.style()}
<!-- highslide stuff -->
<script src=${"/static/js/highslide.js" | url} type="text/javascript"></script>
<script type="text/javascript">
hs.graphicsDir = ${"/static/images/highslide/" | url};
hs.align = 'center';
hs.showCredits = false;
hs.captionEval = 'this.thumb.title';
hs.outlineType = 'outer-glow';
hs.wrapperClassName = 'outer-glow';
hs.fullExpandOpacity = 0.5;
</script>
<link href=${"/static/css/highslide.css" | url} rel="stylesheet" type="text/css" />
</%def>
|
