diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 50e2c9d..2569f8c 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -49,7 +49,7 @@
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="app.js" pinned="false" current-in-tab="false">
+      <file leaf-file-name="app.js" pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/js/app.js">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="-14">
@@ -92,7 +92,6 @@
         <option value="$PROJECT_DIR$/README.md" />
         <option value="$PROJECT_DIR$/index.html" />
         <option value="$PROJECT_DIR$/js/app.js" />
-        <option value="$PROJECT_DIR$/css/style.css" />
       </list>
     </option>
   </component>
@@ -104,9 +103,9 @@
   </component>
   <component name="ProjectFrameBounds">
     <option name="x" value="19" />
-    <option name="y" value="22" />
+    <option name="y" value="74" />
     <option name="width" value="1347" />
-    <option name="height" value="691" />
+    <option name="height" value="951" />
   </component>
   <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
   <component name="ProjectView">
@@ -186,6 +185,7 @@
       <workItem from="1522031728957" duration="3640000" />
       <workItem from="1522037977218" duration="4758000" />
       <workItem from="1522100425023" duration="49000" />
+      <workItem from="1522104487283" duration="7218000" />
     </task>
     <servers />
   </component>
@@ -193,7 +193,7 @@
     <option name="totallyTimeSpent" value="15827000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="19" y="22" width="1347" height="691" extended-state="0" />
+    <frame x="19" y="74" width="1347" height="951" extended-state="0" />
     <editor active="true" />
     <layout>
       <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.25565612" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
@@ -330,6 +330,41 @@
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="720">
+          <caret line="36" column="28" lean-forward="false" selection-start-line="36" selection-start-column="28" selection-end-line="36" selection-end-column="28" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/README.md">
+      <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
+        <state split_layout="SPLIT">
+          <first_editor relative-caret-position="840">
+            <caret line="42" column="122" lean-forward="false" selection-start-line="42" selection-start-column="122" selection-end-line="42" selection-end-column="122" />
+            <folding />
+          </first_editor>
+          <second_editor />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/app.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="1900">
+          <caret line="95" column="6" lean-forward="false" selection-start-line="95" selection-start-column="6" selection-end-line="95" selection-end-column="6" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/style.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="520">
+          <caret line="26" column="1" lean-forward="false" selection-start-line="26" selection-start-column="1" selection-end-line="26" selection-end-column="1" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/index.html">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="820">
@@ -500,6 +535,49 @@
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/css/style.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="760">
+          <caret line="47" column="19" lean-forward="false" selection-start-line="47" selection-start-column="19" selection-end-line="47" selection-end-column="19" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-295">
+          <caret line="36" column="33" lean-forward="false" selection-start-line="36" selection-start-column="33" selection-end-line="36" selection-end-column="33" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="820">
+          <caret line="41" column="12" lean-forward="true" selection-start-line="41" selection-start-column="12" selection-end-line="41" selection-end-column="12" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/app.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="1900">
+          <caret line="95" column="6" lean-forward="true" selection-start-line="95" selection-start-column="6" selection-end-line="95" selection-end-column="6" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/README.md">
+      <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
+        <state split_layout="SPLIT">
+          <first_editor relative-caret-position="840">
+            <caret line="42" column="122" lean-forward="true" selection-start-line="42" selection-start-column="122" selection-end-line="42" selection-end-column="122" />
+            <folding />
+          </first_editor>
+          <second_editor />
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/css/style.css">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="240">
diff --git a/js/app.js b/js/app.js
index e3ec593..6551b3f 100644
--- a/js/app.js
+++ b/js/app.js
@@ -64,7 +64,7 @@ var Textile = {
                             .toArray()
                             .reduce(function(p, c) {
                                 var item = $(c);
-                                p[item.attr('href').split(".html")[0]] = item.html().split(" - ")[0];
+                                p[item.attr('href').split(".html")[0]] = {folder: item.html().split(" - ")[0]};
                                 return p
                             }, {});
                     }
@@ -72,15 +72,55 @@ var Textile = {
                 return mapper
             })
             .then(function(mapper) {
+                var meta = {};
+                var targets = []
+                zip.forEach(function (relativePath, zipEntry) {  // 2) print entries
+                    if (relativePath.match(/^photos\/\S*html/)) {
+                        targets.push(zipEntry)
+                    }
+                })
+                var promises = targets.map(function(zipEntry){
+                    return zipEntry.async("string").then(function(fileData){
+                        var html = $.parseHTML(fileData);
+                        html.forEach(function(el) {
+                            $(el).find(".block")
+                                .toArray()
+                                .forEach(function(v, i) {
+                                    var link = $(v).find('img').attr('src');
+                                    var parts = link.split('.jpg')[0].split('/');
+                                    var id = parts[parts.length - 1].split('_')[1];
+                                    var taken = $(v).find('div div.meta').html();
+                                    meta[id] = {"date": taken}
+                                    var tablemeta = $(v).find('div table.meta');
+                                    $(tablemeta).find('tr').toArray().forEach(function(m, ii) {
+                                        var kk = $(m).find('th').html();
+                                        var val = $(m).find('td').html();
+                                        meta[id][kk] = val
+                                    })
+                                }, {});
+                        });
+                    })
+                })
+                return Promise.all(promises).then(function(){
+                    return {"mapper": mapper, "meta": meta}
+                })
+            })
+            .then(function(info) {
+                var mapper = info['mapper'];
+                var meta = info['meta'];
                 zip.forEach(function (relativePath, zipEntry) {  // 2) print entries
                     var name;
                     if (relativePath.match(/^photos\/\S*\/\S*jpg/)) {
                         var index = relativePath.lastIndexOf("/");
-                        var base = mapper[relativePath.substring(0, index)];
+                        var base = mapper[relativePath.substring(0, index)].folder;
                         var photo = relativePath.substring(index);
                         if (base === undefined) {
                             base = relativePath.substring(0, index)
                         }
+                        var photoId = photo.replace("/", "").replace(".jpg", "")
+
+                        console.log(meta[photoId])
+
                         Textile.file.file("Photos/" + base + photo, zipEntry._data)
                     }