{% extends "blognajd/base.html" %}
{% load flatblock_xtd_tags thumbnail %}

{% block title %}{{ block.super }}&nbsp;&raquo;&nbsp;about{% endblock %}

{% block nav-about %}<li class="active"><a href="{% url 'about' %}">about</a></li>{% endblock %}

{% block extracss %}
<link rel="stylesheet" href="{{ STATIC_URL }}inline_media/css/inline_media.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{{ STATIC_URL }}prettyphoto-3.1.3/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
{% endblock %}

{% block extrajs %}
<script type="text/javascript" src="{{ STATIC_URL }}inline_media/js/inline_media.js"></script>
<script src="{{ STATIC_URL }}prettyphoto-3.1.3/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
{% endblock %}

{% block nav-sitename %}<a href="{% url 'index' %}">{{ settings.BLOGNAJD_SITE_SHORT_NAME }}</a>{% endblock %}

{% block jumbotron %}
{% flatblock_xtd "jumbotron-about" using "flatblocks_xtd/jumbotron.html" %}
{% endblock %}

{% block body %}
<div id="body-about">
  <div class="row-fluid">
    <div class="span3">
      <h5 class="text-right">Professional</h5>
    </div>
    <div class="span9">
      {% flatblock_xtd 'about-professional' %}
    </div>
  </div>

  <div class="row-fluid">
    <div class="offset1 span10"><hr></div>
  </div>

  <div class="row-fluid">
    <div class="span3">
      <h5 class="text-right">Personal</h5>
    </div>
    <div class="span9">
      {% flatblock_xtd 'about-personal' %}
    </div>
  </div>
</div>
{% endblock %}
