templates/blog/entry.html @ 86efdd0bd8ca

{% extends "blog/base.html" %}
{% load markup %}
{% load typogrify %}

{% block title %}{{ entry.title }}{% endblock %}

{% block script %}
    <script type="text/javascript"
            src="/site-media/scripts/jquery.validate.min.js">
    </script>
    <script type="text/javascript"
            src="/site-media/scripts/validate-comment-form.js">
    </script>
{% endblock %}

{% block content %}
    <div id="blog-entry">
        <h1 id="blog-entry-title">
            <a href="{{ entry.get_absolute_url }}">
                {{ entry.title|typogrify }}
            </a>
        </h1>
        <div id="blog-entry-date">
            <p>
                Posted
                on {{ entry.pub_date.date|date:"F j, Y" }}
                at {{ entry.pub_date.time|time:"g:i A" }}
            </p>
        </div>
        <div id="blog-entry-body" class="content">
            {{ entry.body|markdown:"codehilite"|typogrify }}
        </div>
    </div>
    <hr />
    {% ifnotequal comments.count 0 %}
        <div id="blog-entry-comments">
            <h1>Comments</h1>
            {% for comment in comments %}
                <div class="blog-entry-comment">
                    <a name="comment-{{ comment.id }}"></a>
                    <h2>{{ comment.name }} said:</h2>
                    <div class="blog-entry-comment-body">
                        {{ comment.body|markdown:"safe"|typogrify }}
                    </div>
                </div>
            {% endfor %}
        </div>
        <hr />
    {% endifnotequal %}
    <div id="blog-entry-new-comment">
        <h1>Add your comment:</h1>
        <form id="new-comment-form" method="post" 
              action="{% url blog-post-comment %}">
            <p class="form-label">
                What's your name?
            </p>
            <p id="blog-new-comment-name-area">
                <input type="hidden" name="entry-id" 
                       value="{{ entry.id }}" />
                <input id="blog-new-comment-name" name="name" 
                       maxlength="40" type="text" />
            </p>
            <p id="blog-new-comment-body-area">
                <textarea id="blog-new-comment-body" rows="" cols=""
                          name="body"></textarea>
            </p>
            <p id="blog-new-comment-instructions">
                You can use <a href="http://daringfireball.net/projects/markdown/syntax">Markdown</a>.
            </p>
            <h2>You're going to say:</h2>
            <div class="wmd-preview"></div>
            <p>
                <input id="blog-new-comment-submit" name="submit"
                       type="submit" value="Comment" />
            </p>
        </form>
    </div>
    
    <script type="text/javascript">
        wmd_options = {
            output: "Markdown",
            buttons: "bold italic | link blockquote code | ol ul heading hr"
        };
    </script>
    <script type="text/javascript"
            src="/site-media/scripts/wmd/wmd.js"></script>
    
{% endblock %}