render attachments

index.html

@@ -57,11 +57,14 @@
             <div class='sender'>{{ sender }}</div>
             <img class='avatar' src='{{ contact_avatar }}'>
             <div class='bubble bubble_context {{ bubble_class }}'>
-            <ul class='volley'>
+              <ul class='volley'>
-                <li class='message'>
+                  <li class='message'>
-                {{ message }}
+                  {{ message }}
-                </li>
+                  </li>
-            </ul>
+              </ul>
+              {{#attachments}}
+                <img src={{.}}>
+              {{/attachments}}
             </div>
         </script>
         <script type='text/x-tmpl-mustache' id='contact'>

stylesheets/index.css

@@ -57,6 +57,10 @@ li.entry.outgoing .avatar {
   display: none;
 }
 
+li.entry img {
+  max-width: 100%;
+}
+
 .attachments img {
   width: 30px;
   height: 30px;