Add image thumbnails.

diff --git a/geekigeeki.css b/geekigeeki.css
index d311c49d42598c7c023fe051b5941844359a94e8..0255a720499b4e52abc3d829cb49debafb39984e 100755 (executable)
--- a/geekigeeki.css
+++ b/geekigeeki.css
@@ -331,6 +331,31 @@ pre.notice {
        border: 1px solid #8cacbb;
 }
 
+/* thumbnails */
+div.thumb {
+       float: right;
+       border: 1px solid #ccc;
+       padding: 3px !important;
+       margin: 10px;
+       margin-bottom: .5em;
+       background-color: #f9f9f9;
+       text-align: center;
+}
+
+div.thumb a img {
+       border: 1px solid #ccc;
+}
+
+div.thumb div.caption {
+       border: none;
+       overflow: hidden;
+       font-size: 94%;
+       line-height: 1.4em;
+       padding: .3em 0 .1em 0;
+       text-align: center;
+}
+
+
 /* Styles for search word highlighting */
 @media screen {
  .searchword0 { background: #ff9 }

diff --git a/geekigeeki.py b/geekigeeki.py
index d8d984a40e7bc3e9d5f0216c674ad368d85dc7fb..cd92c54edffbd737d1d6affdbe7e94f83faf3a2b 100755 (executable)
--- a/geekigeeki.py
+++ b/geekigeeki.py
@@ -397,7 +397,7 @@ class PageFormatter:
         if macro:
             return apply(macro, (name, descr))
         elif img_re.match(name):
-            return '<a href="%s"><img border="0" src="%s" alt="%s" /></a>' % (name, name, descr)
+            return '<div class="thumb"><a href="%s"><img border="0" src="%s" alt="%s" /></a><div class="caption">%s</div></div>' % (name, name, descr, descr)
         else:
             if img_re.match(descr):
                 descr = '<img border="0" src="' + descr + '" />'