caption as backgroundsize

2 files changed, 24 insertions, 3 deletions

diff --git a/db.json b/db.json
index cb6f87c..35289b4 100644
--- a/db.json
+++ b/db.json
@@ -21,14 +21,34 @@
           "uri": "http://nytimes.com/"
         }
       ],
-      "__index": 0,
+      "__index": "0",
       "dateCreated": "Sat, 26 Mar 2016 20:34:21 GMT",
       "client": "Annapurna Pictures",
-      "containImage": "true",
+      "containImage": "false",
       "iframe": "",
       "video": "",
       "media": [
         {
+          "uri": "http://i.imgur.com/EwpnIeD.gif",
+          "caption": "80%",
+          "type": "image"
+        },
+        {
+          "uri": "http://cdn0.dailydot.com/uploaded/images/original/2013/6/1/tumblr_mdqypg6Ta71rfvi3io1_500.gif",
+          "caption": "",
+          "type": "image"
+        },
+        {
+          "uri": "https://ltho.s3.amazonaws.com/a694fbb6-554f-467f-877a-275920a64189.png",
+          "caption": "",
+          "type": "image"
+        },
+        {
+          "uri": "https://ltho.s3.amazonaws.com/357df7aa-412e-4c1f-b35a-c777be88c876.png",
+          "caption": "",
+          "type": "image"
+        },
+        {
           "uri": "http://okfoc.us/",
           "caption": "",
           "type": "link"
diff --git a/templates/index.liquid b/templates/index.liquid
index 88ca8ea..bba8945 100644
--- a/templates/index.liquid
+++ b/templates/index.liquid
@@ -65,7 +65,8 @@
         <div class="top">
             {% for media in project.media %}
               {% if media.type == 'image' %}
-                <div class="cell {% if project.containImage == 'true' %}contain{% endif %}" style="background-image:url({{ media.uri }})"></div>
+                <div class="cell" style="background-image:url({{ media.uri }}); 
+                {% if media.caption %} background-size:{{ media.caption }}; {% endif %}"></div>
               {% elsif media.type == 'vimeo' %}
                 <div class="cell video" data-video="{{ media.token }}"></div>
               {% elsif media.type == 'link' %}