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

{% 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 'inline_media/css/inline_media.css' %}" media="screen" />
<link rel="stylesheet" href="{% static 'prettyphoto-3.1.3/css/prettyPhoto.css' %}" media="screen" />
{% endblock %}

{% block extrajs %}
<script src="{% static 'inline_media/js/inline_media.js' %}"></script>
<script src="{% static 'prettyphoto-3.1.3/js/jquery.prettyPhoto.js' %}"></script>
{% endblock %}

{% block nav-sitename %}<a href="{% url 'index' %}">{{ usersettings.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">
    <div class="col-lg-3 col-md-3">
      <h5 class="text-right">Professional</h5>
    </div>
    <div class="col-lg-9 col-md-9">
      {% flatblock_xtd 'about-professional' %}
    </div>
  </div>

  <div class="row">
    <div class="col-lg-offset-1 col-md-offset-1 col-lg-10 col-md-10"><hr></div>
  </div>

  <div class="row">
    <div class="col-lg-3 col-md-3">
      <h5 class="text-right">Personal</h5>
    </div>
    <div class="col-lg-9 col-md-9">
      {% flatblock_xtd 'about-personal' %}
    </div>
  </div>
</div>
{% endblock %}
