register date, tags, and image project

_layouts/project_single.html

@@ -5,10 +5,26 @@ layout: default
 
   <header class="post-header">
     <h1 class="post-title">{{ page.title }}</h1>
-    <hr />
+    {% for project in site.data.projects %}
+        {% if project.slug == page.slug %}
+            <span class="time">{{ project.date }}</span> &raquo; 
+            {% for tag in project.tags %}
+                <span class="tags tag-filter">{{ tag }}</span>
+            {% endfor %}
+        {% endif %}
+    {% endfor %}
   </header>
 
-  <div class="post-content">
+  <div class="content">
+    {% for project in site.data.projects %}
+        {% if project.slug == page.slug %}
+            <a href="/static/projects/{{ project.image }}" class="thickbox">
+                <img src="/static/projects/{{ project.image }}" alt="{{ page.title }}" title="{{ page.title }}">
+            </a>
+        {% endif %}
+    {% endfor %}
+    <hr />
+
     {{ content }}
   </div>
 

_project/cool-project.md

@@ -1,5 +1,6 @@
 ---
 layout: project_single
 title:  "Cool Project"
+slug: "cool-project"
 ---
 Just a demo text for now, which signifies there is lot of scope for improvement.

static/css/main.css

@@ -216,3 +216,4 @@ div.col-sm-3 img#about {
     border-top: 1px solid #f0f0f0;
     border-bottom: 1px solid #f0f0f0;
 }
+.post-content img, .content img {max-width: 100%}