From 76623f12146a26276db3df4c971f3d508d25a285 Mon Sep 17 00:00:00 2001
From: nek0 <neko.rloove@rocketmail.com>
Date: Sun, 14 Sep 2014 07:17:51 +0200
Subject: [PATCH] using fogures for images

---
 templates/profile.cassius | 13 +++++++++++++
 templates/profile.hamlet  | 11 ++++++-----
 2 files changed, 19 insertions(+), 5 deletions(-)
 create mode 100644 templates/profile.cassius

diff --git a/templates/profile.cassius b/templates/profile.cassius
new file mode 100644
index 0000000..ff8de9a
--- /dev/null
+++ b/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
diff --git a/templates/profile.hamlet b/templates/profile.hamlet
index 130ed93..372880a 100644
--- a/templates/profile.hamlet
+++ b/templates/profile.hamlet
@@ -24,9 +24,10 @@ $if null recentMedia
   This user has not uploaded any images
 $else
   Newest images:
-  <ul class="media">
-    <li>
-      $forall (Entity mediumId medium) <- take 10 recentMedia
-        <div class="thumbnail">
-          <a href=@{MediumR mediumId}>
+  <ul>
+    $forall (Entity mediumId medium) <- take 10 recentMedia
+      <li>
+        <a href=@{MediumR mediumId}>
+          <figure class="thumbnail">
             <img src=#{mediumPath medium}>
+            <figcaption>#{mediumTitle medium}