using fogures for images

templates/profile.cassius

@@ -0,0 +1,13 @@
+.thumbnail
+  border: 1px solid #ddd
+  border-radius: 6px
+  box-shadow: 0 0 3px #c4c4c4
+
+.thumbnail img
+  width: 250px
+
+ul
+  list-style-type: none
+
+li
+  display: inline-block

templates/profile.hamlet

@@ -24,9 +24,10 @@ $if null recentMedia
   This user has not uploaded any images
 $else
   Newest images:
-  <ul class="media">
-    <li>
+  <ul>
     $forall (Entity mediumId medium) <- take 10 recentMedia
-        <div class="thumbnail">
+      <li>
         <a href=@{MediumR mediumId}>
+          <figure class="thumbnail">
             <img src=#{mediumPath medium}>
+            <figcaption>#{mediumTitle medium}