{% extends 'base.html' %}

{% block content %}

	{% for content in homepage %}
	<div class="large-8 medium-8 columns special-column">
	<div class="index-text">
	<h4 class="big-title">{{content.title}} </a></h4>
	<p> {{content.header}} </p>
	<p> {{content.body}} </p>
	</div>
	{% endfor %}

	</div>
	<div class="large-4 medium-4 columns">
		<h4 class="sidebar-h4"> Upcoming Events </h4>
		<div class="row">
		
		    {% for content in latest_content_list %}    
		    {% if content.type_id == 1 %}
		    
		    <div class="row right-items">
			    <div class= "small-12 columns">
			    	<h6 class="sidebar-date"> <font color="#ef4e5c"> <b> {{content.datestart}} </b> 
			    	{{ content.title }} <br />
			    	{{ content.formatted_header|safe }} </font> 
			    	</h6>
			    </div>
		    </div>
		    {% endif %}
		   
		    {% if content.type_id == 0 %}
		    <div class="row right-items">
			    <div class="small-6 columns">
			        <img src="http://camputer.org/images/{{ content.image }}">
			    </div>
			    <div class="small-6 columns">
			        <a href="/{{content.type}}/{{ content.shortname }}/" class="sidebar-title">{{ content.title }}</a>
			         <h6 class="sidebar-date"> <font color="#ef4e5c">  <b> {{ content.datestart }} {% if content.dateend %} - {{content.dateend}} {% endif %} </b></font> <br/>
			          {{content.place}} </h6>
			          <p> {{content.header|striptags|truncatechars:100}} </p>
			    </div>
			</div>
		    {% endif %}

		    {% endfor %}
			
				</div>
			</div>
			
{% endblock %}