register date, tags, and image project

agusmakmun · Jun 10, 2016 · b5306e0 · b5306e0
1 parent 387a422
commit b5306e0
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 3 deletions.
diff --git a/_layouts/project_single.html b/_layouts/project_single.html
@@ -5,10 +5,26 @@
 
   <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>
 

diff --git a/_project/cool-project.md b/_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.
diff --git a/static/css/main.css b/static/css/main.css
@@ -215,4 +215,5 @@ div.col-sm-3 img#about {
     padding: 10px 10px 5px;
     border-top: 1px solid #f0f0f0;
     border-bottom: 1px solid #f0f0f0;
-}
+}
+.post-content img, .content img {max-width: 100%}