diff options
Diffstat (limited to 'templates/pages/screenshots.mako')
| -rw-r--r-- | templates/pages/screenshots.mako | 30 |
1 files changed, 29 insertions, 1 deletions
diff --git a/templates/pages/screenshots.mako b/templates/pages/screenshots.mako index 539184d..6e85b2a 100644 --- a/templates/pages/screenshots.mako +++ b/templates/pages/screenshots.mako @@ -3,4 +3,32 @@ %> <%inherit file="/page.mako" /> -<p>Nothing here yet!</p> +<%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.alt'; + 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> + +<p> + % for f,t,d in h.getImages("static/images/screens/", "static/images/tmp/", (150,150)): + <a href=${f} class="highslide" rel="highslide"> + <img src=${t} alt="${d if d else 'Portato screenie'}" title="Click to enlarge" /> + </a> + ## % if d is not None: + ## <div class="highslide-caption">${d}</div> + ##% endif + % endfor +</a> |