Blog post only pages now load without javascript

requirements.txt

@@ -10,3 +10,4 @@ wsgiref==0.1.2
 psycopg2==2.4.5
 gunicorn==0.14.2
 -e git://github.com/brosner/python-oauth2.git#egg=oauth2
+pybars==0.0.1

syte/static/js/components/blog-posts.js

@@ -1,10 +1,8 @@
 
-function fetchBlogPosts(post, tag) {
+function fetchBlogPosts(tag) {
   var blog_fetch_url = '/blog.json';
 
-  if (post)
-      blog_fetch_url = '/post/ajax/' + post;
-  else if (tag)
+  if (tag)
       blog_fetch_url = '/tags/' + tag;
 
   $.getJSON(blog_fetch_url, function(blog_posts) {

syte/templates/blog-post.html

@@ -0,0 +1,12 @@
+{% extends 'base.html' %}
+{% block pagetitle %}{{ post_title }}{% endblock %}
+{% block main_section %}
+<section class="main-section blog-section" id="blog-posts">
+  {{ post_data|safe }}
+</section>
+{% endblock %}
+{% block extra_inline_js %}
+$(function() {
+  adjustBlogHeaders();
+});
+{% endblock %}

syte/templates/index.html

@@ -6,10 +6,8 @@
 {% endblock %}
 {% block extra_inline_js %}
 $(function() {
-  {% if post_id %}
-  fetchBlogPosts("{{post_id}}")
-  {% elif tag_slug %}
-  fetchBlogPosts(null, "{{tag_slug}}");
+  {% if tag_slug %}
+  fetchBlogPosts("{{tag_slug}}");
   {% else %}
   fetchBlogPosts();
   {% endif %}

syte/urls.py

@@ -7,7 +7,6 @@
 
 urlpatterns = patterns('',
     url(r'^post/(?P<post_id>\w+)/?$', 'syte.views.blog_post'),
-    url(r'^post/ajax/(?P<post_id>\w+)/?$', 'syte.views.blog_post_ajax'),
     url(r'^tags/(?P<tag_slug>\w+)/?$', 'syte.views.blog_tags'),
     url(r'^blog.json/?$', 'syte.views.blog'),
 

syte/views.py

@@ -4,7 +4,10 @@
 from django.template import Context, loader
 from django.http import HttpResponse, HttpResponseServerError, Http404
 from django.conf import settings
+from pybars import Compiler
+from datetime import datetime
 
+import os
 import requests
 import json
 import oauth2 as oauth
@@ -106,19 +109,31 @@ def blog(request):
 
 
 def blog_post(request, post_id):
-    return render(request, 'index.html', {'post_id': post_id})
-
+    context = dict()
 
-def blog_post_ajax(request, post_id):
-    if request.is_ajax():
-        r = requests.get('{0}/posts?api_key={1}&id={2}'.format(settings.TUMBLR_API_URL,
+    r = requests.get('{0}/posts?api_key={1}&id={2}'.format(settings.TUMBLR_API_URL,
             settings.TUMBLR_API_KEY, post_id))
-        return HttpResponse(content=r.text, status=r.status_code,
-                        content_type=r.headers['content-type'])
 
-    return render(request, 'index.html', {'post_id': post_id})
+    if r.status_code == 200:
+        post_response = r.json.get('response', {})
+        posts = post_response.get('posts', [])
+
+        if posts:
+            post = posts[0]
+            f_date = datetime.strptime(post['date'], '%Y-%m-%d %H:%M:%S %Z')
+            post['formated_date'] = f_date.strftime('%B %d, %Y')
+
+            path_to_here = os.path.abspath(os.path.dirname(__file__))
+            f = open('{0}/static/templates/blog-post-{1}.html'.format(path_to_here, post['type']), 'r')
+            f_data = f.read()
+            f.close()
 
+            compiler = Compiler()
+            template = compiler.compile(unicode(f_data))
+            context['post_data'] = template(post)
+            context['post_title'] = post['title']
 
+    return render(request, 'blog-post.html', context)
 
 
 def blog_tags(request, tag_slug):