separated the event view from it's containers

src/app/level2/WebControllerProvider.php

@@ -31,14 +31,14 @@
       $ctr->get('/events', function() use ( $app ) {
 
         return $app['twig']->render(
-          'level2.twig',
+          'events.twig',
           array(
             'page'      =>  'events',
             'level2'    =>  Level2::getStatus( $app ),
             'events'    =>  array_slice(
               Level2::getEvents( $app ),
               0,
-              10
+              100
             )
           )
         );

src/app/views/event.twig

@@ -0,0 +1,53 @@
+{% block event %}
+
+  <div class="row event well">
+
+    <div class="col-sm-4 meta hidden-xs">
+      {% if event.image %}
+        <div class="img">
+          {% if event.url %}
+            <a href="{{ event.url }}">
+              <img src="{{ event.image }}" />
+            </a>
+          {% else %}
+            <img src="{{ event.image }}" />
+          {% endif %}
+        </div>
+      {% else %}
+        {% if event.url %}
+          <a href="{{ event.url }}">
+            <img src="{{ level2.logo }}" />
+          </a>
+        {% else %}
+          <img src="{{ level2.logo }}" />
+        {% endif %}
+      {% endif %}
+      <h4>{{ event.date }}</h4>
+      {% if event.location is defined %}
+        <h4 class="location">{{ event.location }}</h4>
+      {% endif %}
+    </div>
+    <div class="col-sm-8 description">
+      <h2>
+        {% if event.url %}
+          <a href="{{ event.url }}">
+            {{ event.name }}
+          </a>
+        {% else %}
+            {{ event.name }}
+        {% endif %}
+      </h2>
+      <h4 class="visible-xs">
+      {{ event.date }}
+      {% if event.location is defined %}
+         - {{ event.location }}
+      {% endif %}
+      </h4>
+      {% if event.description is defined %}
+        <p>{{ event.description|raw }}</p>
+      {% endif %}
+    </div>
+
+  </div>
+
+{% endblock %}

src/app/views/events.twig

@@ -0,0 +1,26 @@
+{% extends "base.twig" %}
+
+{% block container %}
+
+<div class="row">
+
+  <div class="col-sm-3">
+
+    <h2>Events</h2>
+
+  </div>
+
+  <div class="col-sm-9">
+
+    {% for event in events %}
+
+      {% embed "event.twig" %}
+      {% endembed %}
+
+    {% endfor %}
+
+  </div>
+
+</div>
+
+{% endblock %}

src/app/views/level2.twig

@@ -14,49 +14,8 @@
 
     {% for event in events %}
 
-      <div class="row event well">
-
-        <div class="col-sm-4 meta hidden-xs">
-          {% if event.image %}
-            <div class="img">
-              {% if event.url %}
-                <a href="{{ event.url }}">
-                  <img src="{{ event.image }}" />
-                </a>
-              {% else %}
-                <img src="{{ event.image }}" />
-              {% endif %}
-            </div>
-          {% else %}
-            <img src="{{ level2.logo }}" />
-          {% endif %}
-          <h4>{{ event.date }}</h4>
-          {% if event.location is defined %}
-            <h4 class="location">{{ event.location }}</h4>
-          {% endif %}
-        </div>
-        <div class="col-sm-8 description">
-          <h2>
-            {% if event.url %}
-              <a href="{{ event.url }}">
-                {{ event.name }}
-              </a>
-            {% else %}
-                {{ event.name }}
-            {% endif %}
-          </h2>
-          <h4 class="visible-xs">
-          {{ event.date }}
-          {% if event.location is defined %}
-             - {{ event.location }}
-          {% endif %}
-          </h4>
-          {% if event.description is defined %}
-            <p>{{ event.description|raw }}</p>
-          {% endif %}
-        </div>
-
-      </div>
+      {% embed "event.twig" %}
+      {% endembed %}
 
     {% endfor %}