{% extends "base.html" %}
{% block js %}
<script type="text/javascript">
$(function() {
	$("#gravatar").append($.gravatar($('#email').text()));
   	$("#memberships").accordion({
   		header: 'h3'
   	});
});
</script>
{% endblock %}
{% block headline %}{{profile.display_name}}{% endblock %}
{% block title %}COIP - {{profile.display_name}} - Home{% endblock %}
{% block main %}
<div id="memberships">
	{% for m in memberships %}
	<div id="m{{m.id}}" class="{{m.status}}">
	   <h3 style="padding-left: 20px;">{{m.name.shortname}}</h3>
	   <div>
	   	  You have been a member of {{m.name.shortname}} since {{m.timecreated}}<br/>
	   	  <div>{{m.name.description}}</div></br>
	   	  <a href="/name/id/{{m.name.id}}">More details about {{m.name.shortname}}...</a>
	   </div>
	</div>
	{% endfor %}
</div>
{% endblock %}