{% 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.formatted_header}}
    </p>
	<p>
        {{content.formatted_body}}
    </p>
	</div>
	{% endfor %}

	</div>
	<div class="large-4 medium-4 columns">
        {% if upcoming_events.exists %}
		<h4 class="sidebar-h4"> Upcoming Events </h4>
        {% include "event_preview.html" with events=upcoming_events %}
        {% endif %}
        {% if ongoing_events.exists %}
		<h4 class="sidebar-h4"> Ongoing Events </h4>
        {% include "event_preview.html" with events=ongoing_events %}
        {% endif %}
        {% if past_events.exists %}
		<h4 class="sidebar-h4"> Past Events </h4>
        {% include "event_preview.html" with events=past_events %}
        {% endif %}
        <a href="/events/index/">All Events</a>
        <br>
        <br>
    </div>
			
{% endblock %}